/* ============================================================================
   SURCHARGES MODE CLAIR — sections Elementor
   ============================================================================

   MÉTHODE :
   Pour chaque section/élément Elementor que vous voulez adapter au mode
   clair, repérez son sélecteur CSS exact (clic droit > Inspecter sur
   l'élément, ou l'onglet "Style" > "CSS Id/Class" dans Elementor), puis
   copiez-le ici en le préfixant par "html.theme-light " et en changeant
   uniquement les valeurs de couleur/fond.

   Vous ne touchez JAMAIS aux fichiers du toggle (inc/theme-mode.php,
   theme-mode.js, theme-mode.css) pour ça — uniquement ce fichier.
   Une section par bloc, vous pouvez en ajouter autant que nécessaire.

   ---------------------------------------------------------------------
   EXEMPLE RÉEL (déjà fonctionnel) :
   Section d'origine, en sombre (dans le CSS Elementor de la page) :

     .elementor-28494 .elementor-element.elementor-element-8cd3156:not(.elementor-motion-effects-element-type-background),
     .elementor-28494 .elementor-element.elementor-element-8cd3156 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
         background-color: #02050A;
         background-image: url(https://www.sprawlink.com/wp-content/uploads/2022/10/o5igt5.png);
         background-position: center center;
         background-repeat: no-repeat;
         background-size: cover;
     }

.elementor-28266 .elementor-element.elementor-element-8cd3156:not(.elementor-motion-effects-element-type-background),
.elementor-28266 .elementor-element.elementor-element-8cd3156 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #02050A;
    background-image: url(https://www.sprawlink.com/wp-content/uploads/2022/10/o5igt5.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

   Sa version claire ci-dessous : même sélecteur, préfixé, fond clair et
   IMAGE RETIRÉE (une image sombre resterait visible et casserait le
   rendu clair — à remplacer par une version claire de l'image si vous
   en avez une, ou à laisser en couleur unie).
   ------------------------------------------------------------------- */

html.theme-light .elementor-28494 .elementor-element.elementor-element-8cd3156:not(.elementor-motion-effects-element-type-background),
html.theme-light .elementor-28494 .elementor-element.elementor-element-8cd3156 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #ffffff;
	background-image: none;
}

/* ---------------------------------------------------------------------
   AJOUTEZ VOS PROCHAINES SECTIONS CI-DESSOUS, MÊME PRINCIPE :

html.theme-light .elementor-28266 .elementor-element.elementor-element-8cd3156:not(.elementor-motion-effects-element-type-background),
html.theme-light .elementor-28266 .elementor-element.elementor-element-8cd3156 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
   	background-color: #ffffff;
	background-image: none;
}

   ------------------------------------------------------------------- */