/* ========================================
   FIXES GLOBAUX - Steve Levy 17/02/2026
   Corrige les problèmes de contraste texte
   ======================================== */

/* ========================================
   PAGE TECHNIQUE - Texte blanc sur blanc
   ======================================== */
[data-theme="light"] .page-hero {
  background: #0a0a0a !important;
}

[data-theme="light"] .page-hero h1,
[data-theme="light"] .page-hero h2,
[data-theme="light"] .page-hero p,
[data-theme="light"] .page-hero .highlight,
[data-theme="light"] .page-hero-content,
[data-theme="light"] .page-hero-content * {
  color: #ffffff !important;
}

/* Sections sombres : forcer le texte blanc */
[data-theme="light"] .scroll-section-dark,
[data-theme="light"] section[style*="background: #0a0a0a"],
[data-theme="light"] section[style*="background:#0a0a0a"],
[data-theme="light"] section[style*="background: #000"],
[data-theme="light"] section[style*="background:#000"] {
  color: #ffffff !important;
}

[data-theme="light"] .scroll-section-dark .content-eyebrow {
  color: #93c5fd !important;
}

[data-theme="light"] .scroll-section-dark .content-title {
  color: #ffffff !important;
}

[data-theme="light"] .scroll-section-dark .content-subtitle {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ========================================
   SECTIONS FOND NOIR - Texte visible
   ======================================== */
[data-theme="light"] .dark-section h1,
[data-theme="light"] .dark-section h2,
[data-theme="light"] .dark-section h3,
[data-theme="light"] .dark-section p,
[data-theme="light"] .dark-section span,
[data-theme="light"] .dark-section a {
  color: #ffffff !important;
}

/* ========================================
   PAGE TECHNIQUE - Onglets et contenu
   ======================================== */
[data-theme="light"] .technique-tab,
[data-theme="light"] .concept-btn,
[data-theme="light"] .level-btn,
[data-theme="light"] .fundamentals-btn {
  background: #f1f5f9 !important;
  color: #1e293b !important;
  border: 1px solid #e2e8f0 !important;
}

[data-theme="light"] .technique-tab:hover,
[data-theme="light"] .concept-btn:hover,
[data-theme="light"] .level-btn:hover,
[data-theme="light"] .fundamentals-btn:hover {
  background: #e2e8f0 !important;
}

[data-theme="light"] .technique-tab.active,
[data-theme="light"] .concept-btn.active,
[data-theme="light"] .level-btn.active,
[data-theme="light"] .fundamentals-btn.active {
  background: #091A50 !important;
  color: #ffffff !important;
  border-color: #091A50 !important;
}

/* Contenu des sections techniques */
[data-theme="light"] .section-content h2,
[data-theme="light"] .section-content h3,
[data-theme="light"] .technique-section h2,
[data-theme="light"] .technique-section h3 {
  color: #1e293b !important;
}

[data-theme="light"] .section-content p,
[data-theme="light"] .technique-section p {
  color: #475569 !important;
}

/* ========================================
   CONCEPTION SUR-MESURE - Fond noir
   ======================================== */
[data-theme="light"] .conception-hero,
[data-theme="light"] .service-section.dark {
  background: #0a0a0a !important;
}

[data-theme="light"] .conception-hero h1,
[data-theme="light"] .conception-hero h2,
[data-theme="light"] .conception-hero p,
[data-theme="light"] .service-section.dark h2,
[data-theme="light"] .service-section.dark p {
  color: #ffffff !important;
}

/* ========================================
   ETUDES D'ECLAIRAGE - Contraste bleu/noir
   ======================================== */
[data-theme="light"] .etudes-hero,
[data-theme="light"] .study-section {
  background: #091A50 !important;
}

[data-theme="light"] .etudes-hero h1,
[data-theme="light"] .etudes-hero h2,
[data-theme="light"] .etudes-hero p,
[data-theme="light"] .study-section h2,
[data-theme="light"] .study-section p {
  color: #ffffff !important;
}

/* ========================================
   CERTIFICATIONS - Texte sous les badges
   ======================================== */
[data-theme="light"] .certification-item p,
[data-theme="light"] .cert-description,
[data-theme="light"] .normes-section p {
  color: #475569 !important;
}

[data-theme="light"] .certification-item h3,
[data-theme="light"] .cert-title {
  color: #1e293b !important;
}

/* ========================================
   CARDS EN LIGHT MODE
   ======================================== */
[data-theme="light"] .card,
[data-theme="light"] .feature-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .pillar-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0;
}

[data-theme="light"] .card h3,
[data-theme="light"] .feature-card h3 {
  color: #1e293b !important;
}

[data-theme="light"] .card p,
[data-theme="light"] .feature-card p {
  color: #475569 !important;
}

/* ========================================
   SECTION BADGES
   ======================================== */
[data-theme="light"] .section-badge {
  background: rgba(9, 26, 80, 0.1) !important;
  color: #091A50 !important;
}

/* ========================================
   SECTIONS A PROPOS / SOCIETE
   ======================================== */
[data-theme="light"] .section-title {
  color: #1e293b !important;
}

[data-theme="light"] .section-subtitle {
  color: #475569 !important;
}

/* Secteurs d'application - overlay lisible */
[data-theme="light"] .sector-card .sector-overlay h3,
[data-theme="light"] .sector-card .sector-overlay p,
[data-theme="light"] .application-card h3,
[data-theme="light"] .application-card p {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ========================================
   DOWNLOAD SECTION
   ======================================== */
[data-theme="light"] .download-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0;
}

[data-theme="light"] .download-info h3 {
  color: #1e293b !important;
}

[data-theme="light"] .download-info p {
  color: #475569 !important;
}

[data-theme="light"] .download-btn,
[data-theme="light"] .btn-download {
  background: #091A50 !important;
  color: #ffffff !important;
}

/* ========================================
   CTA SECTIONS
   ======================================== */
[data-theme="light"] .cta-section {
  background: linear-gradient(135deg, #091A50 0%, #0c2461 100%) !important;
}

[data-theme="light"] .cta-content h2,
[data-theme="light"] .cta-content p,
[data-theme="light"] .cta-section h2,
[data-theme="light"] .cta-section p {
  color: #ffffff !important;
}

/* ========================================
   PRODUCT PAGE FIXES
   ======================================== */
[data-theme="light"] .product-title {
  color: #1e293b !important;
}

[data-theme="light"] .product-info .product-category {
  color: #091A50 !important;
}

[data-theme="light"] .product-info .product-reference {
  color: #86868b !important;
}

/* === FIXES LEA 2026-04-20 === */

/* Point 14: "découvrir les produits" illisible sur page À propos */
.societe-page .btn,
.societe-page .cta-link,
.about-cta .btn {
  color: #ffffff !important;
  background: #1a1a6e !important;
  padding: 12px 28px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
}

/* Point 15: "nos 4 piliers" logos illisibles */
.piliers-section img,
.pillars img,
.pillar-icon img,
.pillar-icon svg {
  filter: brightness(0) saturate(100%) invert(10%) sepia(50%) saturate(3000%) hue-rotate(220deg);
  max-width: 64px;
}

/* Point 19: "demander une étude gratuite" illisible */
.etudes-hero .btn,
.study-cta .btn,
.etudes-page .btn-primary,
a.btn[href="#formulaire"] {
  background: #1a1a6e !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
}

/* Point 21: "5 erreurs à éviter" logos illisibles page conseils */
.conseils-page .icon img,
.conseils-page .card-icon img,
.conseil-card img,
.error-icon img {
  filter: brightness(0) saturate(100%) invert(10%) sepia(50%) saturate(3000%) hue-rotate(220deg);
  max-width: 48px;
}

/* Point 26: "besoin d un devis rapide ?" illisible page contact */
.contact-cta h2,
.contact-cta h3,
.devis-rapide h2,
.devis-rapide h3,
.contact-page .highlight-title {
  color: #1a1a6e !important;
}
.contact-cta p,
.devis-rapide p {
  color: #333333 !important;
}

/* Point 11: Format prix "Prix public : XX,XX€ HT" en gris */
.product-price-display {
  color: #888888 !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
}

/* Point 23: Page connexion - accents manquants fix */
/* handled in ouverture-compte.html */

/* Point 26: contact-cta-card lisibilité */
.contact-cta-card {
  background: #f8f8fc !important;
  border: 1px solid #e0e0e8 !important;
}
.contact-cta-card h3 {
  color: #1a1a6e !important;
}
.contact-cta-card p {
  color: #555 !important;
}

/* Point 14: societe page "découvrir les produits" */
.about-section a.btn,
.about-section .cta-button,
section.about a[href*="catalogue"] {
  background: #1a1a6e !important;
  color: #fff !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  display: inline-block;
}

/* Point 15: societe page "nos 4 piliers" - forcer visibilité des icones */
.pillars-section .pillar-item img,
.pillars-section .pillar-item svg,
.pillar-card img,
.pillar-card svg {
  opacity: 1 !important;
  filter: none !important;
  max-height: 64px;
}

/* Point 14 Lea R2: chiffres 5 erreurs en blanc */
.error-number, .error-num, .conseil-num,
.error-card .number, .conseil-card .number,
.error-icon, .conseil-icon {
  color: #ffffff !important;
}

/* Point 13 Lea R2: Découvrir les produits + piliers plus visibles */
.about-cta, .about-section .btn, .cta-link,
a[href*="catalogue"].btn, a.btn.btn-outline {
  background: #1a1a6e !important;
  color: #ffffff !important;
  padding: 14px 32px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-weight: 600 !important;
}

/* Piliers - forcer la visibilité des icones/images */
.pillars-grid img, .pillar-card img, .pillar img,
.pillars-section svg, .pillar-card svg, .pillar svg,
[class*="pillar"] img, [class*="pillar"] svg {
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 80px !important;
  display: block !important;
}

/* Point 11: Prix produit - aligné à droite en gris */
.variant-result {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
#selected-price {
  color: #888 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* Fix pillar-icon visibility - stroke plus épais et couleur forcée */
.pillar-icon svg {
  stroke: #091A50 !important;
  stroke-width: 2.5 !important;
  width: 32px !important;
  height: 32px !important;
}
.pillar-icon {
  background: rgba(9, 26, 80, 0.08) !important;
}

/* Fix advice-icon emojis - font size plus grand */
.advice-icon {
  font-size: 36px !important;
  line-height: 1 !important;
}


/* Stats section premium v2 */
.stat-item {
  background: #ffffff !important;
  border: 1.5px solid #e8e8f0 !important;
  border-radius: 20px !important;
  padding: 32px 40px !important;
  text-align: center !important;
  box-shadow: 0 2px 12px rgba(9, 26, 80, 0.04) !important;
  transition: all 0.3s !important;
}
.stat-item:hover {
  border-color: #091A50 !important;
  box-shadow: 0 8px 30px rgba(9, 26, 80, 0.1) !important;
  transform: translateY(-4px) !important;
}
.stat-number {
  font-size: 52px !important;
  font-weight: 900 !important;
  color: #091A50 !important;
  -webkit-text-fill-color: #091A50 !important;
  background: none !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
  letter-spacing: -0.02em !important;
}
.stat-label {
  color: #6b7280 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Ouverture compte - premium */
.account-form-card {
  border-radius: 20px !important;
  border: 1.5px solid #e8e8f0 !important;
  box-shadow: 0 4px 20px rgba(9, 26, 80, 0.05) !important;
  padding: 36px !important;
}
.form-intro-box {
  background: linear-gradient(135deg, #f0f2ff, #f8f9ff) !important;
  border-radius: 16px !important;
  padding: 24px !important;
  border-left: 4px solid #091A50 !important;
  margin-bottom: 32px !important;
}
.form-intro-box p {
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.form-section h3 {
  color: #091A50 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #f0f2ff !important;
}
.account-form-card input,
.account-form-card select,
.account-form-card textarea {
  border-radius: 12px !important;
  border: 1.5px solid #e0e0e8 !important;
  padding: 14px 16px !important;
  transition: all 0.2s !important;
}
.account-form-card input:focus,
.account-form-card select:focus,
.account-form-card textarea:focus {
  border-color: #091A50 !important;
  box-shadow: 0 0 0 3px rgba(9, 26, 80, 0.08) !important;
}
.account-form-card .btn,
.account-form-card button[type="submit"] {
  border-radius: 14px !important;
  padding: 16px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: linear-gradient(135deg, #091A50, #1a2b6e) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
}
.account-form-card .btn:hover,
.account-form-card button[type="submit"]:hover {
  box-shadow: 0 8px 25px rgba(9, 26, 80, 0.2) !important;
  transform: translateY(-2px) !important;
}

/* Avantages sidebar */
.account-benefits {
  border-radius: 20px !important;
  border: 1.5px solid #e8e8f0 !important;
  padding: 28px !important;
}

/* Societe hero-subtitle - pas de gras */
.hero-subtitle {
  font-weight: 400 !important;
}

/* Variant buttons - clean style */
.variant-btn {
  padding: 8px 16px !important;
  border: 2px solid #e5e7eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 60px;
  text-align: center;
}
.variant-btn:hover {
  border-color: #091A50 !important;
  background: #f0f4ff !important;
  color: #091A50 !important;
}
/* Boutons textuels (non-swatches) : fond navy quand sélectionnés */
.variant-btn.selected:not(.color-swatch),
.variant-btn.active:not(.color-swatch) {
  border-color: #091A50 !important;
  background: #091A50 !important;
  color: #fff !important;
}
/* Swatches couleur : on garde la couleur inline, on ajoute juste un border navy */
.variant-btn.color-swatch.selected,
.variant-btn.color-swatch.active {
  border-color: #091A50 !important;
}
.variant-btn.color-swatch {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  border-width: 3px !important;
}
.variant-btn.color-swatch.selected,
.variant-btn.color-swatch.active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #091A50 !important;
}
.variant-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-bottom: 8px !important;
  display: block !important;
}
.variant-label .selected-value {
  color: #091A50 !important;
  font-weight: 700 !important;
}
.variant-options {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.variant-group {
  margin-bottom: 16px !important;
}

/* Option badge in references table */
.option-ref { display: block; font-size: 11px; color: #6b7280; font-family: ui-monospace, SFMono-Regular, monospace; margin-top: 4px; letter-spacing: 0.02em; }
.option-badge {
  display: inline-block;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.ref-row-option {
  background: #fffbeb !important;
}
.ref-row-option:hover {
  background: #fef3c7 !important;
}