/*
 * Styles du plugin Dépose — extraction fidèle des deux blocs
 * « Dépose » de assets/css/main.css du thème (v1.6.5 : section,
 * champ d'URL, aide, case d'autorisation, pot de miel; v1.7.1 :
 * sélecteur de plateforme, champ courriel, boîte du code de
 * vérification), précédée des variables Affiche redéfinies
 * sous la portée .depose-section pour que la section garde
 * son apparence sur n'importe quel thème hôte. Les règles
 * restent dans main.css du thème hôte préparé, dormantes,
 * sans conflit : mêmes valeurs. La règle .rint-flux-audio du
 * bloc v1.6.5 d'origine (lecteur du flux de la page Écouter)
 * n'est PAS reprise ici : elle relève du lecteur, pas du dépôt.
 * Les classes partagées (.section, .container, .contact-form,
 * .form-row, .notice, .btn…) restent celles du thème hôte.
 */

.depose-section {
	--card: #101018;
	--card-border: rgba(255, 255, 255, 0.12);
	--text: #f4f1ea;
	--muted: #b9c2cc;
	--cyan: #35e0ff;
	--magenta: #ff2d78;
	--font-body: 'Segoe UI', Arial, sans-serif;
}

/* ==========================================================================
   DÉPOSE TA CHANSON — v1.6.5 (AJOUTS SEULEMENT, aucune règle existante
   modifiée) : la section de dépôt public des créateurs Suno (accueil +
   /ecouter/, module inc/depose-chanson.php) et le lecteur du flux de
   diffusion de la page Écouter quand l'URL du flux est configurée.
   La section reprend le rythme des sections du thème et les classes du
   formulaire de contact (.contact-form, .form-row, .notice) : seuls
   manquaient le champ d'URL, l'aide sous le champ, la case
   d'autorisation et le pot de miel. Le pot de miel est garé hors écran :
   invisible pour un humain, présent pour les robots — ne jamais le
   rendre visible. */

.depose-section {
	border-top: 1px solid rgba(255, 34, 51, 0.25);
	background:
		radial-gradient(640px 300px at 85% 0%, rgba(53, 224, 255, 0.08), transparent 65%),
		radial-gradient(560px 280px at 8% 100%, rgba(255, 34, 51, 0.07), transparent 65%);
}
.depose-form input[type="url"] {
	width: 100%;
	background: var(--card);
	border: 1px solid var(--card-border);
	border-radius: 10px;
	color: var(--text);
	padding: 0.85rem 1rem;
	font-family: var(--font-body);
	font-size: 1rem;
}
.depose-form input[type="url"]:focus {
	border-color: var(--cyan);
	outline: none;
	box-shadow: 0 0 0 3px rgba(53, 224, 255, 0.2);
}
.depose-aide {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.9rem;
	color: var(--muted, #b9c2cc);
}
.depose-consentement label {
	display: flex;
	gap: 0.7rem;
	align-items: flex-start;
	font-weight: 500;
	line-height: 1.55;
	cursor: pointer;
}
.depose-consentement input[type="checkbox"] {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: 0.2rem;
	accent-color: var(--magenta);
}
.depose-pot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ==========================================================================
   DÉPOSE TA MUSIQUE — v1.7.1 (AJOUTS SEULEMENT, aucune règle existante
   modifiée) : le formulaire de dépôt devient multi-plateformes (module
   inc/depose-chanson.php v2) — sélecteur de plateforme, champs courriel
   et profil alignés sur les autres champs, et la boîte qui affiche le
   code de vérification de propriété après l'envoi. Le code est rendu en
   très gros caractères espacés : le déposant doit le recopier sans
   erreur dans la description de sa chanson. */

.depose-form select {
	width: 100%;
	background: var(--card);
	border: 1px solid var(--card-border);
	border-radius: 10px;
	color: var(--text);
	padding: 0.85rem 1rem;
	font-family: var(--font-body);
	font-size: 1rem;
}
.depose-form select:focus {
	border-color: var(--cyan);
	outline: none;
	box-shadow: 0 0 0 3px rgba(53, 224, 255, 0.2);
}
.depose-form input[type="email"] {
	width: 100%;
	background: var(--card);
	border: 1px solid var(--card-border);
	border-radius: 10px;
	color: var(--text);
	padding: 0.85rem 1rem;
	font-family: var(--font-body);
	font-size: 1rem;
}
.depose-form input[type="email"]:focus {
	border-color: var(--cyan);
	outline: none;
	box-shadow: 0 0 0 3px rgba(53, 224, 255, 0.2);
}
.depose-code-boite {
	text-align: left;
}
.depose-code {
	margin: 0.6rem 0;
}
.depose-code code {
	display: inline-block;
	padding: 0.55rem 1.1rem;
	border: 2px dashed var(--cyan);
	border-radius: 10px;
	background: rgba(53, 224, 255, 0.08);
	color: var(--text);
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: 0.22em;
}

/* Suivi de mon dépôt (v1.3.0) : bloc de consultation sous le
   formulaire — séparé visuellement, mêmes notices que le reste
   de la section. */
.depose-suivi {
	margin-top: 2.2rem;
	padding-top: 1.4rem;
	border-top: 1px solid var(--card-border, rgba(255, 255, 255, 0.14));
}
.depose-suivi-resultat .muted { opacity: 0.75; }