/*
 * Dédicaces en direct — la section publique.
 *
 * Charte « Affiche » du site : fond de scène noir,
 * enseigne néon rouge, typographie blanche franche,
 * accents cyan électrique et dorés. Tout est scopé
 * sous .rint-dd : aucune règle ne s'échappe vers le
 * reste du site, aucune ressource externe.
 */

.rint-dd {
	background: #06060a;
	border: 1px solid #2a2a35;
	border-top: 3px solid #e0231c;
	border-radius: 14px;
	color: #f4f2ec;
	margin: 1.5em 0;
	padding: 1.4em 1.4em 1.6em;
}

.rint-dd-titre {
	color: #ffffff;
	font-size: 1.65em;
	letter-spacing: 0.02em;
	margin: 0 0 0.35em;
	text-shadow: 0 0 14px rgba(224, 35, 28, 0.55);
}

.rint-dd-intro {
	color: #cfccc2;
	line-height: 1.55;
	margin: 0 0 1em;
	max-width: 62ch;
}

.rint-dd-retour {
	border-radius: 10px;
	line-height: 1.5;
	margin: 0 0 1em;
	padding: 0.8em 1em;
}

.rint-dd-confirmation {
	background: #0d2f1a;
	border: 1px solid #1e7a3c;
	color: #c9f2d4;
}

.rint-dd-erreur {
	background: #2f0d0d;
	border: 1px solid #e0231c;
	color: #ffd9d6;
}

.rint-dd-etat {
	background: #101018;
	border: 1px dashed #8c8f94;
	border-radius: 10px;
	color: #e8e5da;
	line-height: 1.55;
	padding: 1em 1.1em;
}

.rint-dd-invitation {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-left: 4px solid #d4a017;
	border-radius: 10px;
	line-height: 1.55;
	margin: 0 0 1.2em;
	padding: 1em 1.1em;
}

.rint-dd-actions {
	margin: 0.8em 0 0;
}

.rint-dd-rayon-titre {
	border-bottom: 2px solid #e0231c;
	color: #ffffff;
	font-size: 1.15em;
	margin: 1.4em 0 0.8em;
	padding-bottom: 0.35em;
}

.rint-dd-form {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-radius: 12px;
	margin: 0 0 1.2em;
	padding: 1em 1.1em;
}

.rint-dd-champ {
	margin: 0 0 0.9em;
}

.rint-dd-champ label {
	display: block;
	font-weight: bold;
	margin-bottom: 0.35em;
}

.rint-dd-champ select,
.rint-dd-champ input[type="text"],
.rint-dd-champ textarea {
	background: #06060a;
	border: 1px solid #3a3a48;
	border-radius: 8px;
	color: #f4f2ec;
	padding: 0.55em 0.7em;
	width: 100%;
}

.rint-dd-note {
	color: #a9a699;
	line-height: 1.5;
	margin: 0 0 0.9em;
}

.rint-dd-pm {
	left: -9999px;
	position: absolute;
}

.rint-dd-grille {
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.rint-dd-carte {
	background: #101018;
	border: 1px solid #2e2e3c;
	border-radius: 12px;
	padding: 1em 1.1em;
}

.rint-dd-bandeau {
	font-weight: bold;
	letter-spacing: 0.04em;
	margin: 0 0 0.7em;
}

.rint-dd-bandeau-lue {
	color: #ffd34d;
	text-shadow: 0 0 10px rgba(212, 160, 23, 0.5);
}

.rint-dd-chanson-titre {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.15em;
}

.rint-dd-chanson-artiste {
	color: #7fd8ff;
	margin: 0 0 0.4em;
}

.rint-dd-chanson-meta {
	margin: 0 0 0.6em;
}

.rint-dd-badge {
	border-radius: 999px;
	display: inline-block;
	font-size: 0.78em;
	font-weight: bold;
	letter-spacing: 0.03em;
	padding: 0.15em 0.6em;
}

.rint-dd-badge-plateforme {
	background: #12303d;
	color: #7fd8ff;
}

.rint-dd-badge-18 {
	background: #3d1212;
	color: #ff8f88;
}

.rint-dd-duree {
	color: #a9a699;
	font-size: 0.9em;
}

.rint-dd-chanson-retiree {
	border: 1px dashed #8c8f94;
	border-radius: 8px;
	color: #e8e5da;
	line-height: 1.5;
	margin: 0 0 0.6em;
	padding: 0.7em 0.9em;
}

.rint-dd-ecoute {
	margin: 0 0 0.4em;
}

.rint-dd-bouton {
	background: #e0231c;
	border: 0;
	border-radius: 999px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	padding: 0.55em 1.1em;
	text-decoration: none;
}

.rint-dd-bouton-source {
	background: #12303d;
	color: #7fd8ff;
}

.rint-dd-lecteur {
	aspect-ratio: 16 / 9;
	margin-top: 0.6em;
}

.rint-dd-lecteur iframe {
	border: 0;
	height: 100%;
	width: 100%;
}

.rint-dd-pour {
	margin: 0.7em 0 0.3em;
}

.rint-dd-pour-libelle {
	color: #d4a017;
	font-weight: bold;
}

.rint-dd-mot {
	border-left: 3px solid #e0231c;
	color: #f4f2ec;
	font-style: italic;
	line-height: 1.55;
	margin: 0 0 0.7em;
	padding-left: 0.8em;
}

.rint-dd-signature {
	color: #a9a699;
	font-size: 0.88em;
	margin: 0;
}

.rint-dd-carte .rint-dd-etat {
	margin: 0.7em 0 0;
	padding: 0.6em 0.8em;
}

.rint-dd-notes {
	color: #a9a699;
	font-size: 0.92em;
	line-height: 1.55;
	margin-top: 1.4em;
}

.rint-dd-notes p {
	margin: 0 0 0.5em;
}