/* Cryptela navigation modernization — Phase 1, visual-only.
   Designed for the current Bootstrap/Semantic UI markup.
   Remove the stylesheet link to roll back instantly. */
:root { --cryptela-navy:#0B1220; --cryptela-surface:#111E32; --cryptela-blue:#2563EB; --cryptela-cyan:#22D3EE; --cryptela-text:#F8FAFC; --cryptela-muted:#CBD5E1; }
.menu_bar { background:var(--cryptela-navy) !important; border-bottom:1px solid #26364e; }
.menu_bar .navbar-top-links > li > a { color:var(--cryptela-text) !important; font-weight:600; letter-spacing:.01em; padding:13px 14px; transition:color .15s,background .15s; }
.menu_bar .navbar-top-links > li > a:hover,
.menu_bar .navbar-top-links > li > a:focus,
.menu_bar .navbar-top-links > li > a.active { background:var(--cryptela-surface) !important; color:var(--cryptela-cyan) !important; }
.menu_bar .dropdown-menu { background:var(--cryptela-surface) !important; border:1px solid #2d405a !important; border-radius:10px; box-shadow:0 16px 32px rgba(0,0,0,.3); }
.menu_bar .dropdown-menu li a { color:var(--cryptela-text) !important; padding:10px 15px; }
.menu_bar .dropdown-menu li a:hover,
.menu_bar .dropdown-menu li a:focus { background:#1b2c47 !important; color:var(--cryptela-cyan) !important; }
.menu_bar .dropdown-menu .divider { background:#2d405a; }
.menu_bar .currency-list { color:var(--cryptela-text); }
.menu_bar .currency-list .ui.dropdown { background:var(--cryptela-surface) !important; color:var(--cryptela-text) !important; border:1px solid #2d405a; border-radius:8px; }
.menu_bar .currency-list .ui.dropdown .text { color:var(--cryptela-text) !important; }
.menu_bar .currency-list .ui.dropdown .menu { background:var(--cryptela-surface) !important; border:1px solid #2d405a !important; }
.menu_bar .currency-list .ui.dropdown .menu .item { color:var(--cryptela-text) !important; }
.menu_bar .currency-list .ui.dropdown .menu .item:hover { background:#1b2c47 !important; }
.menu_bar a:focus-visible, .menu_bar button:focus-visible { outline:2px solid var(--cryptela-cyan); outline-offset:2px; }
@media(max-width:767px) { .menu_bar .navbar-top-links > li > a { padding:11px 12px; } }