/**
 * Attestation de diffusion (spectacle) — styles (sprint Attestation, refondu
 * Lot B : parcours unique « Signer et envoyer », fac-similé navigateur et
 * impression SUPPRIMÉS — le document officiel est le PDF mPDF serveur).
 *
 * Zone unique : SAISIE à la charte du site + bloc signature électronique,
 * statut d'envoi et « Télécharger ma copie ». S'appuie sur les tokens de la
 * charte (theme/sacem-pf-charte). Composant auto-contenu (assets plugin).
 */

.sacem-att {
	padding: 48px 0 72px;
	background: var(--sacem-cream, #faf6f2);
}

/* Largeur de contenu : on s'appuie sur la classe partagée .sacem-container
   (charte : max-width 1280px + padding-inline), EXACTEMENT comme la page
   Déclaration (référence). Pas d'override local → alignement direct. */

/* ============================================================
   ZONE SAISIE
   ============================================================ */
.sacem-att-edit__title { margin: 4px 0 12px; }
.sacem-att-edit__lede {
	max-width: 65ch;
	color: var(--sacem-ink, #1a0e12);
	margin: 0 0 28px;
}
.sacem-att-noscript {
	background: #fff3cd;
	border: 1px solid #ffe69c;
	padding: 12px 16px;
	border-radius: 8px;
}

.sacem-att-fieldset {
	border: 1px solid rgba(107, 31, 124, 0.15);
	border-radius: 14px;
	background: var(--sacem-white, #fff);
	padding: 20px 22px 24px;
	margin: 0 0 22px;
}
.sacem-att-legend {
	font-weight: 700;
	color: var(--sacem-violet, #6b1f7c);
	padding: 0 8px;
	font-size: 1.05rem;
}

.sacem-att-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 20px;
}
.sacem-att-field { display: flex; flex-direction: column; }
.sacem-att-field--wide { grid-column: 1 / -1; }
.sacem-att-field__label {
	font-weight: 600;
	font-size: 0.9rem;
	color: var(--sacem-text, #2e1f24);
	margin-bottom: 6px;
}
.sacem-att-input {
	width: 100%;
	box-sizing: border-box;
	font-family: var(--font-body, "Outfit", sans-serif);
	font-size: 1rem;
	color: var(--sacem-ink, #1a0e12);
	background: #fff;
	border: 1.5px solid rgba(0, 0, 0, 0.14);
	border-radius: 10px;
	padding: 10px 12px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.sacem-att-input:focus {
	outline: none;
	border-color: var(--sacem-violet, #6b1f7c);
	box-shadow: 0 0 0 3px rgba(107, 31, 124, 0.12);
}
.sacem-att-input--xs { width: 64px; text-align: center; }

.sacem-att-field--duree .sacem-att-field__label { margin-bottom: 6px; }
.sacem-att-duree { display: flex; align-items: center; gap: 8px; }
.sacem-att-duree__sep { color: var(--sacem-text, #2e1f24); font-weight: 600; }

.sacem-att-hint {
	margin: 12px 0 0;
	font-size: 0.85rem;
	color: #6b6580;
	font-style: italic;
}

/* Actions + mode d'emploi */
.sacem-att-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 8px 0 20px;
}
/* .sacem-btn pose display:inline-flex, qui écraserait le [hidden] natif. */
.sacem-att-back__link[hidden] { display: none; }
.sacem-att-howto {
	background: var(--sacem-white, #fff);
	border: 1px solid rgba(107, 31, 124, 0.15);
	border-radius: 14px;
	padding: 18px 22px;
	margin: 0 0 36px;
}
.sacem-att-howto__title {
	margin: 0 0 8px;
	font-weight: 700;
	color: var(--sacem-violet, #6b1f7c);
}
.sacem-att-howto__list { margin: 0; padding-left: 20px; line-height: 1.6; }
.sacem-att-howto__list li { margin-bottom: 4px; }

/* ============================================================
   SIGNATURE ÉLECTRONIQUE + ENVOI (Lot B)
   ============================================================ */
.sacem-att-consent { margin-top: 14px; }
.sacem-att-consent__label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--sacem-text, #2e1f24);
	cursor: pointer;
}
.sacem-att-consent__input {
	margin-top: 3px;
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
	accent-color: var(--sacem-violet, #6b1f7c);
}

.sacem-att-status {
	margin: 16px 0 0;
	padding: 12px 16px;
	border-radius: 8px;
	font-size: 14.5px;
	line-height: 1.5;
}
.sacem-att-status--ok {
	background: #eef7ee;
	border: 1px solid #bfdfbf;
	color: #1e5c1e;
}
.sacem-att-status--err {
	background: #fdf0ef;
	border: 1px solid #f0c4c0;
	color: #8c2b23;
}

/* « Télécharger ma copie » (révélé après envoi réussi) */
.sacem-att-download {
	margin: 16px 0 0;
	padding: 14px 16px;
	border: 1px dashed rgba(107, 31, 124, 0.35);
	border-radius: 10px;
	background: var(--sacem-white, #fff);
}
.sacem-att-download .sacem-att-hint { margin-top: 10px; }

/* ============================================================
   RESPONSIVE (écran)
   ============================================================ */
@media (max-width: 768px) {
	.sacem-att-grid { grid-template-columns: 1fr; }
}


/* Champ auxiliaire du formulaire. */
.sacem-att-aux {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}