/* Styles du module notrefooter - thème sombre inspiré de la maquette */

.modern-footer {
  /* Fond sombre global comme la maquette */
  background: transparent;
  color: #d6d6d6;
  padding: 40px 0 24px;
  font-size: 14px;
}

.modern-footer a {
  color: #d6d6d6;
  text-decoration: none;
}

/* Le style du conteneur (fond, bordure, arrondi) est géré par le thème
   dans themes/sae/assets/css/custom.css pour faciliter la personnalisation. */

.modern-footer a:hover {
  color: #ffffff;
}

.modern-footer .footer-main {
  padding-bottom: 24px;
 
}

/* Bloc pays de livraison */
.modern-footer .footer-shipping-country .footer-title { color:#fff; font-weight:600; margin:0 0 8px; }
.modern-footer .country-line { display:flex; align-items:center; gap:10px; color:#bcbcbc; }
.modern-footer .country-dot { width:18px; height:12px; background:linear-gradient(90deg,#0055A4 0 33.33%,#ffffff 33.33% 66.66%,#EF4135 66.66% 100%); border-radius:2px; display:inline-block; box-shadow:0 0 0 1px rgba(0,0,0,0.2); }
.modern-footer .country-current { color:#e6e6e6; }
.modern-footer .country-change { color:#9ad1ff; }

/* Deux colonnes: contactez-nous + réseaux sociaux */
.modern-footer .footer-grid-2 { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:24px; margin-top:16px; }
.modern-footer .footer-block .footer-title { color:#fff; font-weight:600; margin-bottom:6px; }
.modern-footer .muted { color:#9a9a9a; margin:0 0 10px; }
.modern-footer .btn-outline { display:inline-flex; align-items:center; gap:10px; border:1px solid #2b2b2b; padding:10px 14px; border-radius:24px; text-transform:uppercase; font-size:12px; letter-spacing:.02em; background:transparent; color:#e8e8e8; }
.modern-footer .btn-outline:hover { border-color:#3a3a3a; background:#1e1e1e; }
.modern-footer .social-squares { display:flex; gap:8px; }
.modern-footer .social-squares .square { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #2b2b2b; border-radius:4px; background:#1a1a1a; color:#ffffff; }
.modern-footer .social-squares .square:hover { background:#222; }

.modern-footer .footer-column {
  margin-bottom: 20px;
}

.modern-footer .footer-column-title,
.modern-footer .footer-title {
  color: #ffffff;
  font-size: 18px;
  margin: 0 0 12px;
  font-weight: 600;
}

.modern-footer .footer-info-text {
  margin: 0 0 6px;
  line-height: 1.6;
}

.modern-footer .footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.modern-footer .footer-links li {
  margin: 8px 0;
}

.modern-footer .footer-link {
  display: inline-block;
  position: relative;
}

.modern-footer .footer-link:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: width 0.2s ease;
}

.modern-footer .footer-link:hover:after {
  width: 100%;
}

.modern-footer .footer-social {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.modern-footer .social-link {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #1e1e1e;
  padding: 10px 12px;
  border-radius: 6px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.modern-footer .social-link i {
  width: 18px;
  text-align: center;
}

.modern-footer .social-link:hover {
  background: #262626;
  transform: translateY(-1px);
}

/* Partenaires liste multi-colonnes avec séparateurs soulignés */
.modern-footer .partners-list { list-style:none; padding:0; margin:0; }
.modern-footer .partners-list li { margin:6px 0; }
.modern-footer .partners-list a { margin-right:10px; border-bottom:1px solid rgba(255,255,255,0.25); padding-bottom:2px; }

/* Colonne droite: message eco + logo */
.modern-footer .right-column { display:flex; flex-direction:column; align-items:flex-end; gap:16px; }
.modern-footer .eco-text { color:#9a9a9a; font-size:12px; line-height:1.5; text-align:right; }
.modern-footer .eco-text .hashtag { color:#bdbdbd; }
.modern-footer .brand-wordmark { color:#ffffff; font-size:28px; letter-spacing:0.48em; text-align:right; }

.modern-footer .footer-copyright {
  padding-top: 18px;
}

.modern-footer .copyright-text,
.modern-footer .prestashop-link {
  color: #8e8e8e;
}

.modern-footer .prestashop-link:hover {
  color: #ffffff;
}

/* Bande légale en bas */
.modern-footer .legal-row { display:flex; flex-wrap:wrap; gap:12px 16px; padding-top:18px; font-size:12px; color:#a7a7a7; }
.modern-footer .legal-row a { color:#a7a7a7; }
.modern-footer .legal-row a:hover { color:#ffffff; }

/* Utilitaires de grille si le thème ne fournit pas bootstrap */
@media (max-width: 767.98px) {
  .modern-footer .text-right { text-align: left; }
  .modern-footer .footer-social { grid-template-columns: repeat(2, 1fr); }
  .modern-footer .footer-grid-2 { grid-template-columns: 1fr; }
  .modern-footer .right-column { align-items:flex-start; }
  .modern-footer .brand-wordmark { text-align:left; }
}