/*
 * MAISON DE L'EUROPE — FOOTER, HABILLAGE UNIQUEMENT
 * Theme enfant mdeclassic020 (parent : classic) — proposition 03/11/2026
 *
 * Portee : pied de page #footer uniquement, toutes les langues.
 * Aucun texte, lien, bloc reassurance ou gabarit n'est modifie.
 * Le bandeau newsletter, situe hors de #footer, est exclu.
 *
 * En absence de laboratoire disponible : installation reversible
 * uniquement apres sauvegarde et accord de Dany, puis controle immediat.
 */

/* 1. Bleu MDE : toute la zone, y compris le padding-top natif de #footer.
   On conserve la hauteur existante de cet espace au-dessus des colonnes. */
#footer,
#footer > .container,
#footer > .footer-container,
#footer .footer-container > .container {
  background-color: #1B537E !important;
}

/* 2. Navigation : fond fonce, libelles et coordonnees blancs. */
#footer .footer-container > .container > .row:first-child {
  position: relative;
  isolation: isolate;
  background-color: #1B537E !important;
  color: #FFFFFF !important;
  padding-top: 1.25rem;
  padding-bottom: 2.25rem;
}

#footer .footer-container > .container > .row:first-child a,
#footer .footer-container > .container > .row:first-child p,
#footer .footer-container > .container > .row:first-child span,
#footer .footer-container > .container > .row:first-child li,
#footer .footer-container > .container > .row:first-child address,
#footer .footer-container > .container > .row:first-child .block-contact {
  color: #FFFFFF !important;
}

/* 3. Titres des colonnes : jaune MDE. Le titre 'Votre compte'
   est un lien cliquable, contrairement a la plupart des autres titres. */
#footer .footer-container > .container > .row:first-child h2,
#footer .footer-container > .container > .row:first-child h3,
#footer .footer-container > .container > .row:first-child h4,
#footer .footer-container > .container > .row:first-child .h3,
#footer .footer-container > .container > .row:first-child .h4,
#footer .footer-container > .container > .row:first-child .title,
#footer .footer-container > .container > .row:first-child .block-contact-title,
#footer .footer-container > .container > .row:first-child .myaccount-title,
#footer .footer-container > .container > .row:first-child .myaccount-title a,
#footer #block_myaccount_infos p.h3.myaccount-title > a.text-uppercase {
  color: #FFD25F !important;
}

/* Particularite Edge/Chrome : ne pas laisser un remplissage
   specifique du lien de compte imposer le blanc. */
#footer #block_myaccount_infos p.h3.myaccount-title > a.text-uppercase {
  -webkit-text-fill-color: #FFD25F !important;
}

#footer .footer-container > .container > .row:first-child a:hover,
#footer .footer-container > .container > .row:first-child a:focus-visible {
  color: #FFD25F !important;
}

/* 4. Bloc reassurance ET copyright : fond bleu tres pale.
   Chaque ligne garde son propre contenu. Le pseudo-element
   peint le fond jusque sur toute la largeur du footer, sans
   elargir les colonnes Bootstrap ni modifier leur geometrie. */
#footer .footer-container > .container > .row:nth-child(2),
#footer .footer-container > .container > .row:nth-child(3) {
  position: relative;
  isolation: isolate;
  background-color: #E5EFEF !important;
}

#footer .footer-container > .container > .row:nth-child(2)::before,
#footer .footer-container > .container > .row:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-color: #E5EFEF;
  z-index: -1;
  pointer-events: none;
}

/* Ne pas changer les textes ou pictogrammes des reassurance :
   le module PrestaShop conserve ses couleurs et ses libelles. */

/* 5. Copyright en bleu MDE sur fond clair. */
#footer .footer-container > .container > .row:nth-child(3),
#footer .footer-container > .container > .row:nth-child(3) p,
#footer .footer-container > .container > .row:nth-child(3) a {
  color: #1B537E !important;
}

/* 6. Menus repliables : limiter les marges sur petit ecran. */
@media (max-width: 767px) {
  #footer .footer-container > .container > .row:first-child {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}