/* ==========================================================================
   Currency switcher (navbar) - works in light + dark (html.dark) themes
   ========================================================================== */
.fl-cur{--flc-bg:rgba(17,32,92,.07);--flc-bd:rgba(17,32,92,.14);--flc-tx:#11205c;--flc-act-bg:#11205c;--flc-act-tx:#fff;--flc-pop:#fff;--flc-hover:rgba(17,32,92,.07);display:inline-flex;align-items:center;position:relative;font-family:inherit;line-height:1;flex-shrink:0}
html.dark .fl-cur{--flc-bg:rgba(255,255,255,.08);--flc-bd:rgba(255,255,255,.18);--flc-tx:#e8ecff;--flc-act-bg:#4f7dff;--flc-act-tx:#fff;--flc-pop:#1b2238;--flc-hover:rgba(255,255,255,.08)}

/* --- 1 click toggle (BDT / USD) --- */
.fl-cur-toggle{background:var(--flc-bg);border:1px solid var(--flc-bd);border-radius:999px;padding:3px;gap:2px}
.fl-cur-opt{border:0;background:transparent;color:var(--flc-tx);font-weight:700;font-size:12.5px;letter-spacing:.2px;padding:7px 12px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .18s,color .18s;white-space:nowrap}
.fl-cur-opt .fl-cur-sym{opacity:.85;font-weight:800}
.fl-cur-opt:hover{background:var(--flc-hover)}
.fl-cur-opt.active{background:var(--flc-act-bg);color:var(--flc-act-tx);box-shadow:0 2px 8px rgba(17,32,92,.25);cursor:default}

/* --- dropdown (3+ currencies) --- */
.fl-cur-btn{display:inline-flex;align-items:center;gap:7px;background:var(--flc-bg);border:1px solid var(--flc-bd);color:var(--flc-tx);border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px;cursor:pointer;transition:background .18s}
.fl-cur-btn:hover{background:var(--flc-hover)}
.fl-cur-btn .fa-coins{font-size:14px}
.fl-cur-caret{font-size:10px;transition:transform .2s}
.fl-cur-dd.open .fl-cur-caret{transform:rotate(180deg)}
.fl-cur-menu{display:none;position:absolute;right:0;top:calc(100% + 8px);min-width:230px;max-height:320px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--flc-pop);border:1px solid var(--flc-bd);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.22);z-index:100050}
.fl-cur-dd.open .fl-cur-menu{display:block}
.fl-cur-menu li{margin:0;padding:0}
.fl-cur-item{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--flc-tx);padding:9px 10px;border-radius:10px;cursor:pointer;text-align:left;font-size:13px}
.fl-cur-item:hover{background:var(--flc-hover)}
.fl-cur-item .fl-cur-sym{min-width:30px;font-weight:800;opacity:.9}
.fl-cur-item b{font-weight:800}
.fl-cur-item em{font-style:normal;opacity:.65;font-size:12px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-cur-tick{visibility:hidden;font-size:12px;color:var(--flc-act-bg)}
.fl-cur-item.active .fl-cur-tick{visibility:visible}
.fl-cur-item.active{background:var(--flc-hover)}

/* hide spans that have no text in the chosen currency (e.g. no discount) */
.cur-p:empty{display:none}
.price-strike.cur-p:empty{display:block;visibility:hidden}

/* payment popup currency note */
.fl-cur-note{margin:8px 0 0;padding:8px 10px;border-radius:8px;font-size:12.5px;line-height:1.45;background:rgba(255,140,0,.10);border:1px dashed rgba(255,140,0,.45);color:inherit}
html.dark .fl-cur-note{background:rgba(255,170,60,.12)}

@media (max-width:575px){
  .fl-cur-opt{padding:6px 9px;font-size:12px}
  .fl-cur-menu{right:auto;left:50%;transform:translateX(-50%);min-width:210px}
}
