/* =====================================================================
   THEME HALLOWEEN — Camping de France
   Actif du 15/10 au 02/11 via ThemeHalloweenActif() (configweb.php).
   Chargé après marque-2026.css : surcharge les variables --cdf-*
   sous le scope body.theme-halloween. Aucun markup ajouté.
   ===================================================================== */

/* --- Palette : orange citrouille, violet nuit, jaune chaud --- */
body.theme-halloween
{
	--cdf-vert:           #D96C14;
	--cdf-vert-nuit:      #2E1A47;
	--cdf-vert-pale:      #F6E7D6;
	--cdf-vert-clair:     #EA8A3A;
	--cdf-jaune:          #F5A623;
	--cdf-jaune-pale:     #FDEFD3;
	--cdf-encre:          #241A30;
	--cdf-nuance:         #FBF3EC;
	--cdf-nuance-sombre:  #F3E4D4;
	--cdf-bordure:        #E8DACA;
	--cdf-ombre:          0 2px 12px rgba(46, 26, 71, .12);
	--cdf-ombre-hover:    0 6px 20px rgba(46, 26, 71, .18);

	/* Variables "pont" historiques : résolues une fois sur :root dans
	   marque-2026.css, il faut les redéfinir ici pour qu'elles suivent
	   la palette Halloween (sinon elles restent vertes). */
	--color-green:        #D96C14;
	--primary-green:      #D96C14;
	--secondary-green:    #D96C14;
	--dark-green:         #2E1A47;
	--light-green:        #FBF3EC;
	--accent-yellow:      #F5A623;
	--color-jaune:        #F5A623;
	--color-orange:       #D96C14;
	--color-orange-fonce: #B85A0E;
	--color-red:          #D96C14;
	--color-titre:        #241A30;
	--color-grey:         #241A30;
	--text-dark:          #241A30;
}

/* --- Fond de page : blanc cassé très légèrement chaud --- */
body.theme-halloween,
body.theme-halloween .pageCamping
{
	background-color: #FDFAF6;
}

/* =====================================================================
   NAVBAR — dégradé violet nuit + toile d'araignée en coin
   ===================================================================== */
body.theme-halloween .navbar.navbar-expand-lg
{
	position: relative;
	background: linear-gradient(90deg, #241335 0%, #3A2358 55%, #2E1A47 100%);
}

/* Toile d'araignée, coin supérieur droit (fond noir -> blend screen) */
body.theme-halloween .navbar.navbar-expand-lg::after
{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 120px;
	height: 100%;
	background: url('/images/halloween/toile.webp') right top / contain no-repeat;
	mix-blend-mode: screen;
	opacity: .85;
	pointer-events: none;
}

/* Liens de navigation clairs sur fond violet */
body.theme-halloween .navbar .nav-link,
body.theme-halloween .navbar .navbar-brand
{
	color: #F2E9F7;
}

body.theme-halloween .navbar .nav-link:hover,
body.theme-halloween .navbar .nav-link:focus
{
	color: var(--cdf-jaune);
}

/* Boutons outline (langue) : texte clair sur violet */
body.theme-halloween .navbar .btn-outline-secondary
{
	--bs-btn-color: #F2E9F7;
	--bs-btn-border-color: rgba(255, 255, 255, .45);
	--bs-btn-hover-bg: var(--cdf-jaune);
	--bs-btn-hover-border-color: var(--cdf-jaune);
	--bs-btn-hover-color: var(--cdf-vert-nuit);
}

/* Icônes réseaux sociaux + burger : clairs sur violet */
body.theme-halloween .navbar img.twitter,
body.theme-halloween .navbar img.facebook,
body.theme-halloween .navbar img.instagram,
body.theme-halloween .navbar img.youtube
{
	filter: invert(1) brightness(1.15);
}

body.theme-halloween .navbar .navbar-toggler-icon
{
	filter: invert(1);
}

/* =====================================================================
   BANDEAU PLAY STORE — petite citrouille à droite
   ===================================================================== */
body.theme-halloween .playstore-banner
{
	position: relative;
}

body.theme-halloween .playstore-banner::after
{
	content: '';
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	background: url('/images/halloween/citrouille.webp') center / contain no-repeat;
	mix-blend-mode: screen;
	pointer-events: none;
}

/* =====================================================================
   BANDEAU DE PAGE (.bandeau-cdf) — photo d'ambiance Halloween
   Le voile blanc existant conserve la lisibilité du titre.
   ===================================================================== */
body.theme-halloween .bandeau-cdf__fond
{
	background-image: url('/images/halloween/bandeau.webp');
	background-position: center 40%;
}

/* Toile légère sur la zone photo dégagée (droite du bandeau) */
body.theme-halloween .bandeau-cdf__fond::after
{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	height: 160px;
	background: url('/images/halloween/toile.webp') right top / contain no-repeat;
	mix-blend-mode: screen;
	opacity: .6;
}

/* =====================================================================
   FOOTER — voile violet nuit (remplace le voile vert codé en dur),
   chauves-souris discrètes en haut à droite.
   ===================================================================== */
body.theme-halloween .footer,
body.theme-halloween .footer_bs
{
	background-image:
		linear-gradient(rgba(46, 26, 71, .86), rgba(46, 26, 71, .9)),
		url('/images/footer/footer.webp');
}

body.theme-halloween #footer_bs
{
	position: relative;
	overflow: hidden;
}

body.theme-halloween #footer_bs::before
{
	content: '';
	position: absolute;
	top: 10px;
	right: 4%;
	width: 220px;
	height: 120px;
	background: url('/images/halloween/chauves-souris.webp') right top / contain no-repeat;
	mix-blend-mode: screen;
	opacity: .35;
	pointer-events: none;
}

/* =====================================================================
   Mobile : décorations réduites
   ===================================================================== */
@media (max-width: 767.98px)
{
	body.theme-halloween .navbar.navbar-expand-lg::after
	{
		width: 70px;
		opacity: .6;
	}

	body.theme-halloween .bandeau-cdf__fond::after
	{
		width: 110px;
		height: 100px;
	}

	body.theme-halloween #footer_bs::before
	{
		width: 140px;
		height: 80px;
		opacity: .28;
	}

	body.theme-halloween .playstore-banner::after
	{
		width: 26px;
		height: 26px;
		right: 8px;
	}
}