/*
 * HEADER & NAVIGATION — Global Protected Styles
 * This file loads AFTER style.css to protect header/menu on all pages.
 * Last updated: 2026-03-25
 */

/* Header bar */
.wp-site-blocks > header {
    background: linear-gradient(180deg, #0a1420 0%, #0e1926 100%);
    border-bottom: 3px solid var(--mi-primary, #E8582A);
    position: sticky;
    top: 0;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/* Logo */
.wp-block-site-logo img,
.wp-block-site-logo.is-default-size img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: 58px !important;
    width: auto !important;
}

/* Nav links */
.wp-block-navigation a,
.wp-block-navigation-item__content {
    color: rgba(255, 255, 255, 0.85) !important;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none !important;
}

.wp-block-navigation a:hover {
    color: var(--mi-primary, #E8582A) !important;
}

/* Dropdown */
.wp-block-navigation-item .wp-block-navigation__submenu-container {
    background: var(--mi-surface, #111D2E) !important;
    border: 1px solid var(--mi-border, #1E2D40);
    border-top: 3px solid var(--mi-primary, #E8582A);
    border-radius: 0 0 10px 10px;
    min-width: 200px;
}

/* === MOBILE HEADER PROTECTION === */
@media (max-width: 768px) {
    .wp-site-blocks > header {
        padding: 0 var(--mi-spacing-md, 1rem);
    }

    .wp-block-site-logo img,
    .wp-block-site-logo.is-default-size img {
        height: 42px !important;
    }

    .wp-block-site-logo a::after {
        font-size: 0.5rem;
        letter-spacing: 3px;
    }

    .wp-block-site-title a {
        font-size: 1.5rem;
    }
}

@media (max-width: 480px) {
    .wp-block-site-title a {
        font-size: 1.3rem;
    }

    .wp-block-site-logo img,
    .wp-block-site-logo.is-default-size img {
        height: 36px !important;
    }
}