/* Pop-up « Les préventes sont ouvertes » + bloc d'accueil La Licorne d'Alma · REGA */
.pv-voile{ position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:16px; background:rgba(13,31,56,.5);
  opacity:0; transition:opacity .35s ease; }
.pv-voile.on{ opacity:1; }
.pv-voile[hidden]{ display:none; }
.pv-boite{ position:relative; width:min(430px,100%); max-height:calc(100dvh - 32px); overflow:auto; background:#F8F1E7; border-radius:1.6rem; text-align:center;
  box-shadow:0 40px 90px -40px rgba(13,31,56,.9); transform:translateY(30px) scale(.92); opacity:0;
  transition:transform .6s cubic-bezier(.34,1.56,.64,1), opacity .35s ease; }
.pv-voile.on .pv-boite{ transform:none; opacity:1; }
.pv-fermer{ position:absolute; top:10px; right:10px; z-index:5; width:44px; height:44px; display:grid; place-items:center; border-radius:50%;
  color:#F8F1E7; background:rgba(248,241,231,.12); border:0; cursor:pointer; transition:background .2s; }
.pv-fermer:hover{ background:rgba(248,241,231,.25); }
.pv-fermer:focus-visible{ outline:2px solid #D94343; outline-offset:2px; }

/* Scène : bandeau marine + confettis tricolores */
.pv-scene{ position:relative; height:200px; overflow:hidden; border-radius:1.6rem 1.6rem 0 0;
  background:radial-gradient(120% 90% at 50% 110%, #1E3D66 0%, #132B4C 60%, #0D1F38 100%); }
.pv-scene::before{ content:""; position:absolute; left:50%; bottom:-120px; width:420px; height:240px; margin-left:-210px; border-radius:50%; z-index:1;
  background:radial-gradient(closest-side, #F8F1E7 0%, #F8F1E7 62%, rgba(248,241,231,0) 100%); }
.pv-heroine{ position:absolute; left:50%; bottom:10px; width:150px; height:auto; margin-left:-75px; z-index:3;
  filter:drop-shadow(0 6px 8px rgba(13,31,56,.25)); transform:translateY(120%); }
.pv-voile.on .pv-heroine{ animation:pv-saut 1s cubic-bezier(.34,1.56,.64,1) .25s forwards, pv-dandine 3.2s ease-in-out 1.4s infinite; }
@keyframes pv-saut{ 0%{transform:translateY(120%)} 60%{transform:translateY(-10px)} 100%{transform:none} }
@keyframes pv-dandine{ 0%,100%{transform:rotate(0)} 25%{transform:rotate(-4deg) translateY(-3px)} 75%{transform:rotate(4deg) translateY(-3px)} }
.pv-vet{ position:absolute; bottom:4px; width:118px; aspect-ratio:1; z-index:2; opacity:0; filter:drop-shadow(0 6px 10px rgba(13,31,56,.3)); }
.pv-vet img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.pv-vet img.pv-motif{ inset:auto; height:auto; filter:drop-shadow(0 .5px 0 rgba(0,0,0,.3)) drop-shadow(0 0 .5px rgba(0,0,0,.2)); }
.pv-vet-g{ left:7%; transform:translateX(-40px) rotate(-16deg); }
.pv-vet-d{ right:7%; transform:translateX(40px) rotate(16deg); }
.pv-voile.on .pv-vet{ opacity:1; transition:transform .8s cubic-bezier(.34,1.56,.64,1) .5s, opacity .4s ease .5s; }
.pv-voile.on .pv-vet-g{ transform:rotate(-10deg); }
.pv-voile.on .pv-vet-d{ transform:rotate(10deg); }
.pv-compte{ position:absolute; top:12px; left:12px; z-index:4; display:flex; flex-direction:column; align-items:center; padding:.3rem .5rem .28rem;
  background:#D94343; color:#fff; border-radius:.5rem; transform:rotate(-6deg); box-shadow:0 8px 18px -8px rgba(0,0,0,.6); }
.pv-compte b{ font-family:"Cormorant Garamond",serif; font-size:19px; line-height:1; font-weight:700; }
.pv-compte small{ font-size:11px; letter-spacing:.02em; text-transform:uppercase; font-weight:600; margin-top:2px; }
.pv-voile.on .pv-compte{ animation:pv-tampon .5s cubic-bezier(.34,1.56,.64,1) .9s both; }
@keyframes pv-tampon{ 0%{transform:scale(2.2) rotate(-14deg); opacity:0} 100%{transform:rotate(-6deg); opacity:1} }
.pv-confettis i{ position:absolute; top:-14px; width:7px; height:12px; border-radius:2px; opacity:0; z-index:1; }
.pv-confettis i:nth-child(3n+1){ background:#D94343; }
.pv-confettis i:nth-child(3n+2){ background:#F8F1E7; }
.pv-confettis i:nth-child(3n){ background:#5B8BD0; }
.pv-confettis i:nth-child(even){ width:9px; height:9px; border-radius:50%; }
.pv-voile.on .pv-confettis i{ animation:pv-pluie 2.6s linear infinite; }
.pv-confettis i:nth-child(1){left:6%; animation-delay:.1s!important}  .pv-confettis i:nth-child(2){left:15%;animation-delay:1.3s!important}
.pv-confettis i:nth-child(3){left:24%;animation-delay:.6s!important}  .pv-confettis i:nth-child(4){left:33%;animation-delay:1.9s!important}
.pv-confettis i:nth-child(5){left:42%;animation-delay:.3s!important}  .pv-confettis i:nth-child(6){left:51%;animation-delay:1.1s!important}
.pv-confettis i:nth-child(7){left:60%;animation-delay:2.2s!important} .pv-confettis i:nth-child(8){left:69%;animation-delay:.8s!important}
.pv-confettis i:nth-child(9){left:78%;animation-delay:1.6s!important} .pv-confettis i:nth-child(10){left:87%;animation-delay:.4s!important}
.pv-confettis i:nth-child(11){left:94%;animation-delay:2s!important}  .pv-confettis i:nth-child(12){left:46%;animation-delay:1.5s!important}
@keyframes pv-pluie{ 0%{transform:translateY(0) rotate(0); opacity:0} 10%{opacity:1} 100%{transform:translateY(230px) rotate(540deg); opacity:0} }

/* Corps */
.pv-corps{ position:relative; padding:1.3rem 1.8rem 1.4rem; }
.pv-corps::before{ content:""; position:absolute; inset:0 7px 7px; border:1px dashed rgba(19,43,76,.22); border-top:0; border-radius:0 0 1.15rem 1.15rem; pointer-events:none; }
.pv-kicker{ display:inline-flex; align-items:center; gap:.6rem; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:rgba(19,43,76,.6); font-weight:600; }
.pv-kicker::before{ content:""; width:8px; height:8px; background:#D94343; }
.pv-titre{ font-family:"Cormorant Garamond",serif; font-size:2.5rem; line-height:1; color:#132B4C; margin-top:.45rem; font-weight:600; }
.pv-titre em{ color:#D94343; display:inline-block; }
.pv-voile.on .pv-titre em{ animation:pv-pop .6s cubic-bezier(.34,1.56,.64,1) 1.1s both; }
@keyframes pv-pop{ 0%{transform:scale(.4) rotate(-8deg); opacity:0} 100%{transform:none; opacity:1} }
.pv-txt{ margin-top:.75rem; font-size:14px; line-height:1.6; color:rgba(19,43,76,.75); }
.pv-txt strong{ color:#132B4C; }
.pv-promo{ display:inline-flex; white-space:nowrap; align-items:center; gap:.6rem; margin-top:.9rem; padding:.4rem .9rem .4rem .45rem; border:1.5px dashed #D94343; border-radius:999px;
  font-family:"Cormorant Garamond",serif; font-size:1.25rem; font-weight:700; color:#D94343; line-height:1; }
.pv-promo span{ font-family:inherit; font-size:11px; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:#fff; background:#D94343; border-radius:999px; padding:.4rem .6rem; font-family:system-ui,sans-serif; }
.pv-boite .btn{ margin-top:1.1rem; width:100%; justify-content:center; }
.pv-cta{ animation:pv-pouls 2.4s ease-in-out 2.2s infinite; }
@keyframes pv-pouls{ 0%,100%{box-shadow:0 0 0 0 rgba(217,67,67,.45)} 50%{box-shadow:0 0 0 9px rgba(217,67,67,0)} }
.pv-plus-tard{ margin-top:.4rem; background:none; border:0; font-size:12.5px; color:rgba(19,43,76,.55); text-decoration:underline; cursor:pointer; padding:10px; }
@media (max-width:400px){ .pv-scene{ height:170px } .pv-scene::before{ width:340px; margin-left:-170px; bottom:-110px } .pv-promo{ font-size:1.05rem; gap:.45rem } .pv-promo span{ font-size:11px; letter-spacing:.04em } .pv-compte small{ max-width:6.6em; line-height:1.15; text-align:center } .pv-heroine{ width:125px; margin-left:-62px } .pv-vet{ width:92px } .pv-titre{ font-size:1.8rem } .pv-corps{ padding:1.1rem 1.2rem 1.2rem } .pv-kicker{ letter-spacing:.14em; gap:.45rem } .pv-cta{ letter-spacing:.08em; font-size:12px; padding-left:.6rem; padding-right:.6rem; white-space:nowrap } }

.pv-rangee{ display:flex; justify-content:center; gap:.2rem; margin-top:1.8rem; }
.pv-rangee img{ width:clamp(48px,10vw,92px); height:auto; filter:drop-shadow(1.5px 0 0 #F8F1E7) drop-shadow(-1.5px 0 0 #F8F1E7) drop-shadow(0 1.5px 0 #F8F1E7) drop-shadow(0 -1.5px 0 #F8F1E7) drop-shadow(0 8px 14px rgba(0,0,0,.25)); }
.pv-rangee img:nth-child(even){ transform:translateY(8px); }
@media (max-width:480px){ .pv-rangee img:nth-child(n+5){ display:none; } }
@media (prefers-reduced-motion:reduce){ .pv-voile,.pv-boite,.pv-vet{ transition:none!important; } .pv-voile *{ animation:none!important; } .pv-heroine{ transform:none; } .pv-confettis{ display:none; } }

/* Menu à 6 entrées (ajout de « La Licorne d'Alma ») : jamais de retour à la ligne */
#header nav ul a{ white-space:nowrap; }
@media (min-width:1024px){ #header nav > div:last-child > *{ flex-shrink:0; white-space:nowrap; } }
@media (min-width:1024px){ #header nav ul{ gap:.9rem; } }
@media (min-width:1280px){ #header nav ul{ gap:1.2rem; }
  /* Téléphone en pastille ronde (le numéro complet reste dans la page, le pied et le menu mobile) */
  #header nav a[href^="tel:"]{ font-size:0; gap:0; width:40px; height:40px; justify-content:center; border-radius:50%; box-shadow:inset 0 0 0 1px rgba(19,43,76,.22); }
  #header nav a[href^="tel:"]:hover{ box-shadow:inset 0 0 0 1px currentColor; } }
/* 1024-1279 : « Nous rendre visite » mène à la même page que « Contact » du menu, on le retire */
@media (min-width:1024px) and (max-width:1279px){ #header nav .btn{ display:none !important; } }
/* 1280-1439 : le logo dessiné porte déjà le nom, on retire le nom écrit à côté */
@media (min-width:1280px) and (max-width:1439px){ #header nav > a:first-child > span{ display:none !important; } }
