/* Thème « Pro » en version SOMBRE : même mise en page et mêmes formes que le Pro clair, couleurs foncées et sobres.
   Chargé APRÈS theme-pro.css. S'applique quand <html data-mode="sombre"> (choix du visiteur, réglage de son appareil,
   ou Admin > Coordonnées & réglages > Apparence = « toujours sombre »). Voir static/js/init.js. */

[data-mode="sombre"] body.theme-pro {
  --nuit: #0c1624;
  --nuit-2: #101d2f;
  --panneau: #13233a;
  --panneau-plein: #13233a;
  --ligne: #22354f;
  --ligne-forte: #34507a;
  --texte: #c9d4e2;
  --texte-doux: #97a6ba;
  --blanc: #eef3f9;          /* couleur des titres */
  --cyan: #5aa8f2;           /* bleu d'accent, éclairci pour rester lisible sur fond foncé */
  --cyan-fonce: #86c0f7;
  --bleu: #3d8fe0;
  --marine: #e6eef8;         /* dans le Pro, « marine » colore les titres et liens : ici en clair */
  --gris-fond: #101d2f;
  --carte-fond: #13233a;
  --bandeau-fond: #08111d;   /* pied de page, chiffres clés, appel à l'action */
  --erreur: #f08389;
  --succes: #5fd08f;
  --ombre: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .28);
  background: var(--nuit);
  color: var(--texte);
  color-scheme: dark;
}
[data-mode="sombre"] .theme-pro ::selection { background: #2a4a75; color: #fff; }

/* Boutons */
[data-mode="sombre"] .theme-pro .btn { background: #2f7fd6; border-color: #2f7fd6; color: #fff; }
[data-mode="sombre"] .theme-pro .btn:hover { background: #4a95e6; border-color: #4a95e6; color: #fff; }
[data-mode="sombre"] .theme-pro .btn--contour { background: transparent; color: var(--cyan); border-color: var(--cyan); }
[data-mode="sombre"] .theme-pro .btn--contour:hover { background: rgba(90, 168, 242, .12); color: var(--cyan-fonce); }

/* En-tête */
[data-mode="sombre"] .theme-pro .entete,
[data-mode="sombre"] .theme-pro .entete.est-defile { background: var(--nuit); }
[data-mode="sombre"] .theme-pro .entete.est-defile { box-shadow: 0 2px 12px rgba(0, 0, 0, .4); }
@media (max-width: 860px) { [data-mode="sombre"] .theme-pro .nav { background: var(--nuit); } }

/* Bandeau d'accueil et page d'un service */
[data-mode="sombre"] .theme-pro .hero,
[data-mode="sombre"] .theme-pro .bandeau-service { background: linear-gradient(180deg, #112038 0%, var(--nuit) 100%); }
[data-mode="sombre"] .theme-pro .vitrine { background: var(--carte-fond); }
[data-mode="sombre"] .theme-pro .vitrine__liste li { background: var(--nuit-2); }
[data-mode="sombre"] .theme-pro .vitrine__liste li:hover { background: #18304f; }

/* Cartes et blocs blancs du Pro clair → fond de carte foncé */
[data-mode="sombre"] .theme-pro .service,
[data-mode="sombre"] .theme-pro .atouts li,
[data-mode="sombre"] .theme-pro .avis__item,
[data-mode="sombre"] .theme-pro .info,
[data-mode="sombre"] .theme-pro .formulaire,
[data-mode="sombre"] .theme-pro .legal-infos,
[data-mode="sombre"] .theme-pro .carte,
[data-mode="sombre"] .theme-pro .whatsapp-bloc,
[data-mode="sombre"] .theme-pro .autres-services a,
[data-mode="sombre"] .theme-pro .filtre { background: var(--carte-fond); }
[data-mode="sombre"] .theme-pro .service:hover { box-shadow: 0 12px 30px rgba(0, 0, 0, .45); }
[data-mode="sombre"] .theme-pro .service__visuel,
[data-mode="sombre"] .theme-pro .bandeau-service__visuel { background: #172b47; }
[data-mode="sombre"] .theme-pro .atouts .ico,
[data-mode="sombre"] .theme-pro .info__ico { background: #1b3456; }
[data-mode="sombre"] .theme-pro .galerie__item { background: #172b47; }
[data-mode="sombre"] .theme-pro .galerie__item figcaption { background: linear-gradient(transparent, rgba(0, 0, 0, .8)); }
[data-mode="sombre"] .theme-pro .filtre[aria-pressed="true"] { background: #2f7fd6; border-color: #2f7fd6; color: #fff; }

/* Bandeaux foncés (appel à l'action, chiffres clés, pied de page) : encore un peu plus sombres que la page */
[data-mode="sombre"] .theme-pro .appel,
[data-mode="sombre"] .theme-pro .chiffres,
[data-mode="sombre"] .theme-pro .pied { background: var(--bandeau-fond); }
[data-mode="sombre"] .theme-pro .appel { border: 1px solid var(--ligne); }
[data-mode="sombre"] .theme-pro .chiffres,
[data-mode="sombre"] .theme-pro .pied { border-top: 1px solid var(--ligne); }
[data-mode="sombre"] .theme-pro .appel .btn:not(.btn--contour):not(.btn--whatsapp) { background: #fff; border-color: #fff; color: #0b2545; }
[data-mode="sombre"] .theme-pro .appel .btn:not(.btn--contour):not(.btn--whatsapp):hover { background: #dce8f6; }

/* Formulaires */
[data-mode="sombre"] .theme-pro .champ input,
[data-mode="sombre"] .theme-pro .champ select,
[data-mode="sombre"] .theme-pro .champ textarea { background: #0e1a2b; border-color: var(--ligne-forte); color: #eef3f9; color-scheme: dark; }
[data-mode="sombre"] .theme-pro .champ input:focus,
[data-mode="sombre"] .theme-pro .champ select:focus,
[data-mode="sombre"] .theme-pro .champ textarea:focus { box-shadow: 0 0 0 3px rgba(90, 168, 242, .25); }
[data-mode="sombre"] .theme-pro .choix-type input:checked + span { background: #18304f; }
[data-mode="sombre"] .theme-pro .alerte { background: #3a1518; border-color: #7a2b31; color: #f6c3c6; }
[data-mode="sombre"] .theme-pro .page-simple__ico { background: #143326; }
[data-mode="sombre"] .theme-pro .notation__etoiles label { color: #3a4f6b; }

/* Boutons de langue et de mode */
[data-mode="sombre"] .theme-pro .langue:hover,
[data-mode="sombre"] .theme-pro .bouton-mode:hover { background: rgba(90, 168, 242, .12); }