/* ============================================
   SB CRYPTO MASTER STYLESHEET
   Complete styling for sbnews.nl
   ============================================ */

/* ========================================
   1. HIDE KADENCE THEME ELEMENTS
   ======================================== */

/* Hide Kadence header COMPLETELY */
.site-header,
#masthead,
header.site-header,
.site-header-wrap,
.site-top-header-wrap,
.site-main-header-wrap,
.site-bottom-header-wrap,
header#masthead,
.kadence-header,
.header-desktop-visible,
.site-header-inner-wrap,
.site-header-row-container-inner {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Hide Kadence footer COMPLETELY */
.site-footer,
#colophon,
footer.site-footer,
footer#colophon,
.site-footer-wrap,
.site-top-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap,
.footer-widget-area,
.site-footer-inner-wrap,
.kadence-footer,
.site-bottom-footer {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* ========================================
   2. BASE STYLES & RESETS
   ======================================== */

html, body {
    background: #0A0A0B !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page .site,
body.page .site-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: #0A0A0B !important;
}

body.page .content-wrap,
body.page .site-main,
body.page .entry-content-wrap,
body.page .entry-content,
body.page article.entry,
body.page .content-area {
    margin: 0 !important;
    padding: 0 !important;
    background: #0A0A0B !important;
    max-width: 100% !important;
}

/* Admin bar fix */
body.admin-bar .sb-ticker {
    margin-top: 32px !important;
}

@media screen and (max-width: 782px) {
    body.admin-bar .sb-ticker {
        margin-top: 46px !important;
    }
}

/* ========================================
   3. TICKER STYLES
   ======================================== */

.sb-ticker {
    background: #0F0F10 !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    overflow: hidden !important;
    padding: 12px 0 !important;
    position: relative !important;
    z-index: 1000 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sb-ticker-track {
    display: flex !important;
    gap: 0 !important;
    animation: sbTickerScroll 40s linear infinite !important;
    width: max-content !important;
}

.sb-ticker-track:hover {
    animation-play-state: paused !important;
}

@keyframes sbTickerScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.sb-ticker-coin {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 24px !important;
    text-decoration: none !important;
    border-right: 1px solid rgba(255,255,255,0.06) !important;
    white-space: nowrap !important;
}

.sb-ticker-coin:hover {
    background: rgba(124,58,237,0.1) !important;
}

.sb-ticker-coin img {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
}

.sb-ticker-symbol {
    font-weight: 700 !important;
    color: #fff !important;
    font-size: 13px !important;
}

.sb-ticker-price {
    color: #A1A1AA !important;
    font-size: 13px !important;
}

.sb-ticker-change {
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
}

.sb-ticker-change.up {
    color: #10B981 !important;
    background: rgba(16,185,129,0.15) !important;
}

.sb-ticker-change.down {
    color: #EF4444 !important;
    background: rgba(239,68,68,0.15) !important;
}

/* ========================================
   4. HEADER STYLES
   ======================================== */

.sb-header {
    background: rgba(15,15,16,0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 16px 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sb-header-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo */
.sb-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.sb-logo-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sb-logo-icon img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
}

.sb-logo-text {
    font-family: 'Outfit', sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}

.sb-logo-text .sb {
    background: linear-gradient(90deg, #8B5CF6, #EC4899) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.sb-logo-text .crypto {
    color: #fff !important;
}

.sb-logo-text .dot {
    color: #EC4899 !important;
}

/* Navigation */
.sb-nav {
    display: flex !important;
    gap: 4px !important;
}

.sb-nav-item {
    position: relative !important;
}

.sb-nav-item > a {
    padding: 10px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #A1A1AA !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: all 0.2s !important;
}

.sb-nav-item > a:hover,
.sb-dropdown-wrap:hover > a {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

.sb-arrow {
    font-size: 10px !important;
    opacity: 0.7 !important;
}

/* Dropdown */
.sb-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 200px !important;
    background: #1A1A1D !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.2s !important;
    z-index: 1000 !important;
    margin-top: 4px !important;
}

.sb-dropdown-wrap:hover .sb-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.sb-dropdown a {
    display: block !important;
    padding: 10px 14px !important;
    color: #A1A1AA !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.sb-dropdown a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Search button */
.sb-search-btn {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 18px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s !important;
}

.sb-search-btn:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(124,58,237,0.4) !important;
}

@media (max-width: 900px) {
    .sb-nav {
        display: none !important;
    }
}

/* ========================================
   5. FOOTER STYLES
   ======================================== */

.sb-footer {
    background: #0F0F10 !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    margin-top: 0 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.sb-footer-main {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 60px 24px 40px !important;
    display: grid !important;
    grid-template-columns: 1.5fr 1fr 1fr 1fr !important;
    gap: 48px !important;
}

.sb-footer-brand p {
    color: #71717A !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 16px 0 20px !important;
    max-width: 280px !important;
}

.sb-footer-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
}

.sb-footer-logo-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sb-footer-logo-icon img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
}

.sb-footer-logo-text {
    font-family: 'Outfit', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
}

.sb-footer-logo-text .sb {
    background: linear-gradient(90deg, #8B5CF6, #EC4899) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.sb-footer-logo-text .crypto {
    color: #fff !important;
}

.sb-footer-logo-text .dot {
    color: #EC4899 !important;
}

.sb-footer-social {
    display: flex !important;
    gap: 10px !important;
}

.sb-footer-social a {
    width: 38px !important;
    height: 38px !important;
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #71717A !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.sb-footer-social a:hover {
    background: rgba(124,58,237,0.2) !important;
    color: #fff !important;
}

.sb-footer-col h4 {
    font-family: 'Outfit', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 0 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.sb-footer-col a {
    display: block !important;
    color: #71717A !important;
    font-size: 14px !important;
    text-decoration: none !important;
    padding: 6px 0 !important;
    transition: color 0.2s !important;
}

.sb-footer-col a:hover {
    color: #fff !important;
}

.sb-footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 20px 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.sb-footer-bottom p {
    color: #52525B !important;
    font-size: 13px !important;
    margin: 0 !important;
}

.sb-footer-links {
    display: flex !important;
    gap: 24px !important;
}

.sb-footer-links a {
    color: #52525B !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.sb-footer-links a:hover {
    color: #A1A1AA !important;
}

@media (max-width: 900px) {
    .sb-footer-main {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 600px) {
    .sb-footer-main {
        grid-template-columns: 1fr !important;
    }
    
    .sb-footer-bottom {
        flex-direction: column !important;
        gap: 16px !important;
        text-align: center !important;
    }
    
    .sb-footer-links {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* ========================================
   6. KOERSEN TABLE STYLES
   ======================================== */

/* Reset all price colors to white */
.sb-koers-row td,
.sb-koers-row .sb-price,
.sb-koers-row .sb-eur,
.sb-koersen-row .usd,
.sb-koersen-row .eur,
.sb-koersen-row .price,
.sb-koersen-row .mcap {
    color: #fff !important;
    background: transparent !important;
}

/* Only 24h change gets color */
.sb-koers-row .sb-change.up,
.sb-koersen-row .change.up {
    color: #10B981 !important;
    background: rgba(16,185,129,0.15) !important;
}

.sb-koers-row .sb-change.down,
.sb-koersen-row .change.down {
    color: #EF4444 !important;
    background: rgba(239,68,68,0.15) !important;
}

/* ========================================
   7. UTILITY CLASSES
   ======================================== */

.sb-back-to-top {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 50px !important;
    height: 50px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border: none !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 20px !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s !important;
    z-index: 1000 !important;
}

.sb-back-to-top.visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.sb-back-to-top:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(124,58,237,0.4) !important;
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth !important;
}

/* ========================================
   8. FONT IMPORTS
   ======================================== */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');

/* EMERGENCY LOGO FIX */
.sb-coin-hero img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
}

.sb-coin-wrap img {
    max-width: 100% !important;
    height: auto !important;
}


/* ========================================
   COIN PAGE LOGO FIX - FINAL
   ======================================== */
.sb-coin-hero img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
}

.sb-coin-wrap img:not(.sb-ticker-coin img) {
    max-width: 100% !important;
}

.sb-coin-hero {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
}

/* === ALL FIXES === */
.sb-coin-hero img{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important;min-width:80px!important;min-height:80px!important;border-radius:50%!important;object-fit:contain!important}
.sb-coin-hero{display:flex!important;align-items:center!important;gap:24px!important}
.sb-coin-wrap img:not(.sb-ticker-coin img){max-width:100%!important}
.site-header,#masthead,header.site-header,.site-header-wrap{display:none!important;visibility:hidden!important;height:0!important}
.site-footer,#colophon,footer.site-footer{display:none!important;visibility:hidden!important;height:0!important}

/* ============================================
   MASTER IMAGE FIX - ALL IMAGES CONSTRAINED
   ============================================ */

/* Coin page hero logo - MUST be 80px */
.sb-coin-hero img {
    width: 80px !important;
    height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 50% !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

/* Header logo icon */
.sb-logo-icon img,
.sb-footer-logo-icon img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    border-radius: 8px !important;
}

/* Ticker coin images */
.sb-ticker-coin img,
.sb-ticker img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    border-radius: 50% !important;
}

/* Prevent ANY image from being huge */
.entry-content img,
.sb-coin-wrap img,
.page img:not(.sb-ticker-coin img):not(.sb-logo-icon img):not(.sb-footer-logo-icon img) {
    max-width: 100% !important;
    height: auto !important;
}

/* WordPress content images */
.wp-block-image img,
figure img {
    max-width: 100% !important;
    height: auto !important;
}

/* Coin hero layout fix */
.sb-coin-hero {
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    background: rgba(26,26,29,0.9) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 20px !important;
    padding: 32px !important;
    margin-bottom: 32px !important;
}

/* Hide Kadence elements */
.site-header, #masthead, header.site-header, .site-header-wrap, header#masthead {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

.site-footer, #colophon, footer.site-footer, footer#colophon {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
}

/* Page background */
body, html, .site, .site-container {
    background: #0A0A0B !important;
}

body.page .content-wrap,
body.page .entry-content-wrap,
body.page .site-main {
    padding: 0 !important;
    margin: 0 !important;
    background: #0A0A0B !important;
}


/* ============================================
   DROPDOWN MENU FIX - COMPLETE
   ============================================ */

/* Dropdown wrapper */
.sb-dropdown-wrap {
    position: relative !important;
}

/* Dropdown trigger link */
.sb-dropdown-wrap > a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.sb-dropdown-wrap > a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Arrow styling */
.sb-arrow {
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
    display: inline-block !important;
}

.sb-dropdown-wrap:hover .sb-arrow {
    transform: rotate(180deg) !important;
}

/* Dropdown panel */
.sb-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 220px !important;
    background: #1A1A1D !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.2s ease !important;
    z-index: 9999 !important;
    margin-top: 4px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}

/* Show dropdown on hover */
.sb-dropdown-wrap:hover .sb-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown links */
.sb-dropdown a {
    display: block !important;
    padding: 10px 14px !important;
    color: #A1A1AA !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

.sb-dropdown a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.2) !important;
}

/* Navigation container */
.sb-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sb-nav-item {
    position: relative !important;
}

.sb-nav-item > a {
    padding: 10px 16px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.sb-nav-item > a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Search button fix */
.sb-search-btn {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

.sb-search-btn:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(124,58,237,0.4) !important;
}

/* Header layout fix */
.sb-header {
    background: rgba(15,15,16,0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 12px 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

.sb-header-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo fix */
.sb-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.sb-logo-icon {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.sb-logo-icon img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
}

.sb-logo-text {
    font-family: "Outfit", sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
}

.sb-logo-text .sb {
    background: linear-gradient(90deg, #8B5CF6, #EC4899) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.sb-logo-text .crypto {
    color: #fff !important;
}

.sb-logo-text .dot {
    color: #EC4899 !important;
}

/* Mobile hide nav */
@media (max-width: 900px) {
    .sb-nav {
        display: none !important;
    }
}


/* ============================================
   DROPDOWN FIX - CORRECT CLASSES
   ============================================ */

/* Nav item with dropdown */
.sb-nav-item {
    position: relative !important;
    display: inline-block !important;
}

/* Nav link styling */
.sb-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.sb-nav-link:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Arrow - points down by default */
.sb-nav-arrow {
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
    display: inline-block !important;
    margin-left: 4px !important;
}

/* Arrow rotates UP on hover */
.sb-nav-item:hover .sb-nav-arrow {
    transform: rotate(180deg) !important;
}

/* Dropdown panel - HIDDEN by default */
.sb-nav-item .sb-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 200px !important;
    background: #1A1A1D !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.2s ease !important;
    z-index: 9999 !important;
    margin-top: 4px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

/* Dropdown VISIBLE on hover */
.sb-nav-item:hover .sb-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown links */
.sb-nav-item .sb-dropdown a {
    display: block !important;
    padding: 10px 14px !important;
    color: #A1A1AA !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.sb-nav-item .sb-dropdown a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.2) !important;
}

/* Nav container */
.sb-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}


/* ============================================
   FORCE IDENTICAL HEADER ON ALL PAGES
   ============================================ */

/* === LOGO - FORCE SAME SIZE EVERYWHERE === */
.sb-logo,
a.sb-logo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

.sb-logo-icon,
.sb-logo > div:first-child {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.sb-logo-icon img,
.sb-logo > div:first-child img {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 6px !important;
    object-fit: contain !important;
}

.sb-logo-text,
.sb-logo > span,
.sb-text {
    font-family: "Outfit", sans-serif !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: baseline !important;
    letter-spacing: 0.2px !important;
}

.sb-logo-text .sb,
.sb-gradient,
.sb-logo span.sb {
    background: linear-gradient(90deg, #8B5CF6, #EC4899) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

.sb-logo-text .crypto,
.sb-logo span.crypto {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.sb-logo-text .dot,
.sb-logo span.dot {
    color: #EC4899 !important;
    -webkit-text-fill-color: #EC4899 !important;
}

/* === NAV - IDENTICAL STYLING === */
.sb-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.sb-nav-item,
.sb-nav-item.sb-dropdown-wrap {
    position: relative !important;
    display: inline-block !important;
}

/* All nav links - unified */
.sb-nav-item > a,
.sb-nav-link,
.sb-dropdown-wrap > a {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    position: relative !important;
}

/* Hover state */
.sb-nav-item > a:hover,
.sb-nav-link:hover,
.sb-dropdown-wrap > a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Underline effect on hover */
.sb-nav-item > a::after,
.sb-nav-link::after {
    content: "" !important;
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 6px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #4F46E5, #7C3AED) !important;
    transform: scaleX(0) !important;
    transition: transform 0.25s ease !important;
}

.sb-nav-item > a:hover::after,
.sb-nav-link:hover::after {
    transform: scaleX(1) !important;
}

/* Arrows */
.sb-nav-arrow,
.sb-arrow {
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
    margin-left: 4px !important;
}

.sb-nav-item:hover .sb-nav-arrow,
.sb-nav-item:hover .sb-arrow,
.sb-dropdown-wrap:hover .sb-arrow {
    transform: rotate(180deg) !important;
}

/* Dropdowns */
.sb-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 200px !important;
    background: #1A1A1D !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.2s ease !important;
    z-index: 9999 !important;
    margin-top: 4px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

.sb-nav-item:hover > .sb-dropdown,
.sb-dropdown-wrap:hover > .sb-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.sb-dropdown a {
    display: block !important;
    padding: 10px 14px !important;
    color: #A1A1AA !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
}

.sb-dropdown a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.2) !important;
}

/* Header container */
.sb-header {
    background: rgba(15,15,16,0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    padding: 12px 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
}

.sb-header-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Search button */
.sb-search-btn {
    width: 44px !important;
    height: 44px !important;
    background: linear-gradient(135deg, #4F46E5, #7C3AED) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
}


/* ============================================
   NAV UNDERLINE FIX - PERFECT ALIGNMENT
   ============================================ */

/* Remove any existing underline effects */
.sb-nav-item > a::after,
.sb-nav-link::after,
.sb-nav a::after {
    display: none !important;
}

/* Nav items base */
.sb-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.sb-nav-item {
    position: relative !important;
}

/* Nav links - consistent styling */
.sb-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 10px 16px !important;
    color: #A1A1AA !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
}

.sb-nav-link:hover,
.sb-nav-item:hover > .sb-nav-link {
    color: #fff !important;
    background: rgba(124,58,237,0.15) !important;
}

/* Arrow rotation */
.sb-nav-arrow {
    font-size: 10px !important;
    transition: transform 0.2s ease !important;
    margin-left: 2px !important;
}

.sb-nav-item:hover .sb-nav-arrow {
    transform: rotate(180deg) !important;
}

/* Dropdown panel */
.sb-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    min-width: 200px !important;
    background: #1A1A1D !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(10px) !important;
    transition: all 0.2s ease !important;
    z-index: 9999 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

.sb-nav-item:hover > .sb-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Dropdown links */
.sb-dropdown a {
    display: block !important;
    padding: 10px 14px !important;
    color: #A1A1AA !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

.sb-dropdown a:hover {
    color: #fff !important;
    background: rgba(124,58,237,0.2) !important;
}