/* ==========================================================================
   PRISME Amiens — thème saisonnier automatique
   Bandeau de fête + variantes de couleurs par saison + page « PRISME Fêtes »
   ========================================================================== */

/* --------------------------------------------------------------------------
   Notice d'aperçu admin (?prisme_preview_date=…, visible seulement par
   l'administrateur qui a ajouté ce paramètre)
   -------------------------------------------------------------------------- */

.prisme-notice-apercu {
	background: #17171A;
	color: var(--prisme-or, #F5A623);
	text-align: left;
	font-size: 0.875rem;
	padding: 8px 16px;
	border-bottom: 1px dashed var(--prisme-or, #F5A623);
}

/* --------------------------------------------------------------------------
   Bandeau saisonnier
   -------------------------------------------------------------------------- */

.prisme-bandeau-saison {
	background: linear-gradient(90deg, var(--prisme-vert), var(--prisme-bleu), var(--prisme-violet), var(--prisme-magenta), var(--prisme-corail));
	color: #17171A;
	font-weight: 600;
	text-align: left;
	padding: 8px 16px;
}

.prisme-bandeau-saison-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

/* Une ligne par fête du jour (plusieurs fêtes peuvent tomber le même jour). */
.prisme-bandeau-saison-ligne {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
}

/* Petits drapeaux des pays où la fête est célébrée (émoji, sans fichier). */
.prisme-drapeaux {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	vertical-align: middle;
}

.prisme-drapeau {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.prisme-drapeau-emoji {
	font-size: 1.125rem;
	line-height: 1;
}

.prisme-drapeau-nom {
	font-size: 0.875rem;
}

.prisme-bandeau-saison-texte {
	font-size: 0.95rem;
}

.prisme-bandeau-saison-lien {
	color: #17171A;
	text-decoration: underline;
	font-weight: 600;
	white-space: nowrap;
}

.prisme-bandeau-saison-lien:hover,
.prisme-bandeau-saison-lien:focus {
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   Variantes de couleurs par fête active (classe posée sur <body> par
   prisme_theme_body_class_saison(), voir inc/saisons.php).
   Chaque bloc ne redéfinit que les variables --prisme-* qui changent ;
   tout le reste du site (thème + plugins) en hérite automatiquement,
   sans rien modifier ailleurs.
   -------------------------------------------------------------------------- */

body.saison-nouvel-an {
	--prisme-vert: #2ECC71;
	--prisme-bleu: #2F8FE0;
	--prisme-or: var(--prisme-or, #F5A623);
	--prisme-violet: #7B5CF0;
}

body.saison-saint-valentin {
	--prisme-magenta: #E14FA0;
	--prisme-corail: #F0653C;
}

body.saison-paques {
	--prisme-vert: #4DD08A;
	--prisme-or: var(--prisme-or, #F5A623);
	--prisme-bleu: #7FC8E8;
}

body.saison-fete-du-travail {
	--prisme-vert: #2ECC71;
}

body.saison-fete-nationale {
	--prisme-bleu: #2F8FE0;
	--prisme-corail: #E1443C;
}

body.saison-rentree {
	--prisme-corail: #F0653C;
	--prisme-or: #F5A623;
}

body.saison-toussaint {
	--prisme-violet: #6B5CA5;
	--prisme-texte-att: #B9B9C4;
}

body.saison-noel {
	--prisme-corail: #E1443C;
	--prisme-vert: #2ECC71;
	--prisme-or: var(--prisme-or, #F5A623);
}

body.saison-ramadan,
body.saison-mawlid,
body.saison-nouvel-an-hegirien {
	--prisme-vert: #2ECC71;
	--prisme-or: var(--prisme-or, #F5A623);
}

body.saison-aid-fitr,
body.saison-aid-adha {
	--prisme-vert: #2ECC71;
	--prisme-or: var(--prisme-or, #F5A623);
	--prisme-texte: #FFFFFF;
}

/* --------------------------------------------------------------------------
   Page « PRISME Fêtes » — cartes accordéon accessibles ([prisme_fetes])
   -------------------------------------------------------------------------- */

.prisme-fetes-intro,
.prisme-fetes-note {
	max-width: 65ch;
}

.prisme-fetes-note {
	color: var(--prisme-texte-att);
	font-size: 0.9rem;
}

.prisme-fetes-liste {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 24px;
}

.prisme-fete-carte {
	background: var(--prisme-fond-carte);
	border: 1px solid var(--prisme-bordure);
	border-radius: var(--prisme-radius);
	padding: 4px 24px;
}

.prisme-fete-carte--active {
	border-color: var(--prisme-or);
}

.prisme-fete-carte-titre {
	cursor: pointer;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	padding: 16px 0;
	font-weight: 600;
	font-size: 1.05rem;
}

.prisme-fete-carte-titre::-webkit-details-marker {
	display: none;
}

.prisme-fete-carte-titre::before {
	content: "+";
	font-weight: 600;
	color: var(--prisme-or);
	width: 1.2em;
}

details[open] > .prisme-fete-carte-titre::before {
	content: "–";
}

.prisme-fete-carte-date {
	font-weight: 400;
	color: var(--prisme-texte-att);
	font-size: 0.9rem;
}

.prisme-fete-badge {
	background: var(--prisme-or);
	color: #17171A;
	border-radius: var(--prisme-radius-pill);
	padding: 2px 12px;
	font-size: 0.875rem;
	font-weight: 600;
}

.prisme-fete-carte-corps {
	padding: 0 0 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.prisme-fete-carte-corps p {
	margin: 0;
	line-height: 1.6;
}

/* Cible tactile ≥ 44 px pour le lien « En savoir plus sur cette fête » (jeu de seuils et de cibles du projet). */
.prisme-bandeau-saison-lien { display: inline-flex; align-items: center; min-height: 44px; }