/* Étape 3 des retours du CRA : newsletters (fenêtre de choix), inscriptions, documents à venir, photos des locaux,
   page TSA, agenda au format commun, testothèque. */

/* ---------- Bouton et fenêtre « S'abonner aux newsletters » (inc/newsletters.php) ---------- */
.cra-nl-bouton-ligne { margin: 0; }
.cra-nl-bouton { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; padding: 0.85rem 1.6rem; border-radius: 999px; font-weight: 700; text-decoration: none; background: var(--wp--preset--color--bleu); color: #fff; }
.cra-nl-bouton:hover { background: var(--wp--preset--color--marine); color: #fff; }
.cra-nl-bouton:focus-visible, .cra-nl-fermer:focus-visible { outline: 3px solid var(--wp--preset--color--turquoise); outline-offset: 2px; }

.cra-nl-fenetre { width: min(640px, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 0; border-radius: 24px; background: #fff; color: var(--wp--preset--color--encre); box-shadow: 0 24px 64px rgba(17, 25, 74, 0.3); overflow: auto; overscroll-behavior: contain; }
.cra-nl-fenetre::backdrop { background: rgba(17, 25, 74, 0.6); }
.cra-nl-fenetre__corps { padding: 1.5rem clamp(1.25rem, 4vw, 2rem) 1.75rem; }
.cra-nl-fenetre__entete { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1rem; }
.cra-nl-fenetre__entete h2 { margin: 0; font-size: 1.5rem; color: var(--wp--preset--color--marine); }
.cra-nl-fermer { flex: 0 0 auto; width: 44px; height: 44px; border: 0; border-radius: 999px; background: var(--wp--preset--color--fond); color: var(--wp--preset--color--marine); font-size: 1.6rem; line-height: 1; cursor: pointer; }
.cra-nl-fermer:hover { background: var(--wp--preset--color--turquoise-clair); }
@media (prefers-reduced-motion: no-preference) {
	.cra-nl-fenetre[open] { animation: cra-nl-entree 0.18s ease-out; }
	@keyframes cra-nl-entree { from { opacity: 0; transform: translateY(8px); } }
}

/* Les deux lettres en cartes à cocher (étiquette = carte entière, cliquable). */
/* Gravity Forms : cartes dans css/gravity-forms.css (.cra-nl-listes). */
.cra-nl-frequence { font-size: 0.85rem; font-weight: 700; color: var(--wp--preset--color--turquoise-fonce); }
.cra-nl-description { font-size: 0.88rem; line-height: 1.5; color: var(--wp--preset--color--encre-2); }
.cra-nl-confirmation { font-size: 0.9rem; padding: 0.75rem 1rem; border-radius: 12px; background: var(--wp--preset--color--fond); }

/* ---------- Documents utiles : document demandé au CRA ---------- */
.cra-a-venir { font-weight: 500; font-size: 0.78rem; color: var(--wp--preset--color--encre-2); }

/* ---------- Coordonnées : emplacements des photos des locaux ---------- */
.cra-photos-locaux { gap: 0.75rem !important; margin-top: 1.25rem !important; }
.cra-photos-locaux figure { margin: 0 !important; }
.cra-photos-locaux img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.cra-photos-locaux figcaption { margin: 0.35rem 0 0; font-size: 0.82rem; color: var(--wp--preset--color--encre-2); text-align: left; }
@media (max-width: 600px) { .cra-photos-locaux { grid-template-columns: 1fr 1fr 1fr !important; } .cra-photos-locaux figcaption { font-size: 0.72rem; } }

/* ---------- Accueil : date au format commun dans la liste des rendez-vous (retour n°143) ---------- */
.cra-agenda__date { font-size: 0.9rem; font-weight: 600; color: var(--wp--preset--color--turquoise-fonce); }

/* ---------- COS : séances au format « Jeudi 26 mars 2026 · 10h–12h30 » ---------- */
.cra-seances h3 { line-height: 1.3; }

/* ---------- Testothèque : liste des tests par famille ---------- */
.cra-tests { display: grid; gap: 0.5rem; padding-left: 1.2rem; }
@media (min-width: 782px) { .cra-tests { grid-template-columns: 1fr 1fr; column-gap: 2.5rem; } }

/* ---------- Page TSA : encadré « en cours de rédaction » ---------- */
.cra-en-redaction p { margin: 0 0 0.5rem; }
.cra-en-redaction p:last-child { margin-bottom: 0; }