/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Masquer les icônes Apple / Google Play dans tout le site */

.app-stores,

a.app-store,

a.google-play {

    display: none !important;

}

/* Masquer les icônes de moyens de paiement */

.footer-payment,

.footer-payment img {

    display: none !important;

}

/* Masquer le copyright Prestashop */

footer a[href*="prestashop"] {

    display: none !important;

}
/* Couleur de texte globale en noir */

body,

p,

li,

h1, h2, h3, h4, h5, h6,

span {

  color: #000000 !important;

}

/* Liens en noir aussi (si tu veux) */

a {

  color: #000000 !important;

}
/* Cacher le compte à rebours + bouton dans le module bonpromotion */
#bonpromotion .bonpromotion-countdown,
#bonpromotion .btn-primary {
    display: none !important;
}

.allergy-page {
  margin: 40px auto 60px;
}

.allergy-header {
  text-align: center;
  margin-bottom: 32px;
}

.allergy-header h2 {
  font-size: 28px;
  margin-bottom: 10px;
  color: #0f172a;
  font-weight: 700;
}

.allergy-header p {
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.7;
}

.allergy-columns {
  margin-top: 8px;
}

.allergy-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  padding: 18px 16px;
  margin-bottom: 16px;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.allergy-card h3 {
  font-size: 16px;
  margin: 0 0 8px;
  color: #0f172a;
  font-weight: 600;
}

.allergy-card p {
  font-size: 13px;
  line-height: 1.7;
  margin: 0 0 8px;
  color: #4b5563;
}

.allergy-card ul {
  padding-left: 18px;
  margin: 0 0 8px;
}

.allergy-card li {
  font-size: 13px;
  line-height: 1.6;
  color: #4b5563;
}

.allergy-note {
  font-style: italic;
  font-size: 12px;
  color: #64748b;
}

/* Responsive */
@media (max-width: 767.98px) {
  .allergy-page {
    margin: 24px 0 40px;
  }

  .allergy-header h2 {
    font-size: 22px;
  }

  .allergy-card {
    border-radius: 14px;
    padding: 16px 14px;
  }
}/* === PAGE ALLERGIES (CMS ID 9) – STYLE PREMIUM === */

.page-cms-9 {
  background: #faf7f2;
}

.page-cms-9 .allergy-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 15px 60px;
}

/* supprime le fameux point isolé de structure */
.page-cms-9 > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Cartes */
.page-cms-9 .allergy-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 20px 20px 22px;
  margin-bottom: 18px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.06);
  border: 1px solid #f0ede8;
  position: relative;
  overflow: hidden;
}

/* Petit liseré coloré en haut de la carte */
.page-cms-9 .allergy-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #7bcf9f, #7bb9ff, #b688ff);
}

/* Titres */
.page-cms-9 .allergy-card h1,
.page-cms-9 .allergy-card h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 10px 0 12px;
}

/* Emoji titre un peu plus gros */
.page-cms-9 .allergy-card .emoji-title {
  font-size: 1.4rem;
  margin-right: 4px;
}

/* Texte */
.page-cms-9 .allergy-card p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 8px;
}

/* Listes */
.page-cms-9 .allergy-card ul {
  margin: 6px 0 10px 20px;
  padding-left: 0;
}

.page-cms-9 .allergy-card ul li {
  list-style-type: disc;
  margin-bottom: 4px;
}

/* Note en italique */
.page-cms-9 .allergy-note {
  font-style: italic;
  color: #666;
}

/* Carte finale un peu mise en avant */
.page-cms-9 .allergy-card.highlight {
  border-color: #c6e9d2;
  box-shadow: 0 18px 45px rgba(70, 140, 100, 0.18);
}

/* Responsive */
@media (max-width: 767px) {
  .page-cms-9 .allergy-page {
    padding: 25px 12px 40px;
  }

  .page-cms-9 .allergy-card {
    border-radius: 18px;
    padding: 18px 16px 20px;
  }
}/* Style spécial uniquement pour le premier bloc d'introduction */
.intro-card {
    max-width: 900px !important;
    margin: 0 auto 25px auto !important; /* centre + espace en bas */
    text-align: center; /* centre le texte */
}

.intro-card p {
    text-align: center !important;
}

.intro-card h3 {
    text-align: center !important;
}
/* Bloc d'intro centré, sans halo ni barre colorée */
.page-cms-9 .intro-card {
    max-width: 900px;
    margin: 0 auto 25px auto;
    text-align: center;

    /* on enlève l'ombre et la bordure spéciale */
    box-shadow: none !important;
    border: none !important;
}

/* On supprime la petite barre dégradée en haut du bloc d'intro */
.page-cms-9 .intro-card:before {
    content: none !important;
}

  position: relative;

  overflow: hidden;

  text-align: left;              /* texte

}