/* ============================================================
   ProtonBusMods — CSS-art country flags (PRO-275)
   26 flags rendered as pure CSS gradients on [data-flag] spans.
   Zero image requests per flag — important for category listings
   that render 30+ countries in one viewport (acceptance #3).

   Mapped from c:\temp\bsc\ds\shared.jsx const Flag = ({code}) =>
   covering every 2-letter code in includes/helpers/country_flag.php
   bsc_country_to_flag_code() map (26 active countries).

   Gotcha: country_flag.php emits 'gb' (ISO 3166) but shared.jsx
   uses 'UK' (legacy convention). The helper normalizes via
   strtoupper + the 'GB' alias defined alongside 'UK' below.

   Codes outside this set fall back to the existing flagcdn <img>
   per bsc_country_flag() — see includes/helpers/country_flag.php.
   ============================================================ */

.pbm-flag {
    display: inline-block;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
    flex-shrink: 0;
    vertical-align: middle;
}

/* ---- Americas ---- */
.pbm-flag[data-flag="BR"] { background: linear-gradient(0deg, #00923f 0%, #00923f 25%, #ffdf00 25%, #ffdf00 75%, #00923f 75%); }
.pbm-flag[data-flag="AR"] { background: linear-gradient(180deg, #74acdf 33%, #fff 33%, #fff 66%, #74acdf 66%); }
.pbm-flag[data-flag="CL"] { background: linear-gradient(180deg, #fff 50%, #d52b1e 50%); }
.pbm-flag[data-flag="MX"] { background: linear-gradient(90deg, #006847 33%, #fff 33%, #fff 66%, #ce1126 66%); }
.pbm-flag[data-flag="CR"] { background: linear-gradient(180deg, #002b7f 25%, #fff 25%, #fff 35%, #ce1126 35%, #ce1126 65%, #fff 65%, #fff 75%, #002b7f 75%); }
.pbm-flag[data-flag="US"] { background: #b22234; }

/* ---- Europe ---- */
.pbm-flag[data-flag="DE"] { background: linear-gradient(180deg, #000 33%, #dd0000 33%, #dd0000 66%, #ffce00 66%); }
.pbm-flag[data-flag="FR"] { background: linear-gradient(90deg, #002395 33%, #fff 33%, #fff 66%, #ed2939 66%); }
.pbm-flag[data-flag="IT"] { background: linear-gradient(90deg, #009246 33%, #fff 33%, #fff 66%, #ce2b37 66%); }
.pbm-flag[data-flag="ES"] { background: linear-gradient(180deg, #aa151b 25%, #f1bf00 25%, #f1bf00 75%, #aa151b 75%); }
.pbm-flag[data-flag="PT"] { background: linear-gradient(90deg, #008f3a 40%, #ff0000 40%); }
.pbm-flag[data-flag="PL"] { background: linear-gradient(180deg, #fff 50%, #dc143c 50%); }
.pbm-flag[data-flag="HU"] { background: linear-gradient(180deg, #ce1126 33%, #fff 33%, #fff 66%, #008751 66%); }
.pbm-flag[data-flag="RU"] { background: linear-gradient(180deg, #fff 33%, #0033a0 33%, #0033a0 66%, #da291c 66%); }
.pbm-flag[data-flag="UA"] { background: linear-gradient(180deg, #005bbb 50%, #ffd500 50%); }
.pbm-flag[data-flag="BY"] { background: #d22730; }
.pbm-flag[data-flag="FI"] { background: #fff; }
.pbm-flag[data-flag="SE"] { background: #006aa7; }
.pbm-flag[data-flag="TR"] { background: #e30a17; }
/* UK + GB alias — country_flag.php emits 'gb' (ISO), shared.jsx uses 'UK' (legacy);
   both resolve to the same selector for cross-compat. */
.pbm-flag[data-flag="UK"],
.pbm-flag[data-flag="GB"] { background: #012169; }

/* ---- Asia ---- */
.pbm-flag[data-flag="CN"] { background: #de2910; }
.pbm-flag[data-flag="JP"] { background: #fff; }
.pbm-flag[data-flag="KR"] { background: #fff; }
.pbm-flag[data-flag="MY"] { background: #cc0001; }
.pbm-flag[data-flag="PH"] { background: #0038a8; }
.pbm-flag[data-flag="VN"] { background: #da251d; }