/* AGAFORT Storefront Footer Visual Build V1 — dark enterprise chrome (not Temu).
   Scoped to .ag-footer-visual-v1 / .ag-footer-enterprise only. */

.ag-footer-enterprise.ag-footer-visual-v1 {
    width: 100%;
    background: var(--ag-footer-bg, #0b0b0f);
    color: var(--ag-footer-text, #f5f5f5);
    padding-block: var(--ag-footer-pad-y, 2rem);
    overflow-x: clip;
    isolation: isolate;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-wrap {
    max-width: var(--ag-footer-max-w, var(--ag-footer-max-width, 1184px));
    width: 100%;
    margin-inline: auto;
    padding-inline: var(--ag-footer-pad-x, 1rem);
    box-sizing: border-box;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-band {
    width: 100%;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-band--primary {
    background: var(--ag-footer-bg, #0b0b0f);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-band--discovery,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-band--meta {
    background: var(--ag-footer-secondary-bg, #121218);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section {
    border-bottom-color: var(--ag-footer-divider, #27272a);
    padding-block: var(--ag-footer-section-pad-y, 1rem);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--newsletter {
    border-bottom: 1px solid var(--ag-footer-divider, #27272a);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--ag-footer-gap, 1.5rem);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-newsletter-title,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-app-title,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section-title,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-col-heading {
    color: var(--ag-footer-title, var(--ag-footer-text, #f5f5f5));
    font-size: var(--ag-footer-heading-size, 0.875rem);
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-brand-copy,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-muted,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-bottom {
    color: var(--ag-footer-muted, #a3a3a3);
}

.ag-footer-enterprise.ag-footer-visual-v1 a {
    color: var(--ag-footer-link, #d4d4d8);
    font-size: var(--ag-footer-link-size, 0.8125rem);
    text-decoration: none;
    transition: var(--ag-footer-transition, color .2s ease);
}

.ag-footer-enterprise.ag-footer-visual-v1 a:hover {
    color: var(--ag-footer-link-hover, #ffffff);
}

.ag-footer-enterprise.ag-footer-visual-v1 a:focus-visible,
.ag-footer-enterprise.ag-footer-visual-v1 button:focus-visible,
.ag-footer-enterprise.ag-footer-visual-v1 input:focus-visible,
.ag-footer-enterprise.ag-footer-visual-v1 summary:focus-visible {
    outline: 2px solid var(--ag-footer-focus, #93c5fd);
    outline-offset: 2px;
}

/* Desktop: 4-col columns grid */
.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-grid {
    display: grid;
    grid-template-columns: repeat(var(--ag-footer-grid-cols, 4), minmax(0, 1fr));
    gap: var(--ag-footer-col-gap, var(--ag-footer-gap, 1.5rem));
    align-items: start;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col {
    min-width: 0;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col summary {
    list-style: none;
    cursor: default;
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col summary::-webkit-details-marker {
    display: none;
}

/* Trust / payments secondary row */
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--payments,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--shipping,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--social {
    background: var(--ag-footer-secondary-bg, #121218);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-chip,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-pay-logo,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-payments {
    color: var(--ag-footer-muted, #a3a3a3);
}

/* Legal / copyright meta bar */
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-band--meta,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--copyright,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-section--locale {
    border-top: 1px solid var(--ag-footer-divider, #27272a);
    background: var(--ag-footer-secondary-bg, #121218);
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-newsletter-form input,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-inline-form input {
    background: var(--ag-footer-secondary-bg, #121218);
    color: var(--ag-footer-text, #f5f5f5);
    border-color: var(--ag-footer-border, var(--ag-footer-divider, #27272a));
}

.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-newsletter-form input::placeholder,
.ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-inline-form input::placeholder {
    color: var(--ag-footer-muted, #a3a3a3);
}

/* Tablet: 2-col */
@media (max-width: 991px) {
    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-grid {
        grid-template-columns: repeat(var(--ag-footer-grid-cols-tablet, 2), minmax(0, 1fr));
    }
}

/* Mobile: 1-col + collapsible details */
@media (max-width: 767px) {
    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-grid {
        grid-template-columns: repeat(var(--ag-footer-grid-cols-mobile, 1), minmax(0, 1fr));
        gap: 0;
    }

    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col {
        border-bottom: 1px solid var(--ag-footer-divider, #27272a);
    }

    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col summary {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 2.75rem;
        padding-block: 0.5rem;
    }

    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col summary::after {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        border-inline-end: 2px solid var(--ag-footer-muted, #a3a3a3);
        border-bottom: 2px solid var(--ag-footer-muted, #a3a3a3);
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        margin-inline-start: 0.5rem;
    }

    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col[open] summary::after {
        transform: rotate(-135deg);
    }

    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-top {
        flex-direction: column;
    }
}

/* RTL mirroring */
[dir="rtl"] .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-top,
[dir="rtl"] .ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-newsletter-form,
[dir="rtl"] .ag-footer-enterprise.ag-footer-visual-v1 .ag-footer-inline-form {
    direction: rtl;
}

[dir="rtl"] .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-grid {
    direction: rtl;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .ag-footer-enterprise.ag-footer-visual-v1,
    .ag-footer-enterprise.ag-footer-visual-v1 a,
    .ag-footer-enterprise.ag-footer-visual-v1 .ag-dh-footer-col summary::after {
        transition: none !important;
    }
}
