/* css/style.css */

html,
body {
    font-family: Inter, system-ui, sans-serif;
}

html {
    scroll-behavior: smooth;
}

/* ========== HEADER (HERO STATE) ========== */

.header-hero .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

.header-hero .nav-link:hover {
    color: white;
}

.header-hero #logoText {
    color: white;
}

/* hero state CTA */
.header-hero #navCTA {
    background: #2A3990;
    color: white;
}

/* ========== HEADER (SCROLLED STATE) ========== */

.header-scrolled {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid #E2E8F0;
    box-shadow: 0 8px 30px -15px rgba(15, 23, 42, 0.2);
}

.header-scrolled .nav-link {
    color: #475569;
}

.header-scrolled .nav-link:hover {
    color: #2A3990;
}

.header-scrolled #logoText {
    color: #0F172A;
}

.header-scrolled #navCTA {
    background: #2A3990;
    color: white;
}

.header-scrolled #mobileMenuBtn {
    color: #0F172A;
    border-color: rgba(15, 23, 42, 0.15);
}

/* ========== NAV LINKS ========== */

.nav-link {
    position: relative;
    padding-bottom: 4px;
    transition: color 0.2s ease;
}

.nav-link.active {
    color: #2A3990 !important;
}

.nav-link.active::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -6px;
    width: 6px;
    height: 6px;
    background: #2A3990;
    border-radius: 999px;
    transform: translateX(-50%);
}

/* ========== MAP EMBED ========== */

.embed-map-responsive {
    position: relative;
    width: 100%;
    padding-bottom: 66.6667%;
}

.embed-map-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.embed-map-frame {
    width: 100%;
    height: 100%;
    border: 0;
}