/**
 * File: assets/css/frontend/footer/responsive.css
 * Purpose: Defines balanced tablet/mobile Footer support, newsletter card, menu-grid, and accessible accordion presentation.
 * Scope: Footer responsive composition only.
 * Related PHP: src/Frontend/Footer/Components/MenuColumns.php, src/Frontend/Footer/Components/SupportBand.php, src/Frontend/Footer/Components/SubscribeBar.php
 * Related CSS: assets/css/frontend/footer/*.css
 * Related JS: assets/js/frontend/footer/accordion.js
 * Package: HyperDAF Pro
 */

@media (max-width: 78rem) {
    .hdf-footer-support__inner {
        grid-template-columns: 1fr;
        gap: var(--hdf-spacing-4);
    }

    .hdf-footer-newsletter {
        width: 100%;
    }
}

@media (max-width: 64rem) {
    .hdf-footer-support__items,
    .hdf-footer-support__items--2,
    .hdf-footer-support__items--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hdf-footer-support__items--3 .hdf-footer-support__item:last-child {
        grid-column: 1 / -1;
        border-inline-start: 0;
        border-top: var(--hdf-border-width-default) solid color-mix(in srgb, currentColor 24%, transparent);
        padding-block-start: var(--hdf-spacing-3);
        padding-inline-start: 0;
    }

    .hdf-footer-main__grid {
        grid-template-columns: 1fr;
        gap: var(--hdf-spacing-7);
    }

    .hdf-footer-brand {
        max-width: 42rem;
    }

    .hdf-footer-menus {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 48rem) {
    .hdf-footer__container {
        width: min(calc(100% - (2 * var(--hdf-layout-gutter-mobile))), var(--hdf-layout-wide));
    }

    .hdf-footer-support__items,
    .hdf-footer-support__items--2,
    .hdf-footer-support__items--3 {
        grid-template-columns: 1fr;
    }

    .hdf-footer-support__item,
    .hdf-footer-support__items--3 .hdf-footer-support__item:last-child {
        grid-column: auto;
        padding-block: var(--hdf-spacing-3);
        padding-inline: 0;
    }

    .hdf-footer-support__item:not(:first-child),
    .hdf-footer-support__items--3 .hdf-footer-support__item:last-child {
        border-inline-start: 0;
        border-top: var(--hdf-border-width-default) solid color-mix(in srgb, currentColor 24%, transparent);
    }

    .hdf-footer-main__grid {
        padding-block: var(--hdf-spacing-7);
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] {
        grid-template-columns: 1fr;
        gap: 0;
        border-top: var(--hdf-border-width-default) solid var(--hdf-color-border);
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column {
        border-bottom: var(--hdf-border-width-default) solid var(--hdf-color-border);
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column__title {
        display: none;
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column__toggle {
        display: flex;
        min-height: var(--hdf-component-footer-accordion-trigger-height);
        margin: 0;
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column__panel {
        display: grid;
        grid-template-rows: 0fr;
        visibility: hidden;
        transition: grid-template-rows var(--hdf-motion-duration-normal) var(--hdf-motion-easing-standard), visibility 0s linear var(--hdf-motion-duration-normal);
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column__panel > * {
        min-height: 0;
        overflow: hidden;
    }

    .hdf-footer-menus[data-hdf-footer-accordion="true"] .hdf-footer-menu-column__toggle[aria-expanded="true"] + .hdf-footer-menu-column__title + .hdf-footer-menu-column__panel {
        grid-template-rows: 1fr;
        visibility: visible;
        padding-bottom: var(--hdf-spacing-3);
        transition-delay: 0s;
    }
}

@media (max-width: 36rem) {
    .hdf-footer-newsletter__form,
    .hdf-footer-newsletter__provider form {
        grid-template-columns: 1fr;
    }

    .hdf-footer-newsletter__button,
    .hdf-footer-newsletter__provider button,
    .hdf-footer-newsletter__provider input[type="submit"] {
        width: 100%;
    }

    .hdf-footer-newsletter__status {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hdf-footer-menu-column__toggle .hdf-icon,
    .hdf-footer-menu-column__panel,
    .hdf-footer-social__link {
        transition: none;
    }
}


@media (max-width: 63.99rem) {
    .hdf-footer-support__inner {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-block: 1rem;
    }

    .hdf-footer-newsletter {
        max-width: none;
    }
}

@media (max-width: 47.99rem) {
    .hdf-footer-support__items,
    .hdf-footer-support__items--2,
    .hdf-footer-support__items--3 {
        gap: 0.5rem;
    }

    .hdf-footer-support__item,
    .hdf-footer-support__items--3 .hdf-footer-support__item:last-child {
        padding-inline: 0;
    }

    .hdf-footer-newsletter__heading-row {
        flex-wrap: wrap;
        gap: 0.35rem 0.5rem;
    }

    .hdf-footer-newsletter__form,
    .hdf-footer-newsletter__provider form {
        grid-template-columns: minmax(0, 1fr);
    }

    .hdf-footer-newsletter__button,
    .hdf-footer-newsletter__provider button,
    .hdf-footer-newsletter__provider input[type="submit"] {
        width: 100%;
    }
}