/* === Codeuna Currency Switcher — Frontend === */
.dcs-switcher{display:inline-flex;gap:6px;align-items:center;font-family:inherit;line-height:1.2}

/* ── Dropdown wrapper ── */
.dcs-dropdown{position:relative;display:inline-block;min-width:108px}

/* ── Trigger button ── */
.dcs-dropdown-current{height:36px;box-sizing:border-box;display:flex;align-items:center;gap:8px;background:#fff;color:#1e293b;border:1.5px solid #e2e8f0;border-radius:8px;padding:0 10px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);font-size:13px;font-weight:500;transition:border-color .15s,box-shadow .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit;-webkit-appearance:none;appearance:none;width:100%;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.dcs-dropdown-current:hover{border-color:#94a3b8;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.dcs-dropdown.is-open .dcs-dropdown-current{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}

/* ── Flag image ── */
.dcs-flag{width:20px!important;height:15px!important;min-width:20px;object-fit:cover;display:inline-block!important;margin:0!important;border-radius:2px;vertical-align:middle;box-shadow:0 0 0 1px rgba(0,0,0,.09)}
.dcs-flag-fb{font-size:16px;line-height:1;display:inline-block!important;vertical-align:middle;margin:0!important}

/* ── Chevron ── */
.dcs-chevron{width:7px;height:7px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg) translateY(-2px);margin-left:auto;flex-shrink:0;transition:transform .2s ease}
.dcs-dropdown.is-open .dcs-chevron{transform:rotate(225deg) translate(-1px,-1px)}

/* ── Dropdown menu ── */
.dcs-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:100002;min-width:100%;width:-webkit-max-content;width:max-content;max-height:320px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.13),0 4px 12px rgba(0,0,0,.07);padding:5px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
.dcs-dropdown.is-open .dcs-dropdown-menu{display:block;animation:dcs-drop .13s cubic-bezier(.2,.8,.4,1)}
@-webkit-keyframes dcs-drop{from{opacity:0;-webkit-transform:translateY(-6px) scale(.98)}to{opacity:1;-webkit-transform:translateY(0) scale(1)}}
@keyframes dcs-drop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ── Menu options ── */
.dcs-option{display:flex!important;align-items:center;gap:9px;min-height:36px;padding:6px 10px!important;color:#374151!important;text-decoration:none!important;white-space:nowrap;font-size:13px;font-weight:500;border-radius:6px;transition:background .1s;background:transparent}
.dcs-option:hover{background:#f1f5f9;color:#1e293b!important;text-decoration:none!important}
.dcs-option.is-active{background:#eff6ff;color:#2563eb!important;font-weight:600}

/* ── Size variants ── */
.dcs-small .dcs-dropdown-current{height:30px;padding:0 8px;border-radius:6px;font-size:11.5px}
.dcs-small .dcs-option,.dcs-small .dcs-btn{font-size:11.5px}
.dcs-large .dcs-dropdown-current{height:44px;font-size:14px;padding:0 14px;border-radius:10px}
.dcs-large .dcs-option,.dcs-large .dcs-btn{font-size:14px;padding:9px 14px!important}

/* ── Button-style switcher ── */
.dcs-btn{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 12px;text-decoration:none!important;font-size:13px;font-weight:500;color:#374151!important;background:#fff;transition:border-color .15s,background .15s,color .15s}
.dcs-btn:hover{border-color:#94a3b8;color:#1e293b!important;background:#f8fafc}
.dcs-btn.is-active{background:#eff6ff;border-color:#2563eb;color:#2563eb!important;font-weight:600}

/* ── Fixed header bar ── */
.dcs-fixed-header{position:fixed;top:8px;z-index:100001;pointer-events:none}
.dcs-fixed-header>*{pointer-events:auto}
.dcs-fixed-header.dcs-top_left{left:max(14px,calc((100vw - 1180px)/2))}
.dcs-fixed-header.dcs-top_right{right:max(14px,calc((100vw - 1180px)/2))}
.admin-bar .dcs-fixed-header{top:40px}
.dcs-header-switcher .dcs-dropdown-current{background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#dce1e5}

/* ── Country notice ── */
.dcs-country-notice{position:fixed;left:20px;bottom:20px;z-index:99999;background:#fff;color:#1e293b;border:1.5px solid #e2e8f0;box-shadow:0 10px 40px rgba(0,0,0,.13),0 4px 12px rgba(0,0,0,.07);padding:14px 46px 14px 16px;border-radius:10px;max-width:420px;font-size:13px;animation:dcs-drop .2s ease}
.dcs-country-notice button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:20px;cursor:pointer;color:#94a3b8;line-height:1;transition:color .1s}
.dcs-country-notice button:hover{color:#475569}

/* ── Misc ── */
.dcs-approx{opacity:.68;font-size:.88em}

/* ── Converter widget ── */
.dcs-converter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:14px 18px;width:-webkit-fit-content;width:fit-content}
.dcs-converter input{width:110px;border:1.5px solid #e2e8f0;border-radius:6px;padding:5px 9px;font-size:13px;box-sizing:border-box}
.dcs-converter select{border:1.5px solid #e2e8f0;border-radius:6px;padding:5px 9px;font-size:13px}
.dcs-converter-output{font-weight:700;font-size:15px;color:#2563eb;min-width:70px}
.dcs-price-code{font-size:.85em;opacity:.82}

/* ── Responsive ── */
@media(max-width:782px){
  .admin-bar .dcs-fixed-header{top:54px}
  .dcs-fixed-header.dcs-top_left{left:10px}
  .dcs-fixed-header.dcs-top_right{right:10px}
  .dcs-dropdown-current{height:32px;padding:0 8px;border-radius:6px}
  .dcs-current-label{max-width:92px;overflow:hidden;text-overflow:ellipsis}
}

/* ── Dropdown scrollbar ── */
.dcs-dropdown-menu::-webkit-scrollbar{width:4px}
.dcs-dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:5px 0}
.dcs-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}
.dcs-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}

/* ── Floating sidebar switcher ── */
.dcs-sidebar{position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:100001;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;will-change:transform}
.dcs-sidebar-right{right:0;left:auto;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.dcs-sidebar-left{left:0;right:auto}
/* Tab */
.dcs-sb-tab{width:32px;min-height:68px;background:#2563eb;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;gap:8px;padding:10px 5px;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;-webkit-flex-shrink:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.dcs-sidebar-right .dcs-sb-tab{border-radius:8px 0 0 8px;box-shadow:-3px 0 12px rgba(0,0,0,.18)}
.dcs-sidebar-left .dcs-sb-tab{border-radius:0 8px 8px 0;box-shadow:3px 0 12px rgba(0,0,0,.18)}
.dcs-sb-code{color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;text-align:center}
/* Arrow */
.dcs-sb-arr{width:7px;height:7px;border-right:2px solid rgba(255,255,255,.9);border-top:2px solid rgba(255,255,255,.9);display:block;-webkit-transition:-webkit-transform .25s ease;transition:transform .25s ease}
.dcs-sidebar-right .dcs-sb-arr{-webkit-transform:rotate(-135deg) translate(1px,-1px);transform:rotate(-135deg) translate(1px,-1px)}
.dcs-sidebar-left .dcs-sb-arr{-webkit-transform:rotate(45deg) translate(-1px,1px);transform:rotate(45deg) translate(-1px,1px)}
/* Panel */
.dcs-sb-panel{background:#fff;border:1.5px solid #e2e8f0;width:0;overflow:hidden;opacity:0;pointer-events:none;-webkit-transition:width .25s ease,opacity .18s ease;transition:width .25s ease,opacity .18s ease;box-shadow:0 8px 32px rgba(0,0,0,.13);white-space:nowrap;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;will-change:width}
.dcs-sidebar-right .dcs-sb-panel{border-radius:10px 0 0 10px;border-right-color:transparent}
.dcs-sidebar-left .dcs-sb-panel{border-radius:0 10px 10px 0;border-left-color:transparent}
/* Hover — pointer devices only */
@media (hover:hover) and (pointer:fine){
  .dcs-sidebar:hover .dcs-sb-tab{background:#1d4ed8}
  .dcs-sidebar-right:hover .dcs-sb-arr{-webkit-transform:rotate(45deg) translate(-1px,1px);transform:rotate(45deg) translate(-1px,1px)}
  .dcs-sidebar-left:hover .dcs-sb-arr{-webkit-transform:rotate(-135deg) translate(1px,-1px);transform:rotate(-135deg) translate(1px,-1px)}
  .dcs-sidebar:hover .dcs-sb-panel{width:200px;opacity:1;pointer-events:auto}
}
/* Touch / JS toggled open */
.dcs-sidebar.is-open .dcs-sb-tab{background:#1d4ed8}
.dcs-sidebar-right.is-open .dcs-sb-arr{-webkit-transform:rotate(45deg) translate(-1px,1px);transform:rotate(45deg) translate(-1px,1px)}
.dcs-sidebar-left.is-open .dcs-sb-arr{-webkit-transform:rotate(-135deg) translate(1px,-1px);transform:rotate(-135deg) translate(1px,-1px)}
.dcs-sidebar.is-open .dcs-sb-panel{width:200px;opacity:1;pointer-events:auto}
/* Options */
.dcs-sb-opt{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:10px;padding:8px 14px;color:#374151!important;text-decoration:none!important;font-size:13px;font-weight:500;-webkit-transition:background .1s;transition:background .1s;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.dcs-sb-opt:first-child{padding-top:12px}
.dcs-sb-opt:last-child{padding-bottom:12px}
.dcs-sb-opt:hover{background:#f1f5f9;color:#1e293b!important;text-decoration:none!important}
.dcs-sb-opt.is-active{background:#eff6ff;color:#2563eb!important;font-weight:600}
.admin-bar .dcs-sidebar{margin-top:16px}
@media(max-width:782px){.admin-bar .dcs-sidebar{margin-top:27px}}

/* ── Active option checkmark ── */
.dcs-option.is-active::after{content:'';display:block;width:5px;height:9px;border-right:2px solid #2563eb;border-bottom:2px solid #2563eb;transform:rotate(45deg) translateY(-1px);margin-left:auto;flex-shrink:0}

/* ── Button-style group pill container ── */
.dcs-switcher:has(.dcs-btn){background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:4px;gap:3px}
.dcs-switcher:has(.dcs-btn) .dcs-btn{border:1.5px solid transparent;border-radius:7px;padding:5px 11px;background:transparent;box-shadow:none}
.dcs-switcher:has(.dcs-btn) .dcs-btn:hover{border-color:#e2e8f0;background:#fff}
.dcs-switcher:has(.dcs-btn) .dcs-btn.is-active{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* ── Converter input focus ── */
.dcs-converter input:focus{border-color:#2563eb!important;outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}

/* ── Country notice close button ── */
.dcs-country-notice button{width:26px;height:26px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s;font-size:18px}
.dcs-country-notice button:hover{background:#f1f5f9;color:#475569}
