/* ==========================================================================
   L'Estrade — ambiance « chaleureuse »
   Chargé uniquement si Personnaliser > L'Estrade — Thème > Général & en-tête
   > « Ambiance du site » = Chaleureuse.
   Idée : on garde la structure brute (béton, filets, typo massive) et on y met
   la lumière de scène : tons tungstène, velours, grain de pellicule, mots manuscrits.
   ========================================================================== */

body.le-warm {
	--le-bg: #d4cabc;          /* béton réchauffé */
	--le-card: #e3d9cb;
	--le-fg: #1f1814;          /* encre chaude */
	--le-dark: #2b1d15;        /* cuir sombre / espresso */
	--le-light: #f7efe2;       /* crème */
	--le-muted: #c6b8a6;
	--le-muted-fg: #5e4e42;
	--le-border: #a39079;
	--le-warm: #f0a24b;        /* lumière tungstène / ampoule */
	--le-warm-2: #b4602c;      /* cuir cognac du canapé */
	--le-leather: #8f4a22;     /* cuir patiné, ombré */
	--le-font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;
}

/* Grain de pellicule très léger sur tout le site */
body.le-warm::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 9999;
	pointer-events: none;
	opacity: .07;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Lumière de scène ---------- */

/* Hero et en-têtes de page : un projecteur chaud vient éclairer le béton */
body.le-warm .le-texture,
body.le-warm .le-hero,
body.le-warm .le-page-hero {
	background:
		radial-gradient(75% 95% at 10% 12%, rgba(255, 174, 66, .32), rgba(255, 174, 66, 0) 64%),
		repeating-linear-gradient(93deg, transparent 0, transparent 97px, rgba(31, 25, 21, .04) 98px, transparent 100px),
		linear-gradient(120deg, var(--le-card), var(--le-bg));
}

/* Sections sombres : velours chaud + halos de projecteurs */
body.le-warm .le-dark {
	background:
		radial-gradient(55% 70% at 88% 0%, rgba(255, 174, 66, .2), rgba(255, 174, 66, 0) 65%),
		radial-gradient(45% 60% at 0% 100%, rgba(53, 51, 205, .22), rgba(53, 51, 205, 0) 70%),
		var(--le-dark);
	--le-border: rgba(247, 239, 226, .22);
}

/* Photos : étalonnage chaud (lumière tungstène) */
body.le-warm .le-hero__media img,
body.le-warm .le-about__media img,
body.le-warm .le-band__media img,
body.le-warm .le-offer__media img,
body.le-warm .le-gallery__media img {
	filter: sepia(.14) saturate(1.12) contrast(1.03);
}
body.le-warm .le-hero__media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(80% 70% at 30% 20%, rgba(255, 174, 66, .28), rgba(255, 174, 66, 0) 70%);
	mix-blend-mode: soft-light;
}

/* ---------- Détails ---------- */

/* Pastilles des sur-titres : petites ampoules allumées */
body.le-warm .le-eyebrow .le-dot {
	background: var(--le-warm);
	box-shadow: 0 0 0 2px rgba(255, 174, 66, .22), 0 0 12px 2px rgba(255, 174, 66, .65);
}
body.le-warm .le-dark .le-eyebrow .le-dot { box-shadow: 0 0 0 2px rgba(255, 174, 66, .2), 0 0 16px 3px rgba(255, 174, 66, .8); }

/* Bandeau défilant : guirlande de lumière */
body.le-warm .le-ticker {
	background: linear-gradient(90deg, var(--le-leather), var(--le-warm-2) 50%, var(--le-leather));
	background-size: 200% 100%;
	color: var(--le-light);
	animation: le-warm-glow 12s linear infinite;
}
@keyframes le-warm-glow { to { background-position: -200% 0; } }

/* Boutons : légère élévation, ombre chaude */
body.le-warm .le-cta { transition: background-color .2s, color .2s, transform .2s, box-shadow .2s; }
body.le-warm .le-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 22px -10px rgba(255, 118, 82, .75); }

/* Les 3 formats et les offres : la carte s'éclaire au survol */
body.le-warm .le-formats > * { transition: background-color .3s; }
body.le-warm .le-formats > *:hover { background: linear-gradient(180deg, rgba(255, 174, 66, .14), rgba(255, 174, 66, 0) 70%); }

/* Galerie : photos posées comme des tirages, qui se redressent au survol */
body.le-warm .le-gallery__media {
	transition: transform .4s ease, box-shadow .4s ease;
	box-shadow: 0 14px 30px -18px rgba(31, 25, 21, .6);
}
body.le-warm .le-gallery__item:nth-child(odd) .le-gallery__media { transform: rotate(-1.2deg); }
body.le-warm .le-gallery__item:nth-child(even) .le-gallery__media { transform: rotate(1deg); }
body.le-warm .le-gallery__item:hover .le-gallery__media { transform: rotate(0) translateY(-4px); }


/* ---------- Mots manuscrits de l'équipe ---------- */
.le-note,
.le-hero__bottom p.le-note,
body.le-warm .le-about p.le-note.le-note,
body.le-warm .le-hero__ctas + p.le-note {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	margin: 0;
	font-family: var(--le-font-hand);
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	color: var(--le-accent);
	transform: rotate(-2.5deg);
	transform-origin: 0 50%;
}
.le-note__arrow { flex: none; width: 46px; height: 37px; color: var(--le-warm-2); }
.le-note__arrow--up { transform: scaleY(-1) rotate(-10deg); margin-top: -8px; }

body.le-warm .le-hero--photo .le-hero__bottom .le-note--hero { margin: -6px 0 -4px 6px; }
body.le-warm .le-dark .le-note { color: var(--le-warm); }
body.le-warm .le-about p.le-note.le-note--team {
	display: block;
	margin: 30px 0 4px;
	font-size: 32px;
	transform: rotate(-2deg);
}
.le-note--priv { margin-top: 18px; }

@media (max-width: 700px) {
	.le-note, .le-hero__bottom p.le-note { font-size: 26px; }
	body.le-warm .le-about p.le-note.le-note--team { font-size: 28px; }
	body.le-warm::before { opacity: .05; }
}

@media (prefers-reduced-motion: reduce) {
	body.le-warm .le-ticker { animation: none; }
	body.le-warm .le-cta:hover { transform: none; }
	body.le-warm .le-gallery__media { transform: none !important; }
}

/* Affiche manquante dans l'agenda : fond chaud plutôt que gris */
body.le-warm .ajde_evcal_calendar .le-noposter { background-color: #e6d6bf !important; }

/* « Le salon » : fond cuir patiné, comme le canapé */
body.le-warm .le-lounge {
	background:
		radial-gradient(60% 80% at 0% 0%, rgba(240, 162, 75, .35), rgba(240, 162, 75, 0) 65%),
		linear-gradient(135deg, #b4602c, #8f4a22 60%, #6e3518);
	color: var(--le-light);
	--le-border: rgba(247, 239, 226, .3);
}
body.le-warm .le-lounge .le-eyebrow .le-dot { background: var(--le-light); box-shadow: 0 0 14px 3px rgba(255, 220, 160, .8); }
body.le-warm .le-lounge__tags li { border-color: rgba(247, 239, 226, .7); }
body.le-warm .le-lounge .le-note { color: var(--le-light); }
body.le-warm .le-lounge .le-note__arrow { color: #ffd59a; }
body.le-warm .le-lounge__media img { filter: sepia(.08) saturate(1.1) contrast(1.03); }
.le-note--lounge { margin-top: 26px; }
body.le-warm .le-dark p.le-note.le-note { color: var(--le-warm); }

/* Accueil « la salle d'abord » : la lumière tungstène passe sur Programmation,
   la présentation (Arts vivants. Vraies rencontres.) reste sur un fond crème uni. */
body.le-warm .le-program--first {
	background:
		radial-gradient(60% 520px at 8% 0, rgba(255, 174, 66, .34), rgba(255, 174, 66, 0) 70%),
		radial-gradient(45% 420px at 100% 140px, rgba(255, 174, 66, .16), rgba(255, 174, 66, 0) 70%),
		repeating-linear-gradient(93deg, transparent 0, transparent 97px, rgba(31, 25, 21, .04) 98px, transparent 100px),
		var(--le-bg);
}
body.le-warm.le-home--salle .le-program--first + .le-hero,
body.le-warm.le-home--salle .le-program--first + .le-hero .le-hero__main { background: var(--le-light); }
body.le-warm.le-home--salle .le-program--first + .le-hero { border-top-color: var(--le-dark); }