/* CÜNAM v227 — compact adaptive desktop menu and expanding quick cards */
@media (min-width: 1024px) {
    .premium-nav-panel,
    body.cunam-premium-nav-open .premium-nav-panel {
        max-height: calc(100dvh - 96px) !important;
        overflow: hidden !important;
    }

    .premium-nav-columns {
        align-items: stretch !important;
        gap: clamp(10px, 1.1vw, 16px) !important;
        padding-top: clamp(14px, 2vh, 22px) !important;
        padding-bottom: clamp(10px, 1.5vh, 16px) !important;
    }

    .premium-nav-column {
        min-height: 0 !important;
        padding-top: clamp(13px, 1.7vh, 18px) !important;
        padding-bottom: clamp(13px, 1.7vh, 18px) !important;
    }

    .premium-nav-column h3 {
        margin-bottom: clamp(7px, 1vh, 11px) !important;
        padding-bottom: clamp(7px, 1vh, 11px) !important;
    }

    .premium-nav-column ul {
        gap: clamp(4px, .65vh, 7px) 9px !important;
    }

    .premium-nav-column a {
        min-height: clamp(31px, 4vh, 37px) !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .premium-nav-quicklinks {
        display: flex !important;
        width: auto !important;
        gap: 12px !important;
        margin: 0 clamp(28px, 4vw, 70px) clamp(13px, 2vh, 22px) !important;
        padding: 0 !important;
        align-items: stretch !important;
    }

    .premium-quick-card {
        flex: 1 1 0 !important;
        width: 0 !important;
        max-width: none !important;
        min-height: clamp(62px, 8vh, 78px) !important;
        padding: clamp(10px, 1.4vh, 14px) 16px !important;
        overflow: hidden !important;
        transform: translateZ(0) !important;
        transition: flex-grow .28s cubic-bezier(.2,.8,.2,1),
                    transform .22s ease,
                    border-color .22s ease,
                    background-color .22s ease,
                    box-shadow .22s ease !important;
    }

    .premium-quick-card:hover,
    .premium-quick-card:focus-visible {
        flex-grow: 1.24 !important;
        transform: translateY(-3px) !important;
        border-color: rgba(77,165,153,.42) !important;
        box-shadow: 0 15px 34px rgba(29,83,82,.12) !important;
    }

    .premium-nav-quicklinks:has(.premium-quick-card:hover) .premium-quick-card:not(:hover),
    .premium-nav-quicklinks:has(.premium-quick-card:focus-visible) .premium-quick-card:not(:focus-visible) {
        flex-grow: .88 !important;
        opacity: .88 !important;
    }
}

@media (min-width: 1024px) and (max-height: 780px) {
    .premium-nav-columns {
        padding-top: 10px !important;
        padding-bottom: 8px !important;
    }

    .premium-nav-column {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .premium-nav-column a {
        min-height: 28px !important;
        font-size: .77rem !important;
    }

    .premium-nav-quicklinks {
        margin-bottom: 9px !important;
    }

    .premium-quick-card {
        min-height: 48px !important;
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .premium-quick-card small {
        display: none !important;
    }
}

@media (max-width: 1023px), (prefers-reduced-motion: reduce) {
    .premium-quick-card,
    .premium-quick-card:hover,
    .premium-quick-card:focus-visible {
        transform: none !important;
    }
}