:root {
    --mc-primary:       #f59e0b;
    --mc-primary-dark:  #d97706;
    --mc-primary-light: #fbbf24;
    --mc-text:          #09090b;
    --mc-text-muted:    #52525b;
    --mc-border:        #e4e4e7;
}

#headerContainer .tm-nav {
    background: rgba(250, 250, 250, 0.85) !important;
    border-bottom: 1px solid rgba(229, 231, 235, 0.5) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: none !important;
}

#headerContainer .tm-brand-name {
    color: #09090b !important;
    font-weight: 700 !important;
    font-family: 'Plus Jakarta Sans', 'Epilogue', sans-serif !important;
    letter-spacing: -0.03em !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#headerContainer .tm-brand-name--mobile {
    font-size: 1.15rem !important;
}

#headerContainer .tm-nav-link { color: #52525b !important; font-size: 0.875rem !important; text-transform: none !important; letter-spacing: normal !important; font-weight: 600 !important; }
#headerContainer .tm-nav-link:hover { color: #09090b !important; }
#headerContainer .nav-item.active { color: #09090b !important; }
#headerContainer nav a.flex span[style*="color:#fff"] { color: var(--mc-text, #09090b) !important; }

#headerContainer .tm-nav-cta {
    background: #18181b !important;
    color: #fff !important;
    border-radius: 0.75rem !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-weight: 600 !important;
}
#headerContainer .tm-nav .tm-btn-primary {
    background: #18181b !important;
    color: #fff !important;
    border-color: #18181b !important;
    box-shadow: none !important;
    border-radius: 0.75rem !important;
}
#headerContainer .tm-nav .tm-btn-primary:hover,
#headerContainer .tm-nav-cta:hover {
    background: #27272a !important;
    color: #fff !important;
    border-color: #27272a !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

#headerContainer .tm-lang-pill {
    border: 1px solid #e4e4e7 !important;
    background: #fff !important;
    color: #52525b !important;
    border-radius: 0.5rem !important;
}
#headerContainer .tm-lang-pill:hover {
    border-color: rgba(245, 158, 11, 0.35) !important;
    color: var(--mc-primary) !important;
    background: #fffbeb !important;
}

#headerContainer #langOptions {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: var(--mc-border) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.08) !important;
}
#headerContainer #langOptions .lang-option {
    color: #52525b;
}
#headerContainer #langOptions .lang-option:hover {
    color: var(--mc-primary);
    background: rgba(245, 158, 11, 0.08);
}
#headerContainer #langOptions .lang-option--active {
    color: var(--mc-primary);
    background: rgba(245, 158, 11, 0.12);
}

#mobileLangOptions {
    background: #fff !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}
#mobileLangOptions::-webkit-scrollbar { display: none !important; }
#mobileLangOptions button {
    color: #52525b !important;
    background: transparent !important;
}
#mobileLangOptions .lang-option {
    color: #52525b !important;
    background: transparent !important;
}
#mobileLangOptions .lang-option--active,
#mobileLangOptions button[data-active="1"] {
    color: var(--mc-primary) !important;
    background: rgba(245, 158, 11, 0.12) !important;
    font-weight: 600 !important;
}
#mobileLangOptions .lang-option:hover,
#mobileLangOptions button:hover {
    background: rgba(245, 158, 11, 0.08) !important;
    color: var(--mc-primary) !important;
}

#headerContainer #authContainer .w-8.h-8 {
    background: #18181b !important;
    color: #ffffff !important;
}
#headerContainer #authContainer .w-8.h-8:hover {
    background: #27272a !important;
    filter: none !important;
}

#mobileMenuPanel #authContainer .w-full.rounded-full {
    background: #18181b !important;
    color: #fff !important;
}

#headerContainer #mobileMenuToggle { color: var(--mc-text-muted) !important; }

#mobileMenuOverlay { background: rgba(15, 23, 42, 0.45) !important; }
#mobileMenuPanel {
    background: rgba(255, 255, 255, 0.98) !important;
    border-left: 1px solid var(--mc-border) !important;
    overflow-y: scroll !important;
    scrollbar-width: none !important;
}
#mobileMenuPanel::-webkit-scrollbar,
#mobileMenuPanel::-webkit-scrollbar-track,
#mobileMenuPanel::-webkit-scrollbar-thumb { display: none !important; width: 0 !important; }
.mobile-menu-item {
    color: #52525b !important;
    border-bottom-color: var(--mc-border) !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}
.mobile-menu-item:hover { color: var(--mc-primary) !important; }
.mobile-menu-item.active {
    color: var(--mc-primary) !important;
    background: rgba(245, 158, 11, 0.08) !important;
    border-radius: 6px !important;
}
#mobileMenuPanel .text-white { color: var(--mc-text) !important; }
#mobileMenuPanel span[style*="color:#fff"]:not(.tm-brand-name) { color: var(--mc-primary) !important; }
#mobileMenuPanel .tm-brand-name { color: var(--mc-text, #09090b) !important; }

#mobileMenuPanel button[onclick*="toggleMobileLangMenu"] {
    border-color: #e4e4e7 !important;
    background: #fafafa !important;
    color: #52525b !important;
}
#mobileMenuPanel .border-white\/10 {
    border-color: var(--mc-border) !important;
}