/* ══════════════════════════════════════
       WRAPPER — zéro fuite, léger (pas de glow animé)
    ══════════════════════════════════════ */
    #dz-footer-3x {
      --dz-red:#d00408; --dz-red-l:#ff3a40; --dz-neon:rgba(208,4,8,.35);
      --dz-text:#fff; --dz-text2:rgba(255,255,255,.92); --dz-text3:rgba(255,255,255,.7);
      --dz-border:rgba(255,255,255,.10); --dz-border-strong:rgba(208,4,8,.32);
      display:block !important; width:100% !important; max-width:100% !important;
      margin:0 !important; padding:0 !important; border:none !important; background:none !important; box-shadow:none !important;
      font-family:'Urbanist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
      -webkit-font-smoothing:antialiased; color:var(--dz-text); line-height:1.55;
      isolation:isolate; contain:layout style; content-visibility:auto; contain-intrinsic-size:auto 340px;
    }
    #dz-footer-3x .dzft-shell, #dz-footer-3x .dzft-shell * { box-sizing:border-box; }
    #dz-footer-3x .dzft-a { text-decoration:none; color:inherit; }
    #dz-footer-3x .dzft-img { display:block; max-width:100%; height:auto; border:0; }
    #dz-footer-3x .dzft-reset { margin:0; padding:0; list-style:none; }

    /* SHELL */
    #dz-footer-3x .dzft-shell {
      position:relative; overflow:hidden; margin:0; padding:0;
      background:linear-gradient(180deg, rgba(8,8,8,1) 0%, rgba(2,2,2,1) 100%);
    }
    #dz-footer-3x .dzft-shell::before {
      content:""; position:absolute; top:0; left:8%; right:8%; height:1px;
      background:linear-gradient(90deg, transparent, rgba(208,4,8,.4) 30%, var(--dz-red-l) 50%, rgba(208,4,8,.4) 70%, transparent);
      box-shadow:0 0 8px var(--dz-neon); pointer-events:none;
    }
    #dz-footer-3x .dzft-container {
      width:100%; max-width:1320px; margin:0 auto; padding:0 clamp(16px,3vw,40px);
    }

    /* ══════════════════════════════════════
       MAIN GRID — compact : Marque(gauche) | Boutique | Le site | Contact
    ══════════════════════════════════════ */
    #dz-footer-3x .dzft-main {
      display:grid; grid-template-columns:1.05fr 1fr 1fr 1.15fr;
      gap:clamp(26px,3vw,44px) clamp(30px,3.4vw,52px);
      padding:clamp(40px,4vw,60px) 0 clamp(22px,2.4vw,30px);
      align-items:start;
    }
    #dz-footer-3x .dzft-col-title {
      font-size:10.5px; font-weight:800; letter-spacing:.18em; text-transform:uppercase;
      color:var(--dz-red-l); margin:0 0 clamp(10px,1vw,13px) 0;
    }
    #dz-footer-3x .dzft-links { display:flex; flex-direction:column; gap:3px; }
    #dz-footer-3x .dzft-links .dzft-a {
      display:inline-flex; align-items:center; gap:7px; padding:4px 0; margin:0;
      font-size:14px; font-weight:600; color:var(--dz-text2); transition:color .2s, transform .2s;
    }
    #dz-footer-3x .dzft-links .dzft-a:hover { color:var(--dz-text); transform:translateX(3px); }
    #dz-footer-3x .dzft-links .dzft-a::before {
      content:""; width:4px; height:4px; border-radius:1px; background:var(--dz-red);
      opacity:0; transition:opacity .2s; flex-shrink:0;
    }
    #dz-footer-3x .dzft-links .dzft-a:hover::before { opacity:1; }

    /* Compte / connexion */
    #dz-footer-3x .dzft-account { display:flex; align-items:center; gap:10px; margin-top:clamp(12px,1.4vw,16px); }
    #dz-footer-3x .dzft-login {
      display:inline-flex; align-items:center; justify-content:center; gap:7px;
      height:30px; padding:0 11px; border-radius:7px;
      border:1px solid var(--dz-border); background:rgba(255,255,255,.05);
      font-size:12px; font-weight:700; color:var(--dz-text2);
      white-space:nowrap; /* v1.2.0 — jamais écrasé sur 2 lignes */
      transition:border-color .2s, background .2s, color .2s;
    }
    #dz-footer-3x .dzft-login:hover { border-color:var(--dz-border-strong); background:rgba(208,4,8,.08); color:#fff; }
    #dz-footer-3x .dzft-login svg { width:15px; height:15px; display:block; flex-shrink:0; }
    #dz-footer-3x .dzft-login--g { width:34px; height:30px; padding:0; }
    #dz-footer-3x .dzft-login--g svg { width:18px; height:18px; }
    /* Habillage de l'icône Nextend si tu utilises le shortcode "style=icon" */
    #dz-footer-3x .dzft-account .nsl-container { margin:0 !important; }
    #dz-footer-3x .dzft-account .nsl-container-block .nsl-container-buttons { margin:0 !important; }

    /* COL CONTACT — compact */
    #dz-footer-3x .dzft-contact-item { display:flex; align-items:flex-start; gap:10px; padding:5px 0; margin:0; }
    #dz-footer-3x .dzft-contact-icon {
      display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:7px;
      background:rgba(208,4,8,.10); border:1px solid var(--dz-border-strong); font-size:13px; flex-shrink:0;
    }
    #dz-footer-3x .dzft-contact-text { font-size:13.5px; line-height:1.5; color:var(--dz-text2); margin:0; font-weight:500; }
    #dz-footer-3x .dzft-contact-text .dzft-a { color:var(--dz-text); font-weight:600; transition:color .2s; }
    #dz-footer-3x .dzft-contact-text .dzft-a:hover { color:var(--dz-red-l); }
    #dz-footer-3x .dzft-socials { display:flex; gap:8px; margin:clamp(10px,1.2vw,14px) 0 0 0; padding:0; }
    #dz-footer-3x .dzft-social {
      display:flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%;
      border:1px solid var(--dz-border); background:rgba(255,255,255,.04); color:var(--dz-text);
      transition:color .22s, border-color .22s, background .22s, transform .22s;
    }
    #dz-footer-3x .dzft-social:hover { color:var(--dz-red-l); border-color:var(--dz-border-strong); background:rgba(208,4,8,.08); transform:translateY(-2px); }
    #dz-footer-3x .dzft-social svg { width:15px; height:15px; fill:currentColor; }

    /* v1.4.0 — BADGE TRANSPARENCE IA (bas de la colonne Contact) */
    #dz-footer-3x .dzft-ai-badge {
      display:inline-flex; align-items:center; gap:7px;
      margin:clamp(12px,1.4vw,16px) 0 0 0; padding:5px 10px;
      border:1px solid var(--dz-border); border-radius:6px;
      background:rgba(255,255,255,.035);
      font-size:10px; font-weight:700; letter-spacing:.10em; text-transform:uppercase;
      color:var(--dz-text3); line-height:1.3;
      transition:border-color .2s, background .2s, color .2s;
      cursor:default;
    }
    #dz-footer-3x .dzft-ai-badge:hover { border-color:var(--dz-border-strong); background:rgba(208,4,8,.06); color:var(--dz-text2); }
    #dz-footer-3x .dzft-ai-badge svg { width:12px; height:12px; fill:var(--dz-red-l); flex-shrink:0; }
    #dz-footer-3x .dzft-ai-badge sup { font-size:9px; line-height:0; margin-left:1px; color:var(--dz-red-l); }
    /* Note reliée à l'astérisque, dans la bottom bar */
    #dz-footer-3x .dzft-ai-note {
      font-size:10.5px; color:rgba(255,255,255,.34); font-weight:500;
      margin:0; padding:0; line-height:1.5;
    }
    #dz-footer-3x .dzft-ai-note sup { color:var(--dz-red-l); }

    /* COL MARQUE (gauche) — logo mis en avant, centré, animé */
    #dz-footer-3x .dzft-col--brand { display:flex; flex-direction:column; align-items:center; text-align:center; }
    #dz-footer-3x .dzft-brand-logowrap { position:relative; display:inline-flex; align-items:center; justify-content:center; margin:0 0 clamp(6px,0.8vw,10px) 0; }
    #dz-footer-3x .dzft-brand-logo {
      position:relative; z-index:1;
      height:clamp(100px,8.5vw,134px); width:auto; max-width:100%; display:block;
      animation:dzftFloat 6s ease-in-out infinite;
    }
    @keyframes dzftFloat {
      0%,100% { transform:translateY(0); }
      50%     { transform:translateY(-4px); }
    }
    #dz-footer-3x .dzft-brand-tag { display:block; margin:0 0 6px 0; color:var(--dz-text); font-size:13px; font-weight:700; letter-spacing:.01em; }
    #dz-footer-3x .dzft-brand-desc { font-size:12.5px; line-height:1.6; color:var(--dz-text3); max-width:250px; margin:0 auto clamp(12px,1.4vw,15px) auto; font-weight:500; }
    #dz-footer-3x .dzft-brand-badge {
      display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border-radius:6px;
      border:1px solid var(--dz-border-strong); background:rgba(208,4,8,.06);
      font-size:10px; color:var(--dz-text); letter-spacing:.12em; text-transform:uppercase; font-weight:700;
    }
    #dz-footer-3x .dzft-brand-badge::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--dz-red-l); box-shadow:0 0 8px var(--dz-neon); }
    /* Séparateur signature sous la marque — visible uniquement en empilé */
    #dz-footer-3x .dzft-brand-rule { display:none; }

    /* BOTTOM BAR */
    #dz-footer-3x .dzft-bottom {
      display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px;
      padding:14px 0; margin:0; border-top:1px solid var(--dz-border);
    }
    #dz-footer-3x .dzft-copy { font-size:12.5px; color:var(--dz-text2); margin:0; font-weight:500; }
    #dz-footer-3x .dzft-copy span { color:var(--dz-red-l); font-weight:700; }
    #dz-footer-3x .dzft-legal { display:flex; align-items:center; gap:14px; margin:0; padding:0; flex-wrap:wrap; }
    #dz-footer-3x .dzft-legal .dzft-a { font-size:12.5px; color:var(--dz-text2); font-weight:600; transition:color .2s; }
    #dz-footer-3x .dzft-legal .dzft-a:hover { color:var(--dz-red-l); }
    #dz-footer-3x .dzft-sep { width:1px; height:11px; background:var(--dz-border); }
    #dz-footer-3x .dzft-credit { font-size:11px; color:rgba(255,255,255,.34); font-weight:500; }
    #dz-footer-3x .dzft-credit .dzft-a { color:rgba(255,255,255,.42); font-weight:600; border-bottom:0; transition:color .2s; }
    #dz-footer-3x .dzft-credit .dzft-a:hover { color:var(--dz-red-l); }

    /* v1.3.0 — wrapper du groupe de menus : transparent en desktop
       (la grille 4 colonnes voit ses enfants directement) */
    #dz-footer-3x .dzft-menugroup { display:contents; }

    /* ══════════════════════════════════════
       RESPONSIVE — v1.3.0 : groupe de menus AUTONOME auto-centré,
       Contact aligné sur le bord gauche de Boutique
    ══════════════════════════════════════ */
    /* ≤ 900px : marque pleine largeur, puis le groupe de menus devient une
       mini-grille indépendante : 2 colonnes max-content + Contact en rangée 2
       calé à gauche. width:max-content + margin:auto = centrage garanti,
       quel que soit le contexte Elementor/thème. */
    @media (max-width:900px) {
      #dz-footer-3x .dzft-main {
        grid-template-columns:1fr;
        row-gap:clamp(26px,5vw,36px);
        padding:clamp(28px,6vw,38px) 0 clamp(18px,3vw,22px);
        align-items:start;
      }
      #dz-footer-3x .dzft-menugroup {
        display:grid;
        grid-template-columns:max-content max-content;
        column-gap:clamp(44px,10vw,96px);
        row-gap:clamp(24px,6vw,34px);
        width:max-content; max-width:100%;
        margin:0 auto;
        justify-self:center;
      }
      #dz-footer-3x .dzft-col--brand {
        justify-self:center; width:100%;
        align-items:center; text-align:center;
        padding-bottom:0; margin-bottom:clamp(2px,1vw,6px);
        border-bottom:none;
      }
      #dz-footer-3x .dzft-brand-rule {
        display:block; width:min(280px,72%); height:1px;
        margin:clamp(18px,4vw,24px) auto 0;
        background:linear-gradient(90deg, transparent, rgba(208,4,8,.55) 50%, transparent);
        box-shadow:0 0 6px rgba(208,4,8,.25);
      }
      #dz-footer-3x .dzft-brand-logo { height:clamp(124px,30vw,168px); }
      #dz-footer-3x .dzft-brand-desc { max-width:360px; }
      #dz-footer-3x .dzft-col--menu { text-align:left; }
      #dz-footer-3x .dzft-links { align-items:flex-start; }
      #dz-footer-3x .dzft-account { justify-content:flex-start; }
      /* v1.3.0 — Contact : rangée 2 du groupe, bord gauche = bord gauche
         de la colonne Boutique. Propre, rangé, pas centré. */
      #dz-footer-3x .dzft-col--contact {
        grid-column:1 / -1; justify-self:start;
        width:auto; max-width:100%;
        text-align:left; margin-top:0;
      }
    }
    /* ≤ 600px : rythme tactile + bottom bar en colonne centrée */
    @media (max-width:600px) {
      #dz-footer-3x .dzft-shell { padding-bottom:clamp(56px,15vw,84px); }
      #dz-footer-3x .dzft-container { padding:0 clamp(18px,5vw,32px); }
      #dz-footer-3x .dzft-menugroup {
        column-gap:clamp(32px,10vw,64px);
        row-gap:clamp(26px,7vw,34px);
      }
      /* Rythme vertical harmonisé + cible tactile ≥40px */
      #dz-footer-3x .dzft-links { gap:0; }
      #dz-footer-3x .dzft-links .dzft-a { font-size:14.5px; padding:9px 0; min-height:40px; }
      #dz-footer-3x .dzft-col-title { margin-bottom:8px; }
      /* Bouton compte : confort tactile, jamais squeezé */
      #dz-footer-3x .dzft-account { margin-top:10px; gap:8px; }
      #dz-footer-3x .dzft-login { height:34px; padding:0 12px; font-size:12.5px; }
      #dz-footer-3x .dzft-login--g { width:38px; height:34px; padding:0; }
      #dz-footer-3x .dzft-brand-logo { height:clamp(116px,36vw,150px); }
      #dz-footer-3x .dzft-contact-item { padding:6px 0; }
      #dz-footer-3x .dzft-contact-text { font-size:13.5px; }
      /* v1.4.0 — badge IA : reste compact et lisible sur petit écran */
      #dz-footer-3x .dzft-ai-badge { margin-top:12px; padding:6px 10px; font-size:9.5px; letter-spacing:.08em; }
      /* Bottom bar : colonne centrée, séparateur vertical masqué */
      #dz-footer-3x .dzft-bottom { flex-direction:column; align-items:center; text-align:center; gap:8px; padding:16px 0 18px; }
      #dz-footer-3x .dzft-legal { justify-content:center; gap:12px; }
      #dz-footer-3x .dzft-sep { display:none; }
      #dz-footer-3x .dzft-credit { width:100%; text-align:center; margin-top:2px; }
      #dz-footer-3x .dzft-ai-note { text-align:center; }
    }
    /* ≤ 380px : gap resserré pour que les 2 colonnes tiennent côte à côte */
    @media (max-width:380px) {
      #dz-footer-3x .dzft-container { padding:0 clamp(14px,4vw,20px); }
      #dz-footer-3x .dzft-menugroup { column-gap:clamp(20px,6vw,32px); row-gap:24px; }
      #dz-footer-3x .dzft-shell { padding-bottom:clamp(64px,18vw,92px); }
      #dz-footer-3x .dzft-links .dzft-a { font-size:14px; }
      #dz-footer-3x .dzft-login { padding:0 10px; font-size:12px; }
      #dz-footer-3x .dzft-ai-badge { padding:6px 9px; font-size:9px; }
    }
    @media (prefers-reduced-motion:reduce) {
      #dz-footer-3x .dzft-brand-logo { animation:none !important; }
      #dz-footer-3x .dzft-links .dzft-a, #dz-footer-3x .dzft-social, #dz-footer-3x .dzft-login, #dz-footer-3x .dzft-ai-badge { transition:none !important; }
    }