/* Compact header — Option B (base) + Option C (scroll sticky)
   Overrides critical.css without touching the minified source. */

/* ── Option B: tighter base spacing — desktop only ──────────────────────── */

@media only screen and (min-width: 1025px) {
    .header {
        position: sticky;
        top: 0;
        z-index: 9000;
        background: #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,0.08);
        transition: padding 0.3s ease, box-shadow 0.3s ease;
    }

    #logo {
        text-align: center;
        padding: 12px 0 6px;
        transition: padding 0.3s ease;
    }

    #logo a img {
        max-height: 90px;
        width: auto;
        display: inline-block;
        margin: 0 auto;
        transition: max-height 0.3s ease;
    }

    #menu-hauptmenue.nav {
        font-size: 17px;
        transition: font-size 0.3s ease;
    }

    #menu-hauptmenue.nav > li {
        padding-left: 36px;
        transition: padding 0.3s ease;
    }

    /* Reduce submenu item padding */
    .nav li ul.sub-menu li a,
    .nav li ul.children li a {
        padding: 4px 12px;
        font-size: 15px;
    }
}

/* ── Option C: compact state on scroll — desktop only ───────────────────── */

@media only screen and (min-width: 1025px) {
    .header.header-compact {
        box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    }

    .header.header-compact #logo {
        padding: 4px 0 2px;
    }

    .header.header-compact #logo a img {
        max-height: 44px;
    }

    .header.header-compact #menu-hauptmenue.nav {
        font-size: 14px;
    }

    .header.header-compact #menu-hauptmenue.nav > li {
        padding-left: 24px;
    }

    /* Hide decorative thick underline bar in compact mode */
    .header.header-compact #menu-hauptmenue.nav:before {
        display: none;
    }

    .header.header-compact .nav li a {
        padding: 0.35em 0.4em;
    }
}