/* Colibri Spirit — thème de Noël (chargé uniquement pendant la période, désactivé à la fermeture de la popup) */

/* ---------- Guirlande sous le menu (active seulement avec html.noel) ---------- */
html.noel header{position:sticky;}
html.noel header::after{
  content:''; position:absolute; left:0; right:0; bottom:-9px; height:9px; pointer-events:none;
  background:
    radial-gradient(circle at 8px 5px, #C97C5D 2.6px, transparent 3.2px),
    radial-gradient(circle at 22px 5px, #8FA37E 2.6px, transparent 3.2px),
    radial-gradient(circle at 36px 5px, #B08858 2.6px, transparent 3.2px);
  background-size:42px 9px; background-repeat:repeat-x;
  opacity:.85;
}
html.noel header::before{
  content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(176,136,88,.55), transparent);
}

/* Accents doux : bouton de menu un peu plus chaud, titres inchangés pour rester lisible */
html.noel .nav-cta{box-shadow:0 6px 16px -8px rgba(178,105,76,.7);}

/* ---------- Neige (canvas) ---------- */
#noel-snow{
  position:fixed; inset:0; width:100%; height:100%;
  pointer-events:none; z-index:90; opacity:0; transition:opacity .8s ease;
}
html.noel #noel-snow{opacity:1;}

/* ---------- Popup : petite carte en bas, sans voile ni blocage ---------- */
.noel-pop{
  position:fixed; z-index:200; right:20px; bottom:20px;
  width:min(340px, calc(100vw - 32px));
  background:#fff; color:#3A322C; font-family:'Jost',sans-serif;
  border-radius:18px; padding:22px 22px 18px;
  border:1px solid rgba(58,50,44,.08);
  box-shadow:0 24px 50px -22px rgba(58,50,44,.45);
  transform:translateY(24px); opacity:0; transition:transform .5s cubic-bezier(.2,.8,.2,1), opacity .5s ease;
}
.noel-pop.show{transform:none; opacity:1;}
.noel-pop::before{ /* liseré guirlande */
  content:''; position:absolute; top:0; left:18px; right:18px; height:4px; border-radius:0 0 4px 4px;
  background:repeating-linear-gradient(90deg,#C97C5D 0 14px,#8FA37E 14px 28px,#B08858 28px 42px);
}
.noel-pop-eyebrow{font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:#B08858; margin:4px 0 6px;}
.noel-pop h2{font-family:'Fraunces',serif; font-weight:500; font-size:21px; line-height:1.25; margin:0 0 8px; color:#3A322C;}
.noel-pop p{font-size:14px; line-height:1.55; color:#6b6259; margin:0 0 14px;}
.noel-pop-actions{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.noel-pop-cta{
  display:inline-block; background:#C97C5D; color:#fff; text-decoration:none; font-size:14px; font-weight:500;
  padding:10px 20px; border-radius:30px; transition:background .25s ease;
}
.noel-pop-cta:hover{background:#B2694C;}
.noel-pop-later{background:none; border:none; padding:6px 0; font:inherit; font-size:13px; color:#6b6259; cursor:pointer; text-decoration:underline; text-underline-offset:3px;}
.noel-pop-x{
  position:absolute; top:8px; right:8px; width:32px; height:32px; border:none; background:none; cursor:pointer;
  font-size:20px; line-height:1; color:#6b6259; border-radius:50%;
}
.noel-pop-x:hover{background:#F5F1EA;}
.noel-pop :focus-visible{outline:2px solid #B2694C; outline-offset:2px;}

/* Pastille « arrêter l'ambiance » (pages où la popup n'est pas affichée) */
.noel-chip{
  position:fixed; z-index:200; left:16px; bottom:16px; background:#fff; color:#6b6259;
  border:1px solid rgba(58,50,44,.12); border-radius:30px; padding:8px 14px; font:13px 'Jost',sans-serif; cursor:pointer;
  box-shadow:0 10px 24px -14px rgba(58,50,44,.4);
}
.noel-chip:hover{color:#B2694C;}

@media (max-width:600px){
  .noel-pop{right:12px; left:12px; bottom:12px; width:auto; padding:18px 18px 14px;}
  .noel-pop h2{font-size:18px;}
  .noel-pop p{font-size:13.5px; margin-bottom:12px;}
}
@media (prefers-reduced-motion:reduce){
  .noel-pop{transition:opacity .2s ease; transform:none;}
  #noel-snow{display:none;}
}