/* =====================================================
   THÈME ENFANT DIVI — CSS PERSONNALISÉ
   =====================================================
   Ce fichier est dédié à vos personnalisations CSS.
   Il est chargé automatiquement après le style du parent.
   ===================================================== */


/* -----------------------------------------------------
   1. VARIABLES GLOBALES
   ----------------------------------------------------- */
:root {
	/* Couleurs de marque (à adapter) */
	--brand-primary: #000000;
	--brand-secondary: #ffffff;
	--brand-accent: #ff6b35;

	/* Espacements */
	--spacing-sm: 0.5rem;
	--spacing-md: 1rem;
	--spacing-lg: 2rem;
}


/* -----------------------------------------------------
   2. TYPOGRAPHIE
   ----------------------------------------------------- */
/* Vos surcharges typographiques */


/* -----------------------------------------------------
   3. HEADER & NAVIGATION
   ----------------------------------------------------- */
/* Personnalisations menu, logo, etc. */


/* -----------------------------------------------------
   4. FOOTER
   ----------------------------------------------------- */
/* Personnalisations du pied de page */


/* -----------------------------------------------------
   5. BOUTONS & CTA
   ----------------------------------------------------- */
/* Surcharges des boutons Divi */


/* -----------------------------------------------------
   6. LOADER LOTTIE (intro animation)
   ----------------------------------------------------- */
/*
#lottie-intro-loader {
	position: fixed;
	inset: 0;
	background: var(--brand-secondary);
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.6s ease;
}

#lottie-intro-loader.is-hidden {
	opacity: 0;
	pointer-events: none;
}

#lottie-intro-loader lottie-player {
	width: clamp(180px, 50vmin, 480px);
	aspect-ratio: 1 / 1;
}

body.has-intro-loader {
	overflow: hidden;
}
*/


/* -----------------------------------------------------
   7. RESPONSIVE
   ----------------------------------------------------- */
@media (max-width: 980px) {
	/* Tablette */
}

@media (max-width: 480px) {
	/* Mobile */
}
