/* Fit Football Core — third-party component polish.
   YayCurrency switcher ([yaycurrency-switcher]): the plugin ships its own
   markup + inline styles, so overrides need !important. Visual-only — the
   plugin's JS keeps controlling open/close, so display/positioning of the
   dropdown stays untouched. */

/* Trigger: white pill with round flag, Inter text and a soft shadow. */
.yay-currency-custom-select-wrapper{font-family:'Inter',system-ui,sans-serif !important;line-height:1.2}
.yay-currency-custom-select__trigger{display:inline-flex !important;align-items:center !important;gap:9px;background:#fff !important;border:1px solid #e4e8ec !important;border-radius:999px !important;padding:10px 16px !important;cursor:pointer;box-shadow:0 1px 2px rgba(11,15,20,.05);transition:border-color .15s ease,box-shadow .15s ease}
.yay-currency-custom-select__trigger:hover{border-color:#c8d0d7 !important;box-shadow:0 6px 18px rgba(11,15,20,.09)}
.yay-currency-custom-selected-option{display:inline-flex !important;align-items:center !important;gap:9px}
.yay-currency-flag{width:21px !important;height:21px !important;min-width:21px !important;border-radius:50% !important;background-size:cover !important;background-position:center !important;box-shadow:inset 0 0 0 1px rgba(11,15,20,.08);flex:none}
.yay-currency-selected-option{font-size:13px !important;font-weight:600 !important;color:#0b0f14 !important;white-space:nowrap}
.yay-currency-custom-arrow{display:inline-flex !important;align-items:center}
.yay-currency-custom-arrow svg{width:15px !important;height:15px !important;stroke:#77808c !important}

/* Dropdown: card-style panel with hover rows and a green check on the
   selected currency. */
.yay-currency-custom-options{background:#fff !important;border:1px solid #e4e8ec !important;border-radius:14px !important;box-shadow:0 18px 44px rgba(11,15,20,.16) !important;padding:6px !important;margin-top:8px !important;max-height:330px;overflow-y:auto !important;z-index:80 !important;scrollbar-width:thin}
.yay-currency-custom-option-row{display:flex !important;align-items:center !important;gap:9px;border-radius:9px !important;padding:8px 11px !important;cursor:pointer;transition:background .12s ease;border:0 !important}
.yay-currency-custom-option-row:hover{background:#f4f6f8 !important}
.yay-currency-custom-option-row.selected{background:#effaf4 !important}
.yay-currency-custom-option{font-size:12.5px !important;font-weight:500 !important;color:#0b0f14 !important;flex:1;white-space:nowrap}
.yay-currency-custom-option-row.selected .yay-currency-custom-option{font-weight:700 !important}
.yay-currency-selected-checked-icon svg{stroke:#0a7a46 !important}

/* Homepage placement (Elementor shortcode widget b5af95e, right under the
   BOGO band): center the pill and give it a quiet utility-strip label. */
.elementor-element-b5af95e .elementor-shortcode{display:flex;flex-direction:column;align-items:center;padding:34px 20px 8px;text-align:center}
.elementor-element-b5af95e .elementor-shortcode::before{content:'Prices in your currency';font:700 11px/1 'Inter',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#77808c;margin-bottom:12px}

/* FunnelKit Cart's own floating bubble (bottom-right) is a second, redundant
   cart trigger on top of our header cart icon — the plugin's own show/hide
   setting disables the whole mini-cart drawer, not just this bubble, so it's
   hidden here instead. The plugin toggles a "should-hide" class on it via JS
   (e.g. after add-to-cart), which would otherwise re-show it — !important
   here always wins regardless of that class. */
#fkcart-floating-toggler{display:none !important}

/* YayCurrency keeps all 26 currency rows in the DOM at all times, visible to
   the layout engine even when the list is closed — which means the browser
   fetches 26 flag SVGs (one of them 18KB) on every page that shows the
   switcher, and, because two of the currency names carry "č" and "ł", it also
   pulls the 83KB latin-ext cut of Inter for text nobody can see. Taking the
   closed list out of the render tree costs nothing visually and saves both.
   Measured on a product page, 2026-08-22: 26 requests and ~133KB. */
.yay-currency-custom-select:not(.open) .yay-currency-custom-options{display:none !important}

/* Botiga's Customizer sets `h1,h2,h3,h4,h5,h6 {font-family: Roboto Condensed}`,
   which our own headings inherited whenever they were styled by a class that
   did not name a face — "Select Fit", "Select Size", the review titles and the
   footer column heads were all rendering in a third font, and pulling a 20KB
   webfont to do it. Element specificity (0-0-2) beats Botiga's (0-0-1) and
   still loses to every one of our component rules, so anything meant to be
   Anton stays Anton. Two faces, nothing else — and one request less. */
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: var(--ff-font-body, 'Inter', system-ui, sans-serif); }