/* Header Redesign for Nordic Theme */
header {
    background-color: var(--nordic-cream);
    border-bottom: 1px solid var(--nordic-border-color);
    transition: all 0.3s ease;
}

header.scrolled {
    background-color: rgba(250, 249, 246, 0.9) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

/* Nav Link Styling */
.navbar-nav .nav-link {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--nordic-text-dark) !important;
    padding: 8px 16px !important;
    position: relative;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 16px;
    right: 16px;
    height: 2px;
    background-color: var(--nordic-forest);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: var(--nordic-text-dark) !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    transform: scaleX(1);
}

/* Action Icons */
header .nav-link i {
    font-size: 19px;
    color: var(--nordic-text-dark);
    transition: color 0.3s ease, transform 0.2s ease;
}

header .nav-link:hover i {
    color: var(--nordic-forest);
    transform: translateY(-1px);
}

/* Dropdown custom overlays */
header .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid var(--nordic-border-color) !important;
}

/* Dark Mode Overrides */
@media (prefers-color-scheme: dark) {
    header.scrolled {
        background-color: rgba(22, 22, 20, 0.9) !important;
        border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    }
    header .dropdown-menu {
        background-color: #1a1a18 !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    header .dropdown-item {
        color: #f5f5f5 !important;
    }
    header .dropdown-item:hover {
        background-color: #2a2a28 !important;
    }
}

html.dark-mode header.scrolled,
body.dark-mode header.scrolled,
html[data-theme="dark"] header.scrolled,
body.theme-dark header.scrolled {
    background-color: rgba(22, 22, 20, 0.9) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode header .dropdown-menu,
body.dark-mode header .dropdown-menu,
html[data-theme="dark"] header .dropdown-menu,
body.theme-dark header .dropdown-menu {
    background-color: #1a1a18 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.dark-mode header .dropdown-item,
body.dark-mode header .dropdown-item,
html[data-theme="dark"] header .dropdown-item,
body.theme-dark header .dropdown-item {
    color: #f5f5f5 !important;
}

html.dark-mode header .dropdown-item:hover,
body.dark-mode header .dropdown-item:hover,
html[data-theme="dark"] header .dropdown-item:hover,
body.theme-dark header .dropdown-item:hover {
    background-color: #2a2a28 !important;
}

/* Caret Reset */
header .dropdown-toggle::after {
    display: none !important;
}