/**
 * Restore mobile quick nav to in-header top position + visual integration
 * with premium frame (single card). Overrides root-owned header.css bottom bar only.
 */
@media (max-width: 767px) {
    body {
        padding-bottom: 0 !important;
    }

    .cctva-header-premium {
        padding-top: 2px;
    }

    .cctva-header-premium__mobile-feature-bar {
        margin-bottom: 0;
        padding-bottom: 2px;
    }

    .cctva-header-premium__mobile-feature-bar + .cctva-header-premium__shell--mobile-nav {
        margin-top: 0;
        padding-top: 0;
    }

    .cctva-header-premium__shell--mobile-nav {
        width: var(--cctva-header-mobile-shell-width, min(100% - 16px, 1560px));
        margin: 0 auto;
        padding: 0 2px;
    }

    /* Top segment: quick nav (shares premium card with frame below) */
    .cctva-header-premium .cctva-mobile-sticky {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 4px 0 0 !important;
        z-index: 2;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 2px;
        padding: 3px 6px 5px;
        border: 1px solid var(--cctva-header-border-strong);
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 16px 16px 0 0;
        background:
            radial-gradient(360px 220px at 0% 0%, rgba(153, 27, 27, 0.12), transparent 58%),
            radial-gradient(360px 220px at 100% 100%, rgba(30, 64, 175, 0.08), transparent 62%),
            var(--cctva-header-panel);
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        box-sizing: border-box;
    }

    /* Bottom segment: logo + search (same card, no visual gap) */
    .cctva-header-premium__shell--mobile-nav + .cctva-header-premium__shell {
        margin-top: 0;
        padding-top: 0;
    }

    .cctva-header-premium__shell--mobile-nav + .cctva-header-premium__shell .cctva-header-premium__frame {
        margin-top: 0 !important;
        border-top: none;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
    }

    .cctva-header-premium.is-condensed .cctva-header-premium__shell--mobile-nav + .cctva-header-premium__shell .cctva-header-premium__frame {
        margin-top: 0 !important;
        border-radius: 0 0 20px 20px;
    }

    .cctva-header-premium.is-condensed .cctva-mobile-sticky {
        border-radius: 20px 20px 0 0;
    }
}

@media (min-width: 390px) and (max-width: 767px) {
    .cctva-header-premium__shell--mobile-nav {
        padding: 0 4px;
    }
}