/*
 * Footer responsive — alignement sur logo/hamburger + cascade typo +
 * 2-col intermédiaire + stack à 585.
 *
 * Migration de l'ancien snippet eds_snippet 11340.
 * Scope conservé : body.tax-product_tag uniquement (extension globale
 * à faire au prochain freeze).
 */

/* ─── Container ≤980 : annuler le padding 48px de Kadence pour piloter
   tout l'alignement via le padding du grid (formules en vw). ─── */
@media (max-width: 980px) and (min-width: 586px) {
    body.tax-product_tag #site-footer > .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* ─── 3-COL : 821-980 ─── */
@media (max-width: 980px) and (min-width: 821px) {
    body.tax-product_tag #site-footer .footer-grid {
        padding-left: 10vw !important;
        padding-right: 10vw !important;
        grid-template-columns: auto auto auto !important;
        justify-content: space-between !important;
        column-gap: 0 !important;
    }
    body.tax-product_tag #site-footer .footer-bottom {
        padding-left: 10vw !important;
        padding-right: calc(10vw + 48px) !important;
    }
}

/* ─── 2-COL : 586-820 — col1 haut-gauche, col3 bas-gauche, col2 sur 2 lignes à droite ─── */
@media (max-width: 820px) and (min-width: 586px) {
    body.tax-product_tag #site-footer .footer-grid {
        padding-left: 7.5vw !important;
        padding-right: 7.5vw !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        row-gap: 36px !important;
        column-gap: 29.5px !important;
    }
    body.tax-product_tag #site-footer .footer-bottom {
        padding-left: 7.5vw !important;
        padding-right: calc(7.5vw + 48px) !important;
    }
    body.tax-product_tag #site-footer .footer-col {
        min-width: 0 !important;
    }
    body.tax-product_tag #site-footer .footer-col:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    body.tax-product_tag #site-footer .footer-col:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
    }
    body.tax-product_tag #site-footer .footer-col:nth-child(3) {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;
        text-align: left !important;
    }
}

/* ─── ≤980 : icônes sociales — réduire AUSSI le symbole SVG ;
   texte badge "Paiement sécurisé SSL" 11→10px ─── */
@media (max-width: 980px) {
    body.tax-product_tag #site-footer .footer-social a {
        width: 32px !important;
        height: 32px !important;
    }
    body.tax-product_tag #site-footer .footer-social a svg {
        width: 18px !important;
        height: 18px !important;
    }
    body.tax-product_tag #site-footer .footer-ssl-badge span {
        font-size: 10px !important;
    }
}

/* ─── TITRES — 16 px partout (brand + col-title), surcharge des cascades ≤768/1080/1180 ─── */
body.tax-product_tag #site-footer .footer-brand,
body.tax-product_tag #site-footer .footer-col-title {
    font-size: 16px !important;
}

/* ─── STACK ≤585 — créer une perception de blocs distincts :
   titre→contenu serré (12px), row-gap entre blocs ample (40px),
   séparation interne entre Navigation et Informations Légales dans col2 (40px) ─── */
@media (max-width: 585px) {
    body.tax-product_tag #site-footer .footer-brand,
    body.tax-product_tag #site-footer .footer-col-title {
        margin-bottom: 12px !important;
    }
    body.tax-product_tag #site-footer .footer-grid {
        row-gap: 40px !important;
    }
    body.tax-product_tag #site-footer .footer-col-title:not(:first-child) {
        margin-top: 40px !important;
    }
}

/* ─── LINE-HEIGHT ≤1180 (resserrer le souffle général) ─── */
@media (max-width: 1180px) {
    body.tax-product_tag #site-footer .footer-contact-line {
        line-height: 1.8em !important;
    }
    body.tax-product_tag #site-footer .footer-col a {
        line-height: 1.65em !important;
    }
}

/* ─── ≤1080 : textes -1 px + LH resserrée encore ─── */
@media (max-width: 1080px) {
    body.tax-product_tag #site-footer .footer-contact-line {
        font-size: 11px !important;
        line-height: 1.7em !important;
    }
    body.tax-product_tag #site-footer .footer-col a {
        font-size: 11px !important;
        line-height: 1.55em !important;
    }
}

/* ─── ≤768 : contact 10 px (pour l'email sur une ligne) ─── */
@media (max-width: 768px) {
    body.tax-product_tag #site-footer .footer-contact-line {
        font-size: 10px !important;
    }
}