/* =========================================================================
 * CHARTE 4.0 (3.83, Cormorant depuis 3.85) · COUCHE FINALE
 * Chargée après toutes les autres feuilles du site.
 *
 * Typographie
 * - Cormorant Garamond : titres (H1 à H3), citations, mots mis en valeur en
 *   italique. Ajustement optique (font-size-adjust 0,44) : elle dessine
 *   plus grand que l'ancienne Cormorant, la hiérarchie des tailles reste
 *   la même.
 * - Plus Jakarta Sans : texte courant, interface, boutons, libellés.
 *
 * Couleurs
 * - Blanc parchemin #F7F6F3 : fond clair.
 * - Noir velours #150E10 : fonds sombres, texte principal.
 * - Rouge carmin #961B1B : accent (inchangé).
 * - Noir carte #1E1518 : cartes posées sur les sections sombres.
 * - Pierre antique : #948670 (textes secondaires sur sombre, bordures,
 *   défilement), #6B6151 (textes secondaires sur clair, contraste AA),
 *   #BCB2A1, #DDD7CC et #EEEBE5 (accents sur sombre, filets, surfaces).
 * ========================================================================= */
:root {
	--hl-velours: #150e10;
	--hl-parchemin: #f7f6f3;
	--hl-parchemin-clair: #fbfaf8;
	--hl-carte-noire: #1e1518;
	--hl-pierre-100: #eeebe5;
	--hl-pierre-200: #ddd7cc;
	--hl-pierre-300: #bcb2a1;
	--hl-pierre-500: #948670;
	--hl-pierre-700: #6b6151;

	/* Anciens noms, alignés sur la nouvelle palette. */
	--hl-red: #961b1b;
	--hl-black: #150e10;
	--hl-ivory: #f7f6f3;
	--hl-ivory-light: #fbfaf8;
	--hl-beige: #ddd7cc;
	--hl-bronze: #948670;
	--hl-champagne: #bcb2a1;
	--hl-champagne-light: #ddd7cc;
	--hl-text-muted: #6b6151;
	--hl-font-display: "Cormorant Garamond";
	--hl-font-body: "Plus Jakarta Sans";

	scrollbar-color: #948670 transparent;
}

/* ---------------------------------------------------------- Familles */
html body {
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html body :is( input, button, select, textarea, optgroup, label ) {
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html body :is( h1, h2, h3, blockquote ) {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

html body :is( h4, h5, h6 ) {
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

/* Widgets Elementor : titres atomiques et V3 en Cormorant, paragraphes en
   Plus Jakarta Sans (leurs styles locaux nommaient encore les anciennes
   familles). */
html body .elementor :is( .e-heading-base, .elementor-heading-title ) {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
}

html body .elementor :is( .e-paragraph-base, .elementor-widget-text-editor, .e-button-base ) {
	font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

/* Mots mis en valeur dans les titres : italique de la Cormorant. */
html body :is( h1, h2, h3, .e-heading-base, .elementor-heading-title ) em {
	font-family: inherit;
	font-style: italic;
}

/* ---------------------------------------------------------- Défilement */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: transparent;
}

::-webkit-scrollbar-thumb {
	border: 2px solid transparent;
	border-radius: 999px;
	background: #948670 padding-box;
}

::selection {
	background: #961b1b;
	color: #f7f6f3;
}

/* ------------------------------------------------- Widgets HTML de l'accueil
   La FAQ et le bandeau de réassurance portent leur propre bloc de style
   dans Elementor (anciennes couleurs et polices) : on aligne leurs
   variables et leurs familles ici. */
html body .hl-faq,
html body .hl-reassurance {
	--hl-black: #150e10;
	--hl-ivory: #f7f6f3;
	--hl-ivory-light: #fbfaf8;
	--hl-red: #961b1b;
	--hl-champagne: #bcb2a1;
	--hl-champagne-light: #ddd7cc;
	--hl-muted: #6b6151;
	--hl-border: rgba( 21, 14, 16, 0.13 );
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

html body .hl-faq :is( .hl-faq__title, .hl-faq__title em, .hl-faq__question > span:first-child ) {
	font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
}

html body .hl-faq :is( .hl-faq__eyebrow, .hl-faq__lead, .hl-faq__answer p ) {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
}

html body .hl-faq :is( .hl-faq__lead, .hl-faq__answer p ) {
	color: #6b6151 !important;
}

html body .hl-faq .hl-faq__icon {
	border-color: rgba( 21, 14, 16, 0.16 );
}

html body .hl-reassurance {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
}

/* Restes du thème Listeo (compteurs de la carte, total de voyageurs). */
html body :is( .marker-cluster, .marker-cluster *, .qtyTotal, .leaflet-container ) {
	font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
}

/* ------------------------------------------- Réglages Elementor de l'accueil
   Styles locaux des widgets atomiques (le cache CSS d'Elementor ne se
   régénère pas pour eux) : héros, univers, pied de page. */
html body .elementor [data-id="cd11825"] {
	color: #150e10 !important;
}

html body .elementor [data-id="b764adc"] {
	color: #6b6151 !important;
}

html body .elementor-element-4ab098ab,
html body .elementor-element-152cfa5b {
	background-color: #150e10 !important;
}

html body .elementor :is( [data-id="603558ad"], [data-id="58c9755d"], [data-id="1fe6f079"], [data-id="1be7e345"] ) {
	color: #f7f6f3 !important;
}

html body .elementor [data-id="603558ad"] em {
	color: #bcb2a1 !important;
}

html body .elementor-element-e412739 {
	border-color: rgba( 247, 246, 243, 0.14 ) !important;
}

/* ------------------------------------------------- Gris du thème Listeo
   Formulaires de connexion et d'inscription, liste d'équipements, carte,
   calendrier : les gris froids du thème passent en pierre antique. */
html body :is( #sign-in-dialog, .sign-in-form, form.login, form.register ) :is( label, .lost_password a, .password-strength-requirements, .checkboxes label ) {
	color: #6b6151;
}

html body .tabs-nav li a,
html body .daterangepicker .cancelBtn,
html body .listing-features li,
html body .account-type label {
	color: #6b6151;
}

html body :is( form.login, form.register, .sign-in-form ) input.input-text,
html body .sign-in-form .tab-content,
html body .booking-sticky-footer {
	border-color: #ddd7cc;
}

html body :is( .leaflet-bar a, .leaflet-control-attribution, .leaflet-control-attribution a ) {
	color: #150e10;
}

html body .listing-widget.widget_listing_owner,
html body .listeo_core.widget_list {
	background-color: #fbfaf8;
}

/* Derniers restes relevés par l'audit (3.83.2). */
html body .elementor [data-id="6ee8cb90"] {
	color: #f7f6f3 !important;
}

html body .elementor [data-id="6ee8cb90"] em {
	color: #bcb2a1 !important;
}

html body .leaflet-container :is( .leaflet-control-attribution, .leaflet-control-attribution a, .leaflet-bar a ) {
	color: #150e10 !important;
}

html body :is( .listing-nav a, .listing-nav-container a, .hl-fear-row__label, .listing-features li, .hl-feature-texte ) {
	color: #6b6151;
}

html body :is( .listing-nav a.active, .listing-nav li.active a ) {
	color: #150e10;
}

html body .listeo_core.listing-widget {
	background-color: #fbfaf8;
}

html body .tabs-nav li a {
	color: #6b6151 !important;
}

html body .tabs-nav li.active a {
	color: #150e10 !important;
}

/* « Choisissez votre façon de vivre l'étrange. » : titre centré (3.85). */
html body .elementor [data-id="603558ad"] {
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center !important;
}

/* =========================================================================
 * TITRES DE SECTION DE L'ACCUEIL : UNE SEULE TAILLE (3.85)
 * Même niveau de titre, même taille : 56 px sur ordinateur, 48 px sur
 * tablette, 40 px sur téléphone ; même interligne, même approche.
 * (Avant : 63 px pour le frisson et les expériences, 38 px pour les envies
 * sur tablette et téléphone.)
 * ========================================================================= */
html body.home :is(
	.hl-ff__titre,
	.hl-envies__titre,
	.hl-faq__title,
	.hl-confiance__titre,
	.elementor-element-447d0a60 .headline,
	.hl-dest h2,
	[data-id="603558ad"],
	[data-id="6ee8cb90"],
	.elementor-element-65a0fb48 .elementor-heading-title
) {
	font-size: 56px !important;
	line-height: 1.05 !important;
	letter-spacing: -0.035em !important;
}

@media ( max-width: 1024px ) {
	html body.home :is( .hl-ff__titre, .hl-envies__titre, .hl-faq__title, .hl-confiance__titre, .elementor-element-447d0a60 .headline, .hl-dest h2, [data-id="603558ad"], [data-id="6ee8cb90"], .elementor-element-65a0fb48 .elementor-heading-title ) {
		font-size: 48px !important;
	}
}

@media ( max-width: 767px ) {
	html body.home :is( .hl-ff__titre, .hl-envies__titre, .hl-faq__title, .hl-confiance__titre, .elementor-element-447d0a60 .headline, .hl-dest h2, [data-id="603558ad"], [data-id="6ee8cb90"], .elementor-element-65a0fb48 .elementor-heading-title ) {
		font-size: 40px !important;
	}
}

/* Conteneur de la section confiance (copie de celui des destinations) :
   ni fond sombre ni marges, la section porte les siennes. */
html body .elementor-element-476fbcd7,
html body .elementor [data-id="476fbcd7"] {
	padding: 0 !important;
	background: transparent !important;
}

/* En-tête : « Devenir hôte » tout à droite, après « Connexion » ou
   « Mon compte » (3.85). */
html body #header-container .header-widget > a.button {
	order: 9 !important;
}

/* =========================================================================
 * PIED DE PAGE (3.86)
 * - Titres de colonne en minuscules (première lettre en capitale), en
 *   Plus Jakarta Sans.
 * - Illustration en lisière : un sol de nuit (panneau, lanterne) posé sur
 *   le haut du pied de page, à la couleur noir velours ; le ciel de
 *   l'illustration reprend le fond de la section précédente.
 * ========================================================================= */
html body .elementor-location-footer h4.e-heading-base {
	color: #bcb2a1 !important;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.01em !important;
	text-transform: none !important;
}

html body .elementor-location-footer {
	--hl-sol-h: clamp( 72px, 11.94vw, 240px );
	position: relative;
	padding-top: var( --hl-sol-h );
	background: var( --hl-footer-ciel, transparent );
}

html body.home .elementor-location-footer {
	--hl-footer-ciel: #eeebe5;
}

html body .elementor-location-footer::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	left: 0;
	height: calc( var( --hl-sol-h ) + 1px );
	background: url( "footer-sol.webp" ) center bottom / cover no-repeat;
	pointer-events: none;
}

/* Le ciel de l'illustration fait déjà respiration : section précédente et
   haut du pied de page resserrés. */
html body.home .hl-confiance {
	padding-bottom: 8px !important;
}

html body .elementor-location-footer .elementor-element-152cfa5b {
	padding-top: 40px !important;
}

/* Chiffres alignés partout : Cormorant dessine par défaut des chiffres
   elzéviriens (« 30 » qui descend sous la ligne) (3.94). */
html body {
	font-variant-numeric: lining-nums;
}