/* ============================================================
   NutriCampus — Elementor Header-Nav Redesign (Unterseiten)
   Angleichung an das Homepage-Nav-Design (nav#nav)
   Zielt auf: header.elementor-location-header (.elementor-2676)
   ============================================================ */

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

/* --- Header-Container: Glasmorphism wie Homepage --- */
header.elementor-location-header .e-con.e-parent {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 4px 16px rgba(42, 90, 158, 0.08);
    border-bottom: 0.8px solid rgba(55, 106, 177, 0.08) !important;
}

/* --- Menü-Links: DM Sans statt Roboto --- */
header.elementor-location-header .elementor-nav-menu .elementor-item {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: rgb(61, 74, 92) !important;
    letter-spacing: 0.56px !important;
    text-transform: uppercase;
    transition: color 0.2s ease;
}

header.elementor-location-header .elementor-nav-menu .elementor-item:hover,
header.elementor-location-header .elementor-nav-menu .elementor-item.highlighted,
header.elementor-location-header .elementor-nav-menu .elementor-item:focus {
    color: #376AB1 !important;
}

/* Aktiver Menüpunkt */
header.elementor-location-header .elementor-nav-menu .elementor-item.elementor-item-active {
    color: #376AB1 !important;
}

/* --- Dropdown-Indikator --- */
header.elementor-location-header .elementor-nav-menu .sub-arrow {
    color: rgb(61, 74, 92) !important;
    font-size: 12px !important;
}

/* --- Submenu / Dropdown --- */
header.elementor-location-header .elementor-nav-menu--dropdown {
    font-family: 'DM Sans', sans-serif !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(55, 106, 177, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(42, 90, 158, 0.12) !important;
    padding: 8px 0 !important;
    margin-top: 8px !important;
}

header.elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: rgb(61, 74, 92) !important;
    letter-spacing: 0.3px !important;
    padding: 10px 20px !important;
    transition: background 0.15s ease, color 0.15s ease;
}

header.elementor-location-header .elementor-nav-menu--dropdown .elementor-item:hover {
    background: rgba(55, 106, 177, 0.06) !important;
    color: #376AB1 !important;
}

/* --- CTA-Button: Pill-Shape wie Homepage --- */
header.elementor-location-header .elementor-button {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 50px !important;
    padding: 10px 22px !important;
    background-color: rgb(42, 90, 158) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 8px rgba(42, 90, 158, 0.2) !important;
}

header.elementor-location-header .elementor-button:hover {
    background-color: #2d5a9e !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(42, 90, 158, 0.3) !important;
}

/* --- Mobile Hamburger Menü --- */
@media (max-width: 1024px) {
    header.elementor-location-header .elementor-menu-toggle {
        color: rgb(61, 74, 92) !important;
    }

    header.elementor-location-header .elementor-nav-menu--dropdown {
        border-radius: 0 !important;
        margin-top: 0 !important;
    }

    header.elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
        font-size: 14px !important;
        padding: 12px 20px !important;
    }
}