/* EZACON Currency Engine — storefront/account styling */
.ezacon-currency-account-control,
.ezacon-currency-creator-control{box-sizing:border-box;margin:18px 0;width:100%;}
.ezacon-currency-account-control .ezacon-currency-switcher,
.ezacon-currency-creator-control .ezacon-currency-switcher{margin:0;}

.ezacon-currency-switcher{--ez-green:#064f3f;--ez-green-2:#0b6752;--ez-gold:#eab62b;--ez-ink:#173a32;--ez-muted:#6f7e7a;--ez-line:#e4ebe8;--ez-soft:#f5f8f6;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:14px 16px;background:#fff;border:1px solid var(--ez-line);border-radius:18px;box-shadow:0 8px 28px rgba(10,55,45,.07);font-family:inherit;}
.ezacon-currency-switcher label{display:flex;flex:1 1 240px;min-width:190px;flex-direction:column;gap:7px;color:var(--ez-ink);font-size:13px;font-weight:700;line-height:1.25;}
.ezacon-currency-switcher label>span{display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--ez-green);}
.ezacon-currency-switcher label>span:before{content:'◉';font-size:8px;color:var(--ez-gold);}
.ezacon-currency-switcher select{width:100%;min-height:46px;margin:0;padding:0 42px 0 14px;border:1px solid #dce5e1;border-radius:12px;background:#f8faf9;color:var(--ez-ink);font:600 14px/1.2 inherit;outline:none;box-shadow:none;appearance:auto;}
.ezacon-currency-switcher select:hover{border-color:#b8cbc4;background:#fff;}
.ezacon-currency-switcher select:focus{border-color:var(--ez-green-2);box-shadow:0 0 0 3px rgba(11,103,82,.12);}
.ezacon-currency-switcher button{flex:0 0 auto;min-height:46px;padding:0 21px;border:0;border-radius:12px;background:var(--ez-gold);color:#173a32;font:800 14px/1 inherit;cursor:pointer;box-shadow:0 5px 14px rgba(234,182,43,.22);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;}
.ezacon-currency-switcher button:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 7px 17px rgba(234,182,43,.28);}
.ezacon-currency-switcher button:focus-visible{outline:3px solid rgba(11,103,82,.2);outline-offset:2px;}
.ezacon-currency-display-note{display:block;margin:0 0 8px 3px;color:var(--ez-muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.ezacon-currency-creator-control{max-width:560px;}
.ezacon-currency-account-control{max-width:560px;}

@media (max-width:600px){
 .ezacon-currency-switcher{padding:13px;border-radius:16px;gap:9px;}
 .ezacon-currency-switcher label{flex-basis:100%;min-width:0;}
 .ezacon-currency-switcher button{width:100%;}
}

/* Harmonise with EZACON's dashboard cards when the switcher sits inside a card/header. */
.ezacon-creator-dashboard .ezacon-currency-switcher,
.ez-account-dashboard .ezacon-currency-switcher{border-radius:16px;box-shadow:none;background:rgba(255,255,255,.98);}

/* RC3 — compact footer currency control. The full selector stays hidden until the user opens it. */
.ezacon-currency-footer-control{position:fixed;right:18px;bottom:18px;z-index:99990;font-family:inherit;}
.ezacon-currency-footer-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:58px;height:46px;padding:0 12px;border:1px solid #dfe8e4;border-radius:15px;background:#fff;color:#064f3f;box-shadow:0 10px 28px rgba(8,44,33,.14);font:800 12px/1 inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.ezacon-currency-footer-trigger:hover{transform:translateY(-1px);box-shadow:0 13px 32px rgba(8,44,33,.18);border-color:#c9d9d3;}
.ezacon-currency-footer-trigger:focus-visible{outline:3px solid rgba(11,103,82,.18);outline-offset:2px;}
.ezacon-currency-footer-icon{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:#f3f7f5;color:#064f3f;font-size:10px;}
.ezacon-currency-footer-code{letter-spacing:.08em;}
.ezacon-currency-footer-symbol{color:#7a8783;font-weight:700;}
.ezacon-currency-footer-panel{position:absolute;right:0;bottom:56px;width:min(360px,calc(100vw - 28px));padding:12px;background:#fff;border:1px solid #dfe8e4;border-radius:20px;box-shadow:0 20px 50px rgba(8,44,33,.18);}
.ezacon-currency-footer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 10px;}
.ezacon-currency-footer-panel-head div{min-width:0;}
.ezacon-currency-footer-panel-head small{display:block;color:#064f3f;font-size:10px;font-weight:900;letter-spacing:.12em;}
.ezacon-currency-footer-panel-head strong{display:block;margin-top:3px;color:#173a32;font-size:14px;line-height:1.25;}
.ezacon-currency-footer-panel-head>button{width:32px;height:32px;border:1px solid #e1e9e5;border-radius:10px;background:#f7faf8;color:#173a32;font-size:20px;line-height:1;cursor:pointer;}
.ezacon-currency-footer-panel .ezacon-currency-switcher{padding:5px 0 0;border:0;box-shadow:none;border-radius:0;display:block;background:transparent;}
.ezacon-currency-footer-panel .ezacon-currency-switcher label{min-width:0;width:100%;}
.ezacon-currency-footer-panel .ezacon-currency-switcher button{width:100%;margin-top:9px;}
@media(max-width:700px){
 .ezacon-currency-footer-control{right:12px;bottom:76px;}
 .ezacon-currency-footer-trigger{height:42px;min-width:50px;padding:0 10px;border-radius:13px;}
 .ezacon-currency-footer-panel{bottom:51px;right:0;}
}

/* 1.2.8 — prevent a wrong base-currency flash in the compact footer control.
   The control becomes visible when currency.js confirms detection or after its
   safety timeout. Visibility preserves the control's layout without showing NGN
   briefly before a visitor's detected currency (for example USD) is known. */
.ezacon-currency-footer-control.ezacon-currency-detection-pending{visibility:hidden;}