/* ==========================================================================
   Pied de page (parts/footer.html) : appel final sur ciel de nuit, inscription
   aux conseils sommeil, colonnes de liens, nom géant de la marque.
   ========================================================================== */
/* le pied descend jusqu'au bas de l'écran, et le fond de la page (html, base.css) est de la même nuit :
   au rebond du bas de page (iPhone, pavé tactile), rien de rose ne surgit sous le pied */
.pied{position:relative;margin:120px 12px 0;border-radius:36px 36px 0 0;overflow:hidden;isolation:isolate;background:var(--nuit);color:var(--sur-nuit)}
.pied::before{content:"";position:absolute;inset:0 0 auto;height:600px;z-index:-1;background:url(../img/ciel-nuit.jpg) center 60%/cover no-repeat}
.pied::after{content:"";position:absolute;inset:0 0 auto;height:600px;z-index:-1;
  background:linear-gradient(180deg,color-mix(in srgb,var(--nuit) 10%,transparent) 0%,color-mix(in srgb,var(--nuit) 55%,transparent) 55%,var(--nuit) 100%)}
@media (hover:hover){.pied a:where(:not(.wp-block-button__link):not(.wp-element-button)):hover{color:var(--sur-nuit)}}

/* appel final */
.pied-appel{min-height:500px;padding:120px var(--gouttiere) 80px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px}
.pied-appel-titre{font-size:clamp(35px,5vw,75px);line-height:.98;color:var(--sur-nuit)}

/* inscription aux conseils sommeil (interface.js) */
.infolettre{display:grid;grid-template-columns:1fr 1.1fr;gap:28px 48px;align-items:center;margin-top:8px;margin-bottom:56px;padding:34px 40px;border-radius:28px;box-sizing:border-box;
  background:linear-gradient(120deg,color-mix(in srgb,var(--nuit-2) 85%,var(--lilas)),var(--nuit-2));border:1px solid var(--trait-nuit);color:var(--sur-nuit)}
.infolettre__titre{margin:0 0 8px;font:400 clamp(26px,2.6vw,34px)/1.1 var(--police-titres)}
.infolettre__sous{margin:0;color:var(--sur-nuit-sourdine);font-size:15px;line-height:1.55}
.infolettre__ligne{display:flex;gap:8px;padding:6px;border-radius:999px;background:#fff}
.infolettre__ligne:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--rose) 60%,transparent)}
.infolettre__ligne input[type=email]{flex:1;min-width:0;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:transparent;font:inherit;color:var(--texte)}
.infolettre__ligne input[type=email]:focus{outline:none}
.infolettre__ligne button{min-height:48px;padding:0 22px;border:0;border-radius:999px;cursor:pointer;background:var(--degrade-promo);color:#fff;font:700 14px/1 var(--police-texte);white-space:nowrap}
@media (hover:hover){.infolettre__ligne button:hover{filter:brightness(1.08)}}
.infolettre__accord{display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--sur-nuit-sourdine);cursor:pointer}
.infolettre__accord input{margin-top:2px;width:16px;height:16px;accent-color:var(--rose);flex:none}
.infolettre__retour{margin:10px 0 0;min-height:1em;font-size:14px;font-weight:600;color:var(--rose)}
.infolettre__form.est-envoye .infolettre__ligne,.infolettre__form.est-envoye .infolettre__accord{display:none}

/* marque et colonnes de liens */
.pied-haut{display:grid;grid-template-columns:1.6fr 3fr;gap:40px;padding-block:44px;border-top:1px solid var(--trait-nuit)}
.pied-nom{font:300 22px/1 var(--police-texte);letter-spacing:.42em;margin-bottom:18px}
.pied-baseline{max-width:34ch;margin:0 0 18px;color:var(--sur-nuit-sourdine);font-size:15px}
.pied-mail a{font:500 24px/1.2 var(--police-titres);letter-spacing:-.01em;color:var(--sur-nuit);text-decoration:none;border-bottom:1px solid var(--rose);padding-bottom:4px}
.pied-colonnes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
/* un titre de colonne en h2 hérite la hauteur de ligne des titres (theme.json) : la poser */
.pied-titre{font-family:var(--police-texte);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;color:var(--rose)}
.pied-menu .wp-block-navigation__container{gap:8px}
.pied-menu .wp-block-navigation-item__content{line-height:1.4}
.pied-menu .wp-block-navigation-item__content{text-decoration:none;color:var(--sur-nuit-sourdine);font-size:15px;transition:color .3s,transform .3s var(--courbe)}
@media (hover:hover){.pied-menu .wp-block-navigation-item__content:hover{color:var(--sur-nuit);transform:translateX(4px)}}

/* nom géant : le dégradé n'est porté que par les lettres (un seul tracé, même pendant leur animation) */
.pied-geant{display:flex;justify-content:center;gap:.14em;overflow:hidden;font:200 clamp(64px,17vw,260px)/.8 var(--police-texte);
  padding:8px 0 0;margin-bottom:-.12em;text-align:center;letter-spacing:.14em;color:transparent}
.pied-geant>span{display:inline-block;color:transparent}
.pied-geant>span,.pied-geant:not(:has(span)){background:linear-gradient(180deg,var(--lilas) 0%,var(--rose) 70%,transparent 100%);-webkit-background-clip:text;background-clip:text}   /* sans script : le mot entier */
.pied-bas{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:24px;font-size:13px;color:var(--sur-nuit-sourdine)}

@media (max-width:1024px){
  .pied-haut{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .infolettre{grid-template-columns:1fr;padding:26px 22px;text-align:center}
  .infolettre__ligne{flex-direction:column;border-radius:22px}
  .infolettre__ligne button{width:100%}
  .infolettre__accord{text-align:left}
}
@media (max-width:782px){
  .pied{margin:90px 0 0;border-radius:var(--rayon-grand) var(--rayon-grand) 0 0}   /* pleine largeur : aucune bande rosée sur les côtés, jusqu'en bas */
  .pied-colonnes{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pied{margin:90px 0 0;border-radius:var(--rayon-grand) var(--rayon-grand) 0 0}
  .pied-appel{min-height:0;padding:64px var(--gouttiere) 48px;gap:24px}
  .pied-appel-titre{font-size:36px;line-height:1.05}
  .infolettre{margin-bottom:36px}
  .pied-haut{gap:28px;padding-block:32px}
  .pied-baseline{margin-bottom:12px}
  /* deux colonnes sans trou : « Aide » (la plus longue) à droite sur deux rangées, « Informations » sous « Boutique » */
  .pied-colonnes{grid-template-columns:1fr 1fr;gap:24px 18px;grid-auto-flow:dense}
  .pied-colonnes>.pied-col:nth-child(2){grid-row:span 2}
  .pied-titre{margin-bottom:10px}
  .pied-menu .wp-block-navigation__container{gap:6px}
  .pied-mail a{font-size:19px}
  .pied-bas{padding-block:16px 20px}
}

/* ---------- Étoiles qui scintillent autour du grand NYVALI (deux calques, opacité seulement) ---------- */
.pied-geant{position:relative;isolation:isolate}
.pied-geant::before,.pied-geant::after{content:"";position:absolute;z-index:-1;inset:-20% 0 0;pointer-events:none;opacity:.6;background-repeat:no-repeat}
.pied-geant::before{background-image:radial-gradient(1.5px 1.5px at 6% 30%,#fff 60%,transparent),radial-gradient(1px 1px at 18% 72%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 39% 14%,#fff 60%,transparent),radial-gradient(1px 1px at 61% 80%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 79% 24%,#fff 60%,transparent),radial-gradient(1px 1px at 94% 60%,#fff 60%,transparent)}
.pied-geant::after{background-image:radial-gradient(1px 1px at 12% 52%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 29% 92%,#fff 60%,transparent),radial-gradient(1px 1px at 51% 38%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 70% 10%,#fff 60%,transparent),radial-gradient(1px 1px at 87% 42%,#fff 60%,transparent),radial-gradient(1.5px 1.5px at 97% 88%,#fff 60%,transparent)}
@media (prefers-reduced-motion:no-preference){
  .pied-geant::before{animation:pied-scintille 4.8s ease-in-out infinite alternate}
  .pied-geant::after{animation:pied-scintille 6.2s ease-in-out 1.6s infinite alternate-reverse}
  @keyframes pied-scintille{from{opacity:.15}to{opacity:.85}}
}