/*
 * Responsive adjustments layered after all modules.
 */

@media (max-width: 991.98px) {
    :root {
        --header-height: 72px;
    }

    .grid-two,
    .grid-three {
        grid-template-columns: 1fr;
    }

    .announcement-bar__inner {
        flex-wrap: wrap;
        gap: var(--space-2);
        padding-block: var(--space-2);
    }

    .site-navbar {
        min-height: var(--header-height);
    }

    .site-navbar__collapse {
        background: var(--color-surface);
        border: 1px solid var(--color-border);
        border-radius: var(--radius-md);
        box-shadow: var(--shadow-lg);
        margin-top: var(--space-3);
        padding: var(--space-4);
    }

    .site-navbar__nav {
        align-items: stretch;
        gap: var(--space-1);
        padding-bottom: var(--space-3);
    }

    .site-navbar .nav-link {
        border-radius: var(--radius-sm);
        padding-inline: var(--space-3);
    }

    .site-navbar .nav-link:hover,
    .site-navbar .nav-link:focus,
    .site-navbar .nav-link.is-active,
    .site-navbar .nav-link[aria-current="page"] {
        background: color-mix(in srgb, var(--color-secondary-light) 12%, transparent);
    }

    .site-navbar__menu {
        border: 0;
        box-shadow: none;
        margin-top: 0;
        padding-block: 0;
    }

    .site-footer__top,
    .global-cta__inner,
    .coming-soon__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom,
    .site-footer__social-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .global-cta__actions {
        align-items: stretch;
    }

    .global-cta__actions .site-btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .site-container {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }

    .back-to-top {
        bottom: var(--space-4);
        right: var(--space-4);
    }

    .announcement-bar__label {
        display: none;
    }

    .site-brand__logo {
        height: 52px;
    }

    .site-footer__nav {
        grid-template-columns: 1fr;
    }

    .coming-soon h1,
    .error-state h1 {
        font-size: var(--fs-3xl);
    }

    .coming-soon__actions,
    .coming-soon__actions .site-btn,
    .coming-soon__newsletter .input-group,
    .coming-soon__newsletter .site-btn {
        width: 100%;
    }

    .coming-soon__newsletter .input-group {
        display: grid;
        gap: var(--space-3);
    }

    .coming-soon__newsletter .form-control,
    .coming-soon__newsletter .site-btn {
        border-radius: var(--btn-radius) !important;
    }

    .coming-soon__panel {
        bottom: var(--space-3);
        left: var(--space-3);
        right: var(--space-3);
    }

    .site-footer,
    .global-cta {
        padding-block: var(--space-7);
    }
}