/* Alertes nouveautés : case de consentement, encarts d'inscription, pages de confirmation et de désinscription.
   Chargé après les feuilles de pied et de sections (il complète leurs variantes de formulaire). */

/* Case de consentement : carré dessiné en « currentColor », lisible sur fond sombre comme sur fond clair. */
.cs-alerte__accord{position:relative;display:flex;align-items:flex-start;gap:10px;margin-top:12px;font-size:var(--t-mini);line-height:1.5;cursor:pointer}
.cs-alerte__accord input{position:absolute;opacity:0;width:16px;height:16px;margin:0;left:0;top:2px}
.cs-alerte__case{flex:none;width:16px;height:16px;margin-top:2px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center}
.cs-alerte__accord input:checked+.cs-alerte__case::after{content:"✓";font-size:12px;line-height:1}
.cs-alerte__accord input:focus-visible+.cs-alerte__case{outline:2px solid var(--accent);outline-offset:2px}
.cs-alerte__aide{margin:6px 0 0 26px!important;font-size:var(--t-mini);line-height:1.5;opacity:.75}
.cs-alerte__aide a{text-decoration:underline;text-underline-offset:3px}

/* Variante « encart » : fond gris, champ blanc, bouton noir. */
.cs-alerte--encart input[type="email"]{border:1px solid var(--bord-fort);border-right:0;background:var(--blanc);color:var(--encre);padding:14px 16px;font-size:var(--t-petit)}
.cs-alerte--encart input[type="email"]::placeholder{color:var(--discret)}
.cs-alerte--encart button{background:var(--encre);color:var(--blanc);padding:14px 22px;font-size:var(--t-petit);font-weight:500}
.cs-alerte--encart button:hover{background:var(--accent)}
.cs-alerte--encart .cs-alerte__accord{color:var(--texte)}

/* Encart d'inscription (archives, fiches montres, blog). */
.cs-encart-alerte{margin-top:72px;padding:40px;background:var(--surface);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px 56px;align-items:center}
.cs-encart-alerte p{margin:0}
.cs-encart-alerte__titre{font:500 30px/1.1 var(--police-titre);margin-bottom:8px!important}
.cs-encart-alerte__texte{font-size:15px;color:var(--texte)}
.cs-encart-alerte .cs-alerte__message{margin-top:10px;color:var(--encre);font-size:var(--t-petit)}
.cs-encart-section{padding-bottom:72px}

/* Montre vendue : l'encart tient dans la colonne d'achat, sous les boutons. */
.cs-encart-alerte--colonne{margin:24px 0 28px;padding:24px;grid-template-columns:minmax(0,1fr);gap:16px}
.cs-encart-alerte--colonne .cs-encart-alerte__titre{font-size:24px;margin-bottom:6px!important}
.cs-encart-alerte--colonne .cs-encart-alerte__texte{font-size:14px}
.cs-encart-alerte--colonne .cs-alerte--encart .cs-alerte__rang{flex-direction:column;gap:10px}
.cs-encart-alerte--colonne .cs-alerte--encart input[type="email"]{border-right:1px solid var(--bord-fort)}
.cs-encart-section .cs-encart-alerte{margin-top:72px}

/* Pages « inscription confirmée » et « se désinscrire ». */
.cs-alerte-page__texte{max-width:60ch;margin-bottom:24px;color:var(--texte);line-height:1.7}
.cs-alerte-page__email{font-weight:600;margin-bottom:20px}
.cs-alerte-page__form{margin-bottom:32px}

@media (max-width:860px){
	.cs-encart-alerte{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:20px}
}
@media (max-width:480px){
	.cs-alerte--encart .cs-alerte__rang{flex-direction:column;gap:10px}
	.cs-alerte--encart input[type="email"]{border-right:1px solid var(--bord-fort)}
}