/* Mode sombre — accueil, contact, historique, visite, secteurs */

[data-theme="dark"] .site-footer {
  background: #0c3d5c;
  border-top: 1px solid #1e3a4f;
}

[data-theme="dark"] .btn-outline {
  border-color: rgba(148, 163, 184, 0.5);
  color: var(--text);
}

[data-theme="dark"] .btn-outline:hover {
  background: var(--blue-light);
  border-color: var(--blue);
  color: var(--blue);
}

[data-theme="dark"] .stats {
  background: var(--bg);
}

[data-theme="dark"] .stats-grid {
  background: var(--card);
  border-color: var(--border);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .stat-value { color: var(--blue); }
[data-theme="dark"] .stat-label,
[data-theme="dark"] .stat-hint { color: var(--muted); }

[data-theme="dark"] .hero-v3-brand img {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] .hero.hero--v3 .hero-stat-chip {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
  color: #f1f5f9;
}

[data-theme="dark"] .salt-spotlight { background: var(--bg); }
[data-theme="dark"] .sectors { background: var(--bg); }
[data-theme="dark"] .sectors-header h2,
[data-theme="dark"] .about-text h3 { color: var(--text); }

/* Cartes secteurs = photo + overlay : garder texte blanc (ne pas appliquer --text/--muted) */
[data-theme="dark"] .sector-card {
  border-color: rgba(255, 255, 255, 0.14);
}

[data-theme="dark"] .sector-overlay {
  background: linear-gradient(
    to top,
    rgba(12, 61, 92, 0.96) 0%,
    rgba(12, 61, 92, 0.72) 42%,
    rgba(12, 61, 92, 0.42) 100%
  );
}

[data-theme="dark"] .sector-body,
[data-theme="dark"] .sector-card h3,
[data-theme="dark"] .sector-card p,
[data-theme="dark"] .sector-hook,
[data-theme="dark"] .sector-link {
  color: #fff;
}

[data-theme="dark"] .sector-tag,
[data-theme="dark"] .sector-chip {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

[data-theme="dark"] .sector-link {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.32);
}

[data-theme="dark"] .sector-link:hover {
  background: rgba(255, 255, 255, 0.24);
  border-color: rgba(255, 255, 255, 0.48);
  color: #fff;
}

[data-theme="dark"] .home-dual-cta .fds-card,
[data-theme="dark"] .home-dual-cta .contact-card,
[data-theme="dark"] .fds-card {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 55%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .home-dual-cta .fds-card h2,
[data-theme="dark"] .home-dual-cta .contact-card h2,
[data-theme="dark"] .fds-card h2 { color: #f8fafc; }

[data-theme="dark"] .home-dual-cta .fds-card p,
[data-theme="dark"] .home-dual-cta .contact-card p,
[data-theme="dark"] .fds-card p { color: rgba(248, 250, 252, 0.88); }

[data-theme="dark"] .about { background: var(--bg); }
[data-theme="dark"] .about-text p,
[data-theme="dark"] .about-list li { color: var(--muted); }

[data-theme="dark"] .contact-hero h1,
[data-theme="dark"] .contact-section h2 { color: var(--text); }

[data-theme="dark"] .contact-card,
[data-theme="dark"] .contact-form,
[data-theme="dark"] .contact-team-card,
[data-theme="dark"] .contact-info-card {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .contact-form h3,
[data-theme="dark"] .contact-info-card h3 { color: var(--text); }

[data-theme="dark"] .contact-hero-card {
  background: linear-gradient(135deg, #0c3d5c 0%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .form-row input,
[data-theme="dark"] .form-row textarea,
[data-theme="dark"] .form-row select {
  background: var(--bg);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .contact-map-wrap {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .history-content,
[data-theme="dark"] .tour-content { background: var(--bg); }

[data-theme="dark"] .timeline-card,
[data-theme="dark"] .history-card,
[data-theme="dark"] .tour-card,
[data-theme="dark"] .tour-info-card {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .timeline-card h3,
[data-theme="dark"] .history-card h3,
[data-theme="dark"] .tour-card h3 { color: var(--text); }

[data-theme="dark"] .timeline-card p,
[data-theme="dark"] .history-card p,
[data-theme="dark"] .tour-card p { color: var(--muted); }

[data-theme="dark"] .sector-find { background: var(--bg); }
[data-theme="dark"] .sector-find-header h2 { color: var(--text); }

[data-theme="dark"] .sector-product-card,
[data-theme="dark"] .sector-svc-card {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .sector-product-card h3,
[data-theme="dark"] .sector-svc-card h3 { color: var(--text); }

/* CTA bas de page secteur */
[data-theme="dark"] .sector-cta-box {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 55%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .sector-cta-box h2,
[data-theme="dark"] .sector-cta-box p {
  color: #f8fafc;
  opacity: 1;
}

[data-theme="dark"] .sector-cta .btn-primary {
  background: #fff;
  color: #0c3d5c;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .sector-cta .btn-primary:hover {
  background: #e0f2fe;
  color: #0c3d5c;
}

/* Pastilles sels — zone image : même fond que le corps de carte */
[data-theme="dark"] .water-product-visual {
  background: var(--card);
  border-bottom-color: var(--border);
}

[data-theme="dark"] .water-product-card {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .water-product-header h3,
[data-theme="dark"] .sector-also-title {
  color: var(--text);
}

[data-theme="dark"] .water-product-brand {
  color: var(--blue);
}

[data-theme="dark"] .water-product-desc,
[data-theme="dark"] .water-product-features li,
[data-theme="dark"] .water-product-formats,
[data-theme="dark"] .sector-group-card--salt li,
[data-theme="dark"] .sector-group-card--salt .sector-group-formats {
  color: var(--muted);
}

[data-theme="dark"] .salt-subsector-title {
  color: var(--text);
}

[data-theme="dark"] .sector-group-card--salt .sector-group-formats strong {
  color: var(--text);
}

[data-theme="dark"] .sector-page-chip {
  background: var(--card);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .sector-find-header h2 {
  color: var(--text);
}

/* ── Bandeaux bleus marketing : fonds fixes (pas les vars éclaircies) ── */

[data-theme="dark"] .services-strip {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 50%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .services-strip .service-item h3,
[data-theme="dark"] .services-strip .service-item p,
[data-theme="dark"] .services-strip .service-item svg {
  color: #f8fafc;
}

[data-theme="dark"] .history-intro-card {
  background: linear-gradient(145deg, #0c3d5c 0%, #14557d 55%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .history-intro-card .quote,
[data-theme="dark"] .history-intro-card .author,
[data-theme="dark"] .history-intro-card .author strong {
  color: #f8fafc;
  opacity: 1;
}

[data-theme="dark"] .history-intro-text h2 {
  color: var(--text);
}

[data-theme="dark"] .location-card {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 100%);
  color: #f8fafc;
}

[data-theme="dark"] .location-card h3,
[data-theme="dark"] .location-card address,
[data-theme="dark"] .location-hours {
  color: rgba(248, 250, 252, 0.92);
  opacity: 1;
}

[data-theme="dark"] .location-map-pill {
  background: #fff;
  color: #0c3d5c;
}

[data-theme="dark"] .location-map-pill:hover {
  background: #e0f2fe;
  color: #0c3d5c;
}

[data-theme="dark"] .home-dual-cta .contact-cta-card,
[data-theme="dark"] .contact-cta-card {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 55%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .home-dual-cta .contact-cta-card h2,
[data-theme="dark"] .contact-cta-card h2 {
  color: #f8fafc;
}

[data-theme="dark"] .home-dual-cta .contact-cta-card p,
[data-theme="dark"] .contact-cta-card p {
  color: rgba(248, 250, 252, 0.88);
  opacity: 1;
}

[data-theme="dark"] .home-dual-cta .fds-card .btn-primary,
[data-theme="dark"] .home-dual-cta .contact-cta-card .btn-primary,
[data-theme="dark"] .contact-cta-card .btn-primary,
[data-theme="dark"] .fds-card .btn-primary {
  background: #fff;
  color: #0c3d5c;
}

[data-theme="dark"] .home-dual-cta .fds-card .btn-primary:hover,
[data-theme="dark"] .home-dual-cta .contact-cta-card .btn-primary:hover,
[data-theme="dark"] .contact-cta-card .btn-primary:hover,
[data-theme="dark"] .fds-card .btn-primary:hover {
  background: #e0f2fe;
  color: #0c3d5c;
}

[data-theme="dark"] .section-header h2 {
  color: var(--text);
}

[data-theme="dark"] .section-header p {
  color: var(--muted);
}

/* ── Pastilles hero (Axal / Chimie) — boutons blancs lisibles ── */

[data-theme="dark"] .btn-water,
[data-theme="dark"] .btn-chem,
[data-theme="dark"] .salt-spotlight-btn {
  background: #fff !important;
  color: #0c3d5c !important;
}

[data-theme="dark"] .hero-panel-chem {
  background: linear-gradient(145deg, #0c3d5c 0%, #1a6b9c 42%, #2a9d8f 100%);
  color: #fff;
}

[data-theme="dark"] .hero-panel-water {
  background: linear-gradient(145deg, rgba(194, 65, 12, 0.95) 0%, rgba(26, 107, 156, 0.92) 100%);
  color: #fff;
}

[data-theme="dark"] .hero-water-title,
[data-theme="dark"] .hero-water-lead,
[data-theme="dark"] .hero-water-tag,
[data-theme="dark"] .hero-chem-title,
[data-theme="dark"] .hero-chem-lead,
[data-theme="dark"] .hero-chem-tag {
  color: #fff;
}

[data-theme="dark"] .hero-chem-chip {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

[data-theme="dark"] .hero-chem-chip-accent {
  background: #fff;
  color: #0c3d5c;
  border-color: transparent;
}

/* Bandeau sels accueil — dégradé identitaire conservé, texte blanc OK */
[data-theme="dark"] .salt-spotlight-inner {
  background: linear-gradient(135deg, #0c3d5c 0%, #1a6b9c 45%, #c2410c 100%);
}

[data-theme="dark"] .salt-spotlight-copy,
[data-theme="dark"] .salt-spotlight-copy h2,
[data-theme="dark"] .salt-spotlight-copy p {
  color: #f8fafc;
}

/* Heritage historique */
[data-theme="dark"] .heritage-banner {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 55%, #1e3a4f 100%);
  border-color: var(--border);
}

[data-theme="dark"] .heritage-banner h3 {
  color: #f8fafc;
}

[data-theme="dark"] .heritage-banner p {
  color: var(--muted);
}

/* FDS accueil si bandeau fds-card seul (hors dual-cta déjà couvert) */
[data-theme="dark"] .fds-cta .fds-card {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 55%, #1a6b9c 100%);
  color: #f8fafc;
}

[data-theme="dark"] .fds-cta .fds-card h2 {
  color: #f8fafc;
}

[data-theme="dark"] .fds-cta .fds-card p {
  color: rgba(248, 250, 252, 0.88);
}

[data-theme="dark"] .fds-cta .fds-card .btn {
  background: #fff;
  color: #0c3d5c;
}
