.storefront {
            font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
        }
        
        :root {
            /* Theme defaults */
            --font-size-base: 16px;
            --text-color-primary: #0f172a;
            --text-color-secondary: #4b5563;
            --text-color-tertiary: #6b7280;
            --page-default-spacing: 24px;

            /* Website palette */
            --theme-color-50: #ffafff4d;
--theme-color-100: #ffa3f280;
--theme-color-200: #ff89d9b3;
--theme-color-300: #f770bf;
--theme-color-400: #dc57a7;
--theme-color-500: #c13d8f;
--theme-color-600: #a71f78;
--theme-color-700: #8d0062;
--theme-color-800: #74004c;
--theme-color-900: #5b0037;
        }
        
/* Custom CSS */
/* ========================================================= */
/* FOOTER COLIPAIN - VERSION PROPRE ET STABLE */
/* Fond : #A2185B / RGB(162, 24, 91) */
/* Objectif : titres + boutons sociaux en gras uniquement */
/* ========================================================= */


/* --------------------------------------------------------- */
/* 1. Fond général du footer */
/* --------------------------------------------------------- */

footer,
.site-footer,
.footer {
  background-color: #A2185B !important;
  color: #FFFFFF !important;
  padding-top: 56px !important;
  font-size: 16px !important;
}


/* --------------------------------------------------------- */
/* 2. Couleur générale */
/* --------------------------------------------------------- */

footer *,
.site-footer *,
.footer * {
  color: #FFFFFF !important;
  box-sizing: border-box;
}


/* --------------------------------------------------------- */
/* 3. Textes courants : poids normal */
/* --------------------------------------------------------- */

footer p,
footer span,
footer li,
footer a,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer a,
.footer p,
.footer span,
.footer li,
.footer a {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------------- */
/* 4. Titres de colonnes : gras uniquement ici */
/* --------------------------------------------------------- */

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
footer .title,
footer .footer-title,
footer .widget-title,
.site-footer .title,
.site-footer .footer-title,
.site-footer .widget-title,
.footer .title,
.footer .footer-title,
.footer .widget-title {
  color: #FFFFFF !important;
  font-weight: 850 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  letter-spacing: 0.015em !important;
  margin-bottom: 18px !important;
}


/* --------------------------------------------------------- */
/* 5. Cas Stageo : certains titres semblent être en <strong> */
/* --------------------------------------------------------- */

footer strong,
.site-footer strong,
.footer strong {
  color: #FFFFFF !important;
  font-weight: 850 !important;
}


/* Mais les éléments en gras à l'intérieur des listes restent normaux */
footer li strong,
.site-footer li strong,
.footer li strong {
  font-weight: 400 !important;
}


/* --------------------------------------------------------- */
/* 6. Liens classiques : normal, pas gras */
/* --------------------------------------------------------- */

footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]),
.site-footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]),
.footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]) {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* Liens classiques au survol */
footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]):hover,
.site-footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]):hover,
.footer a:not([href*="facebook"]):not([href*="Facebook"]):not([href*="instagram"]):not([href*="Instagram"]):hover {
  color: #FFFFFF !important;
  opacity: 0.9 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------------- */
/* 7. Logo dans le footer */
/* --------------------------------------------------------- */

footer img,
.site-footer img,
.footer img {
  max-width: 125px !important;
  height: auto !important;
  margin-top: 18px !important;
  filter: brightness(0) invert(1) !important;
  opacity: 0.96 !important;
}


/* Si le logo est trop petit, remplace 125px par 145px ci-dessus */


/* --------------------------------------------------------- */
/* 8. Boutons Facebook / Instagram */
/* --------------------------------------------------------- */

footer a[href*="facebook"],
footer a[href*="Facebook"],
footer a[href*="instagram"],
footer a[href*="Instagram"],
.site-footer a[href*="facebook"],
.site-footer a[href*="Facebook"],
.site-footer a[href*="instagram"],
.site-footer a[href*="Instagram"],
.footer a[href*="facebook"],
.footer a[href*="Facebook"],
.footer a[href*="instagram"],
.footer a[href*="Instagram"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  min-width: 150px !important;
  padding: 0 22px !important;
  margin: 8px 10px 8px 0 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-weight: 750 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}


/* Boutons Facebook / Instagram au survol */
footer a[href*="facebook"]:hover,
footer a[href*="Facebook"]:hover,
footer a[href*="instagram"]:hover,
footer a[href*="Instagram"]:hover,
.site-footer a[href*="facebook"]:hover,
.site-footer a[href*="Facebook"]:hover,
.site-footer a[href*="instagram"]:hover,
.site-footer a[href*="Instagram"]:hover,
.footer a[href*="facebook"]:hover,
.footer a[href*="Facebook"]:hover,
.footer a[href*="instagram"]:hover,
.footer a[href*="Instagram"]:hover {
  background-color: #FFFFFF !important;
  color: #A2185B !important;
  border-color: #FFFFFF !important;
  opacity: 1 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------------- */
/* 9. Ligne séparatrice */
/* --------------------------------------------------------- */

footer hr,
.site-footer hr,
.footer hr {
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.48) !important;
  margin: 48px 0 28px !important;
}


/* --------------------------------------------------------- */
/* 10. Bas du footer */
/* --------------------------------------------------------- */

footer .copyright,
.site-footer .copyright,
.footer .copyright {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 400 !important;
}


/* Liens du bas : normal, pas gras */
footer .copyright a,
.site-footer .copyright a,
.footer .copyright a {
  font-weight: 400 !important;
}


/* --------------------------------------------------------- */
/* 11. Responsive mobile */
/* --------------------------------------------------------- */

@media (max-width: 768px) {
  footer,
  .site-footer,
  .footer {
    padding: 42px 24px 30px !important;
    text-align: left !important;
    font-size: 15px !important;
  }

  footer h1,
  footer h2,
  footer h3,
  footer h4,
  footer h5,
  footer .title,
  footer .footer-title,
  footer .widget-title,
  .site-footer h1,
  .site-footer h2,
  .site-footer h3,
  .site-footer h4,
  .site-footer h5,
  .site-footer .title,
  .site-footer .footer-title,
  .site-footer .widget-title,
  .footer h1,
  .footer h2,
  .footer h3,
  .footer h4,
  .footer h5,
  .footer .title,
  .footer .footer-title,
  .footer .widget-title {
    font-size: 17px !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
  }

  footer p,
  footer li,
  footer a,
  .site-footer p,
  .site-footer li,
  .site-footer a,
  .footer p,
  .footer li,
  .footer a {
    font-size: 15px !important;
  }

  footer img,
  .site-footer img,
  .footer img {
    max-width: 130px !important;
    margin-top: 16px !important;
  }

  footer a[href*="facebook"],
  footer a[href*="Facebook"],
  footer a[href*="instagram"],
  footer a[href*="Instagram"],
  .site-footer a[href*="facebook"],
  .site-footer a[href*="Facebook"],
  .site-footer a[href*="instagram"],
  .site-footer a[href*="Instagram"],
  .footer a[href*="facebook"],
  .footer a[href*="Facebook"],
  .footer a[href*="instagram"],
  .footer a[href*="Instagram"] {
    min-height: 44px !important;
    min-width: 145px !important;
    padding: 0 20px !important;
    margin: 8px 8px 8px 0 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
  }

  footer hr,
  .site-footer hr,
  .footer hr {
    margin: 36px 0 24px !important;
  }
}