/* ============================================================
   SYSTÈME DE CONTRÔLE DU FOOTER KAINA
   ============================================================ */

:root {
    /* --- CONFIGURATION DE LA GRILLE --- */
    --site-w: 1280px;      /* Largeur max du contenu */

    /* --- RÉGLAGES ORDINATEUR (PC) --- */
    --f-gut-pc: 40px;      /* Gouttière horizontale */
    --f-vrt-pc: 100px;     /* Espace vertical (Haut/Bas) */

    /* --- RÉGLAGES TABLETTE --- */
    --f-gut-tab: 25px; 
    --f-vrt-tab: 60px;

    /* --- RÉGLAGES MOBILE --- */
    --f-gut-mob: 20px; 
    --f-vrt-mob: 40px;
}

/* 1. RESET & STRUCTURE DE BASE
   On cible les conteneurs de premier niveau du footer (.e-parent) */
body .elementor-location-footer .e-con.e-parent,
body .elementor-location-footer .elementor-section {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    display: flex !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transition: padding 0.3s ease-in-out; /* Pour la fluidité du responsive */
}

/* 2. LOGIQUE ORDINATEUR (Desktop > 1024px) */
@media (min-width: 1025px) {
    body .elementor-location-footer .e-con.e-parent {
        /* Rythme Vertical */
        padding-top: var(--f-vrt-pc) !important;
        padding-bottom: var(--f-vrt-pc) !important;

        /* Gouttières Dynamiques avec protection max() 
           Empêche le contenu de coller au bord entre 1025px et 1280px */
        padding-left: max(var(--f-gut-pc), calc((100% - var(--site-w)) / 2 + var(--f-gut-pc))) !important;
        padding-right: max(var(--f-gut-pc), calc((100% - var(--site-w)) / 2 + var(--f-gut-pc))) !important;
    }
}

/* 3. LOGIQUE TABLETTE (768px à 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    body .elementor-location-footer .e-con.e-parent {
        padding-top: var(--f-vrt-tab) !important;
        padding-bottom: var(--f-vrt-tab) !important;
        padding-left: var(--f-gut-tab) !important;
        padding-right: var(--f-gut-tab) !important;
    }
}

/* 4. LOGIQUE MOBILE (< 767px) */
@media (max-width: 767px) {
    body .elementor-location-footer .e-con.e-parent {
        padding-top: var(--f-vrt-mob) !important;
        padding-bottom: var(--f-vrt-mob) !important;
        padding-left: var(--f-gut-mob) !important;
        padding-right: var(--f-gut-mob) !important;
    }
}

/* 5. EXCEPTION : DERNIER CONTENEUR (Copyright / Bas de page)
   On force le dernier bloc à être toujours compact */
body .elementor-location-footer .e-con.e-parent:last-child {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    min-height: 0 !important;
    border-top: 1px solid rgba(0,0,0,0.05); /* Optionnel : ligne de séparation */
}

/* 6. NETTOYAGE DES WIDGETS
   Supprime les marges par défaut d'Elementor sur le dernier widget de chaque colonne */
body .elementor-location-footer .elementor-widget {
    margin-bottom: 0 !important;
}