/* Miamza Noël 2026 — habillage purement visuel, version 1.4.2 (sans bonnet).
 * Pas de changement de contenu, de panier ou de formulaires WooCommerce.
 * Les décorations n'interceptent jamais le pointeur.
 */
body.miamza-noel {
  --mn-or: #e4b461;
  --mn-sapin: #1b5348;
  --mn-rouge: #ad1d24;
}

/* Bandeau dans le flux de la page : ne recouvre plus le logo ni le menu.
 * Cette barre indépendante fonctionne même si Kadence change son en-tête.
 */
body.miamza-noel::before {
  content: "";
  display: block;
  position: relative;
  height: 32px;
  width: 100%;
  background: url("guirlande.webp") center top / auto 43px repeat-x;
  pointer-events: none;
  z-index: 1;
}

/* Hero : remplacer l'ancien visuel décoratif sans modifier le HTML de la page. */
body.miamza-noel .miamza-home .miamza-hero {
  position: relative;
  isolation: isolate;
  background: linear-gradient(120deg,#0c263b 0%,#10384e 76%,#143e48 100%) !important;
  box-shadow: 0 13px 35px rgba(9,39,51,.14);
  border: 1px solid rgba(229,183,102,.38);
}
body.miamza-noel .miamza-home .miamza-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  height: 100%;
  width: 42%;
  border: 0 !important;
  border-radius: 0 !important;  /* corrige le cadrage en disque de Kadence/CSS existant */
  clip-path: none !important;
  background-image: linear-gradient(90deg, #102d40 0%, rgba(16,45,64,.22) 22%, transparent 45%), url("noel-lanterne.webp");
  background-size: 100% 100%, cover;
  background-position: center, right center;
  background-repeat: no-repeat;
  z-index: 0;
  pointer-events: none;
}
body.miamza-noel .miamza-home .miamza-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("flocons.svg") left top / 420px 180px repeat;
  opacity: .36; /* neige discrète, lisibilité d'abord */
  border-radius: inherit;
  z-index: 1;
  pointer-events: none;
}
body.miamza-noel .miamza-home .miamza-hero > * {
  position: relative;
  z-index: 2;
}
body.miamza-noel .miamza-home .miamza-hero h1 {
  max-width: 72%;
  text-shadow: 0 1px 7px rgba(0,0,0,.24);
}

body.miamza-noel .miamza-home .miamza-info > div {
  border-color: #e8c995;
  background: linear-gradient(130deg,#fffaf4,#fcf2e5);
  box-shadow: 0 3px 14px rgba(103,64,24,.055);
}
body.miamza-noel .miamza-home .miamza-info strong {
  color: #b32a1e;
}
body.miamza-noel .miamza-home .miamza-intro h2::before {
  content: "✵";
  color: #b32a1e;
  margin-right: .35em;
  font-size: .72em;
  vertical-align: .07em;
}
/* Seule l'annonce existante reçoit un décor : aucun texte n'est remplacé. */
body.miamza-noel .miamza-home .miamza-intro > p {
  position: relative;
  color: #fff !important;
  background: linear-gradient(105deg, #a21921, #c7272b);
  border: 1px solid rgba(130,24,24,.3);
  border-radius: 9px;
  padding: 11px 15px 11px 43px;
  margin: 0;
  box-shadow: 0 3px 12px rgba(96,15,19,.12);
}
body.miamza-noel .miamza-home .miamza-intro > p strong { color: #fff !important; }
body.miamza-noel .miamza-home .miamza-intro > p::before {
  content: "✵";
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #fff;
  pointer-events: none;
}
body.miamza-noel .miamza-home .miamza-card {
  border-color: #e9c69a;
  box-shadow: 0 4px 13px rgba(38,47,57,.06);
}
body.miamza-noel .miamza-home .miamza-date { position: relative; }
body.miamza-noel .miamza-home .miamza-date::after {
  content: "✵";
  position: absolute;
  font-size: 12px;
  line-height: 1;
  bottom: 4px;
  left: calc(50% - 6px);
  color: #f2fbff;
  opacity: .8;
  pointer-events: none;
}
body.miamza-noel .miamza-home .miamza-closed {
  position: relative;
  overflow: hidden;
}
body.miamza-noel .miamza-home .miamza-closed::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 64%;
  height: 55%;
  background: url("collines.svg") right bottom / 100% 100% no-repeat;
  opacity: .8;
  pointer-events: none;
}
body.miamza-noel .miamza-home .miamza-closed .miamza-copy {
  position: relative;
  z-index: 1;
}
@media (max-width: 782px) {
  body.miamza-noel::before { height: 22px; background-size: auto 30px; }
  body.miamza-noel .miamza-home .miamza-hero::after {
    width: 57%;
    opacity: .26;
  }
  body.miamza-noel .miamza-home .miamza-hero h1 { max-width: 100%; }
  body.miamza-noel .miamza-home .miamza-closed::after { opacity: .42; }
  body.miamza-noel .miamza-home .miamza-intro > p { padding: 10px 12px 10px 39px; }
}
@media (max-width: 480px) {
  body.miamza-noel::before { height: 17px; background-size: auto 25px; }
  body.miamza-noel .miamza-home .miamza-hero::after { width: 70%; opacity: .14; }
  body.miamza-noel .miamza-home .miamza-date::after { display: none; }
}
/* Aucun JS, aucune animation, aucun style appliqué aux formulaires WooCommerce. */
