/* BRANDSSLAB currency switcher + drawer switcher repairs. Loads after switcher.css. */

/* ---------- Currency pill (shared) ---------- */
.bsl-cur-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--lab-border,rgba(17,17,17,.1));border-radius:999px;background:rgba(255,255,255,.65);direction:ltr}
.bsl-cur-option{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;text-decoration:none;color:var(--lab-muted,#6b6964);font-family:var(--lab-sans,inherit);font-size:11px;font-weight:600;letter-spacing:.09em;line-height:1;text-transform:uppercase;white-space:nowrap;transition:background .18s ease,color .18s ease}
.bsl-cur-option:hover{color:var(--lab-ink,#111)}
.bsl-cur-option:focus-visible{outline:2px solid var(--lab-ink,#111);outline-offset:2px}
.bsl-cur-option.is-active{background:var(--lab-ink,#111);color:#fff}
.bsl-cur-option.is-active:hover{color:#fff}
.bsl-cur-option__symbol{display:inline-block;font-size:12px;font-weight:500;letter-spacing:0;opacity:.85}
.bsl-cur-option.is-active .bsl-cur-option__symbol{opacity:1}

/* ---------- Desktop header placement (left of the language pill) ---------- */
.bsl-lab-header-actions .bsl-cur-switch{margin-inline-end:2px}
.bsl-lab-header-actions .bsl-lang-switch{margin-inline-start:2px}

@media (max-width:900px){
  /* Header stays uncluttered on small screens - currency lives in the drawer. */
  .bsl-lab-header-actions .bsl-cur-switch{display:none}
}

/* ---------- Off-canvas drawer ---------- */
.bsl-lab-drawer-fieldlabel{display:block;margin:0 0 8px;color:var(--lab-muted,#6b6964);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase}

/* Language row: theme.css sets display:flex, underlines anchors and gives every
   inner span margin-right:auto, which tore the pill apart. Reset all of it. */
.bsl-lab-drawer-language{display:block!important;align-items:initial;gap:0;padding:16px 0 14px;letter-spacing:normal;text-transform:none;font-size:inherit}
.bsl-lab-drawer-language::before{content:"Language";display:block;margin:0 0 8px;color:var(--lab-muted,#6b6964);font-size:11px;font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase}
.bsl-lang-ar .bsl-lab-drawer-language::before{content:"\0627\0644\0644\063A\0629"}
.bsl-lab-drawer-language a{text-decoration:none!important}
.bsl-lab-drawer-language .bsl-lang-switch span{margin:0;color:inherit}

.bsl-lab-drawer-currency{padding:0 0 18px;border-bottom:1px solid var(--lab-border,rgba(17,17,17,.1))}

/* Both drawer pills share one geometry. */
.bsl-lab-drawer-language .bsl-lang-switch,
.bsl-cur-switch--drawer{display:flex;width:100%;gap:4px;padding:4px;border-radius:12px;background:rgba(255,255,255,.65)}
.bsl-lab-drawer-language .bsl-lang-flag,
.bsl-cur-switch--drawer .bsl-cur-option{flex:1 1 0;justify-content:center;padding:12px 10px;border-radius:9px;font-size:12px;letter-spacing:.1em}
.bsl-cur-switch--drawer .bsl-cur-option__symbol{font-size:13px}

/* RTL: keep the pill order stable, the codes are latin either way. */
.bsl-lang-ar .bsl-cur-switch,
.bsl-lang-ar .bsl-lab-drawer-language .bsl-lang-switch{direction:ltr}