/* L'accueil V2 en page d'attente (Théo, 11/10) : ce que le mode attente
   ajoute (tpl/v2/attente.php). Chargée seulement en mode attente. */

/* L'inscription, à droite de la barre, à la place de la recherche et du
   panier : la même pastille de verre que les boutons d'icône, en noir. */
.nav-inscription {
  display: inline-flex; align-items: center; height: 34px; padding-inline: 16px;
  border-radius: 999px; background: var(--noir); color: var(--blanc);
  font: 500 13px/1 var(--font-body); text-decoration: none; white-space: nowrap;
  transition: background-color .35s var(--ease);
}
.nav-inscription:hover { background: #2B2B2B; }
.nav-inscription:focus-visible { outline: 2px solid var(--noir); outline-offset: 3px; }
@media (max-width: 900px) {
  .nav-inscription { order: 3; }
}
@media (max-width: 380px) {
  .nav-inscription { padding-inline: 12px; font-size: 12px; }
}

/* Un lien de l'ancien site, retiré par le filet : le texte reste, sans
   l'apparence d'un lien. */
.attente-sans-lien { text-decoration: none; cursor: default; }

/* Le retour du formulaire de fin (?inscrit=1, ?erreur=…). */
.fin-ok {
  display: flex; align-items: center; justify-content: center; gap: 12px; margin: 36px auto 0; max-width: 26em;
  font: 500 clamp(17px, 1.5vw, 20px)/1.4 var(--font-body); color: var(--noir); text-align: left; text-wrap: balance;
}
.fin-ok-coche {
  flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;
  background: var(--pp-acc, #992CFF); color: var(--blanc);
}
.fin-ok-coche svg { width: 18px; height: 18px; }
.fin-err { margin: 28px auto -12px; max-width: 30em; font-size: 15px; line-height: 1.45; color: #B42318; }

/* Les ancres de la pilule tombent sous la barre fixe, pas dessous. */
#demos, #paliers, #faq-t, #fin { scroll-margin-top: 88px; }

/* ---- Les cadenas (mode par défaut, Théo 11/10) ------------------------------
   Une entrée vers une page pas encore ouverte : le même élément, sans lien,
   un cadenas au trait fin et « Opening Nov 30 ». État calme : le texte
   baisse, le curseur reste ordinaire ; les menus s'ouvrent et s'animent
   comme d'habitude. */
.is-verrou { cursor: default; }
.verrou {
  display: inline-flex; align-items: center; gap: 4px; margin-left: .55em;
  font: 500 11px/1 var(--font-body); letter-spacing: .01em; color: var(--gris);
  white-space: nowrap; vertical-align: .08em; text-transform: none;
}
.verrou-i { flex: none; width: 11px; height: 11px; }
.verrou--seul { margin-left: 5px; gap: 0; opacity: .7; }

/* La pilule : le mot garde sa tenue, le cadenas le suit. */
.pill-entry > a.is-verrou { display: inline-flex; align-items: center; }
.pill-entry > a.is-verrou .verrou { margin-left: 6px; }
.pill-entry > a.is-verrou .verrou-i { width: 10px; height: 10px; }

/* Les menus déroulants : le titre et la ligne baissent, la mention reste lisible. */
.nav-item.is-verrou .nav-item-t, .nav-item.is-verrou .nav-item-d { color: var(--gris); }

/* Le pied : les colonnes complètes, les pages fermées en gris. */
.foot-col a.is-verrou, .foot-col a.is-verrou:hover { color: var(--gris); }

/* Le panier du bureau : le cadenas à la place du compte. */
.iconbtn.is-verrou .count { display: none; }
.iconbtn.is-verrou .verrou--seul { margin-left: 0; opacity: 1; }

/* Le menu plein écran du téléphone. */
html.js.p9-menu-apple .am-entree.is-verrou, html.js.p9-menu-apple .am-petite a.is-verrou { color: #A1A1A6; }
.am-entree .verrou { font-size: 12px; margin-left: .7em; vertical-align: .35em; }
.am-petite .verrou, .menu-sheet .verrou { font-size: 11px; }

/* « Aller à » : l'option fermée reste dans la liste, plus pâle, sans aller nulle part. */
.find-list .find-verrou { cursor: default; }
.find-list .find-verrou .find-t, .find-list .find-verrou .find-d { opacity: .55; }
.find-list .find-verrou .verrou { margin-left: auto; }