/* ===========================================================================
   ATC FOOTER - styles du footer custom (footer.php thème enfant)
   =========================================================================== */

.atc-footer{font-family:'Manrope',system-ui,sans-serif !important;background:#0b2e4a !important;color:#aebbcf !important;line-height:1.5}
.atc-footer *,.atc-footer *::before,.atc-footer *::after{box-sizing:border-box !important}
.atc-footer a{text-decoration:none !important;transition:color .15s}
.atc-footer a:hover{color:#ff6b1a !important}

.atc-footer .atcf-wrap{width:90%;max-width:1600px;margin:0 auto}
.atc-footer .atcf-grid{padding:40px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}

.atc-footer .atcf-title{font:700 14px 'Manrope',sans-serif;color:#fff !important;margin:0 0 14px;padding:0}
.atc-footer .atcf-link{font:400 13px 'Manrope',sans-serif;color:#9caabf !important;margin-bottom:9px;display:block}

.atc-footer .atcf-logo{height:46px;width:auto;display:block;filter:brightness(0) invert(1);opacity:.92;margin-bottom:14px}
.atc-footer .atcf-baseline{font:400 12px/1.6 'Manrope',sans-serif;color:#8494ab !important;margin-bottom:14px}

/* Trustpilot */
.atc-footer .atcf-tp{display:flex;flex-direction:column;gap:7px}
.atc-footer .atcf-tp-head{display:inline-flex;align-items:center;gap:7px}
.atc-footer .atcf-tp-name{font:800 16px 'Manrope',sans-serif;color:#fff !important}
.atc-footer .atcf-tp-row{display:inline-flex;align-items:center;gap:8px;font:600 12px 'Manrope',sans-serif;color:#cfd9e7 !important}
.atc-footer .atcf-tp-row b{color:#fff !important;font-weight:800}
.atc-footer .atcf-tp-stars{display:inline-flex;gap:2px}
.atc-footer .atcf-tp-star{background:#00b67a !important;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;color:#fff !important;font-size:11px}
.atc-footer .atcf-tp-star--half{background:linear-gradient(90deg,#00b67a 60%,#4a5a6d 60%) !important}

#page-container #et-boc .et-l .et_pb_row:has(#atc-footer) {
   padding: 0 !important; 
}
/* Badges paiement / transporteurs */
.atc-footer .atcf-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.atc-footer .atcf-badges:last-child{margin-bottom:0}
.atc-footer .atcf-badge{background:#fff !important;border:1px solid rgba(255,255,255,.25);border-radius:8px;width:50px;height:38px;display:flex;align-items:center;justify-content:center;padding:6px 3px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.atc-footer .atcf-badge--wide{width:90px;padding:6px 10px}
.atc-footer .atcf-badge img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}

/* Barre légale */
.atc-footer .atcf-legal-bar{border-top:1px solid rgba(255,255,255,.1)}
.atc-footer .atcf-legal{padding:16px 0;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font:400 12px 'Manrope',sans-serif;color:#8494ab !important}
.atc-footer .atcf-legal a{color:#8494ab !important}
.atc-footer .atcf-legal-links{display:flex;gap:18px;flex-wrap:wrap}

@media(max-width:600px){
  .atc-footer .atcf-wrap{width:calc(100% - 32px)}
  .atc-footer .atcf-grid{padding:32px 0}
  /* Colonne logo + baseline + Trustpilot : pleine largeur */
  .atc-footer .atcf-grid > div:first-child{grid-column:1 / -1}
  /* Paiement sécurisé + Livraison : colonne en pleine largeur,
     badges sur une seule rangée */
  .atc-footer .atcf-grid > div:last-child{grid-column:1 / -1}
  .atc-footer .atcf-badges{gap:10px}
}

/* ── Contexte Divi Theme Builder (shortcode dans un module Code/Texte) ── */
.et-db #et-boc .et-l .atc-footer a{text-decoration:none !important}
.et-db #et-boc .et-l .atc-footer p{padding-bottom:0 !important}
.atc-footer-section.et_pb_section{padding:0 !important}
.atc-footer-section .et_pb_row{max-width:100% !important;width:100% !important;padding:0 !important}
.atc-footer-section .et_pb_code, .atc-footer-section .et_pb_text{margin-bottom:0 !important}

@media (min-width: 1281px ) and (max-width: 1600px) {
 .atc-footer .atcf-badge {
       width: 40px;
    height: 30px;
 }
 .atc-footer .atcf-badge--wide {
   width: 70px;
   padding: 6px 5px;
 }
}