/* Dark mode — maquettes sels (aligné sur theme-dark-pages.css du site) */

html[data-theme="dark"] body.mockup-sels-page {
  background: var(--bg);
  color: var(--text);
}

[data-theme="dark"] .mockup-hero {
  background: linear-gradient(165deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
}

[data-theme="dark"] .mockup-breadcrumb,
[data-theme="dark"] .mockup-lead,
[data-theme="dark"] .mockup-section-intro,
[data-theme="dark"] .mockup-service p,
[data-theme="dark"] .mockup-tds-foot {
  color: var(--muted);
}

[data-theme="dark"] .mockup-breadcrumb a {
  color: var(--blue);
}

[data-theme="dark"] .mockup-hero h1,
[data-theme="dark"] .mockup-section h2,
[data-theme="dark"] .mockup-hub-card h3,
[data-theme="dark"] .mockup-service h4,
[data-theme="dark"] .mockup-hero-formats h3 {
  color: var(--text);
}

[data-theme="dark"] .mockup-tag {
  background: rgba(94, 178, 224, 0.14);
  color: var(--blue);
}

[data-theme="dark"] .mockup-chip {
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
}

[data-theme="dark"] .mockup-section {
  background: var(--bg) !important;
}

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

[data-theme="dark"] .mockup-hub-card p {
  color: var(--muted);
}

[data-theme="dark"] .mockup-hero-formats {
  background: rgba(94, 178, 224, 0.08);
  border: 1px solid var(--border);
}

[data-theme="dark"] .mockup-hero-formats p {
  color: var(--muted);
}

[data-theme="dark"] .mockup-hero-visual {
  background: var(--card) !important;
  border-color: var(--border);
}

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

/* ── Fiches techniques (TDS) ── */
[data-theme="dark"] .mockup-tds-card {
  background: var(--card);
  border-color: var(--border);
}

[data-theme="dark"] .mockup-tds-card h3 {
  background: rgba(94, 178, 224, 0.08);
  border-bottom-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .mockup-tds-table th,
[data-theme="dark"] .mockup-tds-table td {
  border-bottom-color: var(--border);
}

[data-theme="dark"] .mockup-tds-table th {
  color: var(--muted);
}

[data-theme="dark"] .mockup-tds-table td {
  color: var(--text);
}

[data-theme="dark"] .mockup-tds-foot {
  background: var(--card) !important;
  border-top: 1px solid var(--border);
}

[data-theme="dark"] .mockup-tds-foot a:not(.mockup-tds-btn) {
  color: var(--blue);
}

[data-theme="dark"] .mockup-tds-preview {
  background: var(--card) !important;
  border-color: var(--border);
}

[data-theme="dark"] .mockup-tds-preview summary {
  background: var(--card) !important;
  color: var(--text) !important;
  border-bottom-color: var(--border);
}

[data-theme="dark"] .mockup-tds-preview summary:hover {
  background: rgba(94, 178, 224, 0.1) !important;
}

[data-theme="dark"] .mockup-tds-preview iframe {
  background: #1e293b;
}

[data-theme="dark"] .mockup-tds-btn--open {
  background: var(--blue);
  color: #0c3d5c !important;
}

[data-theme="dark"] .mockup-tds-btn--open:hover {
  background: #e0f2fe;
  color: #0c3d5c !important;
}

[data-theme="dark"] .mockup-tds-btn--dl {
  background: transparent !important;
  color: var(--text) !important;
  border-color: rgba(148, 163, 184, 0.5);
}

[data-theme="dark"] .mockup-tds-btn--dl:hover {
  background: var(--blue-light) !important;
  border-color: var(--blue);
  color: var(--blue) !important;
}

[data-theme="dark"] .mockup-tds-foot .mockup-tds-btn--dl {
  color: var(--text) !important;
}

/* ── CTA & actions ── */
[data-theme="dark"] .mockup-footer-cta {
  background: linear-gradient(135deg, #0c3d5c 0%, #14557d 100%);
}

[data-theme="dark"] .mockup-footer-cta h2,
[data-theme="dark"] .mockup-footer-cta p,
[data-theme="dark"] .mockup-footer-cta a {
  color: #f8fafc;
}

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

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

[data-theme="dark"] .mockup-lang-pills button {
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .mockup-lang-pills button.active {
  background: #7dd3fc;
  color: #0f172a;
  border-color: #7dd3fc;
}

[data-theme="dark"] .mockup-theme-toggle {
  background: rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

/* ── Footer site (identique aux autres pages) ── */
[data-theme="dark"] .site-footer,
[data-theme="dark"] #mockup-site-footer.site-footer {
  background: #0c3d5c !important;
  border-top: 1px solid #1e3a4f;
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] #mockup-site-footer .footer-brand img {
  filter: brightness(0) invert(1);
}

[data-theme="dark"] #mockup-site-footer .footer-brand p,
[data-theme="dark"] #mockup-site-footer .footer-col a,
[data-theme="dark"] #mockup-site-footer .footer-bottom span {
  color: rgba(255, 255, 255, 0.85);
}

[data-theme="dark"] #mockup-site-footer .footer-col h4 {
  color: rgba(255, 255, 255, 0.95);
}