/* ================================================================
 * nav-theme-mc14.css
 * ================================================================ */

:root {
    --mc-primary:       #006064;
    --mc-primary-dark:  #00363a;
    --mc-primary-light: #0097a7;
    --mc-text:          #1a202c;
    --mc-text-muted:    #4a5568;
    --mc-border:        #e5e7eb;
}

#headerContainer .tm-nav {
    background: rgba(255, 255, 255, 0.8) !important;
    border-bottom: 1px solid var(--mc-border) !important;
    box-shadow: 0 4px 24px rgba(0, 54, 58, 0.06);
}

#headerContainer .tm-brand-name {
    color: var(--mc-text, #1a202c) !important;
    font-weight: 700 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 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: #4a5568 !important; }
#headerContainer .tm-nav-link:hover { color: var(--mc-primary) !important; }
#headerContainer .nav-item.active { color: var(--mc-primary) !important; }
#headerContainer nav a.flex span[style*="color:#fff"] { color: var(--mc-text, #1a202c) !important; }

#headerContainer .tm-nav-cta {
    background: var(--mc-primary) !important;
    color: #fff !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}
#headerContainer .tm-nav .tm-btn-primary {
    background: var(--mc-primary) !important;
    color: #fff !important;
    border-color: var(--mc-primary) !important;
    box-shadow: none !important;
}
#headerContainer .tm-nav .tm-btn-primary:hover,
#headerContainer .tm-nav-cta:hover {
    background: var(--mc-primary-light) !important;
    color: #fff !important;
    border-color: var(--mc-primary-light) !important;
    box-shadow: none !important;
    transform: translateY(-1px);
}

#headerContainer .tm-lang-pill {
    border: 1px solid rgba(0, 96, 100, 0.12) !important;
    background: transparent !important;
    color: #4a5568 !important;
}
#headerContainer .tm-lang-pill:hover {
    border-color: rgba(0, 151, 167, 0.35) !important;
    color: var(--mc-primary) !important;
    background: rgba(0, 96, 100, 0.06) !important;
}

#headerContainer #langOptions {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: var(--mc-border) !important;
    box-shadow: 0 16px 40px rgba(0, 96, 100, 0.12) !important;
}

#mobileLangOptions {
    background: #f8fafb !important;
    border: 1px solid var(--mc-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(0, 96, 100, 0.08) !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
}
#mobileLangOptions::-webkit-scrollbar { display: none !important; }
#mobileLangOptions button {
    color: #4a5568 !important;
    background: transparent !important;
}
#mobileLangOptions button[data-active="1"] {
    color: var(--mc-primary) !important;
    background: rgba(0, 96, 100, 0.08) !important;
    font-weight: 600 !important;
}
#mobileLangOptions button[style*="#7BA8F5"],
#mobileLangOptions button[style*="123,168,245"] {
    color: var(--mc-primary) !important;
    background: rgba(0, 96, 100, 0.08) !important;
}
#mobileLangOptions button:hover {
    background: rgba(0, 96, 100, 0.06) !important;
    color: var(--mc-primary) !important;
}

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

#mobileMenuPanel #authContainer .w-full.rounded-full {
    background: var(--mc-primary) !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: #4a5568 !important;
    border-bottom-color: var(--mc-border) !important;
}
.mobile-menu-item:hover { color: var(--mc-primary) !important; }
.mobile-menu-item.active {
    color: var(--mc-primary) !important;
    background: rgba(0, 96, 100, 0.07) !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, #1a202c) !important; }

#mobileMenuPanel button[onclick*="toggleMobileLangMenu"] {
    border-color: rgba(0, 96, 100, 0.22) !important;
    background: rgba(0, 96, 100, 0.05) !important;
    color: #4a5568 !important;
}
#mobileMenuPanel .border-white\/10 {
    border-color: var(--mc-border) !important;
}