/* ===================================
   CORRECTION CONTRASTE - ULTRA PUISSANT
   Force texte blanc sur fond bleu foncé
   =================================== */

/* RÈGLE GLOBALE : Tout élément avec background bleu foncé */
*[style*="background: #0b"],
*[style*="background:#0b"],
*[style*="background-color: #0b"],
*[style*="background-color:#0b"] {
    color: white !important;
}

/* Tous les enfants directs et descendants */
*[style*="background: #0b"] *,
*[style*="background:#0b"] *,
*[style*="background-color: #0b"] *,
*[style*="background-color:#0b"] * {
    color: white !important;
}

/* Sections spécifiques avec IDs */
#alt immo-robinetterie-recap .step,
#batik-robinetterie-recap .step *,
#batik-robinetterie-recap .card .icon,
#batik-robinetterie-recap .card .icon *,
#batik-robinetterie-recap .price .pill,
#batik-robinetterie-recap .price .pill *,
#batik-robinetterie-recap .btn,
#batik-robinetterie-recap .btn * {
    color: white !important;
}

#batik-reno-douche-recap .card .icon,
#batik-reno-douche-recap .card .icon *,
#batik-wc-recap .card .icon,
#batik-wc-recap .card .icon *,
#batik-process-cards .card .icon,
#batik-process-cards .card .icon *,
#batik-process-left .note,
#batik-process-left .note *,
#debouchage-etapes .pill,
#debouchage-etapes .pill *,
#artisanbruno-debouchage-process .card .icon,
#artisanbruno-debouchage-process .card .icon * {
    color: white !important;
}

/* Classes génériques */
.step[style*="#0b"],
.step[style*="#0b"] *,
.card[style*="#0b"],
.card[style*="#0b"] *,
.badge[style*="#0b"],
.badge[style*="#0b"] *,
.pill[style*="#0b"],
.pill[style*="#0b"] *,
.btn[style*="#0b"],
.btn[style*="#0b"] *,
.icon[style*="#0b"],
.icon[style*="#0b"] * {
    color: white !important;
}

/* Gradients avec bleu foncé */
*[style*="linear-gradient"][style*="#0b"],
*[style*="linear-gradient"][style*="#0b"] * {
    color: white !important;
}

/* Elements de texte spécifiques */
*[style*="background: #0b"] h1,
*[style*="background: #0b"] h2,
*[style*="background: #0b"] h3,
*[style*="background: #0b"] h4,
*[style*="background: #0b"] p,
*[style*="background: #0b"] span,
*[style*="background: #0b"] strong,
*[style*="background: #0b"] div,
*[style*="background: #0b"] li {
    color: white !important;
}

/* Pour les backgrounds en CSS (pas inline) */
.step,
.badge,
.pill,
.icon {
    /* On check s'ils ont un background bleu dans leur CSS */
}

/* Override pour les boutons qui doivent rester avec leur style */
.btn.secondary,
.btn.secondary * {
    color: inherit !important;
}

/* Cas spéciaux : liens dans sections sombres doivent rester visibles */
*[style*="background: #0b"] a:not(.btn):not([class*="button"]) {
    color: #cbd5f5 !important;
    text-decoration: underline !important;
}

*[style*="background: #0b"] a:not(.btn):hover {
    color: white !important;
}

/* ULTRA IMPORTANT : pour tous les éléments avec ces backgrounds précis */
[style="background: #0b3a78;"],
[style="background: #0b2748;"],
[style="background: #0a2f63;"],
[style="background: #082a56;"],
[style*="background: linear-gradient(180deg, #0b3a78"],
[style*="background: linear-gradient(135deg, #0b2748"],
[style*="background: linear-gradient(145deg, #0b3a78"] {
    color: white !important;
}

[style="background: #0b3a78;"] *,
[style="background: #0b2748;"] *,
[style="background: #0a2f63;"] *,
[style="background: #082a56;"] *,
[style*="background: linear-gradient(180deg, #0b3a78"] *,
[style*="background: linear-gradient(135deg, #0b2748"] *,
[style*="background: linear-gradient(145deg, #0b3a78"] * {
    color: white !important;
}


/* Sections avec fond bleu foncé doivent avoir texte blanc */
[style*="background: #0b"],
[style*="background:#0b"],
[class*="dark-bg"],
section[style*="background: linear-gradient"],
.strip,
.batik-hero[style*="background"],
#batik-robinetterie-recap .card[style*="background"],
#batik-reno-douche-recap .card[style*="background"],
#batik-process-cards .card[style*="background"],
#batik-wc-recap .card[style*="background"],
#faq-robinet .card[style*="background"],
#debouchage-etapes [style*="background"],
#batik-degats-recap [style*="background"] {
    color: white !important;
}

/* Tous les descendants de sections avec fond foncé */
[style*="background: #0b"] *,
[style*="background:#0b"] *,
[style*="background: linear-gradient"][style*="#0b"] *,
.strip *,
section[class*="dark"] * {
    color: inherit;
}

/* Force le blanc pour les éléments texte dans les cartes avec fond bleu */
[style*="background: #0b3a78"] p,
[style*="background: #0b3a78"] h2,
[style*="background: #0b3a78"] h3,
[style*="background: #0b3a78"] strong,
[style*="background: #0b3a78"] span,
[style*="background: #0b3a78"] li,
[style*="background: #0b2748"] p,
[style*="background: #0b2748"] h2,
[style*="background: #0b2748"] h3,
[style*="background: #0b2748"] strong,
[style*="background: #0b2748"] span,
[style*="background: #0b2748"] li {
    color: white !important;
}

/* Cartes avec classe spécifique et fond bleu */
.card[style*="#0b3a78"],
.step[style*="#0b3a78"],
.badge[style*="#0b3a78"] {
    color: white !important;
}

.card[style*="#0b3a78"] *,
.step[style*="#0b3a78"] *,
.badge[style*="#0b3a78"] * {
    color: white !important;
}

/* Sections spécifiques dans les pages */
#batik-robinetterie-recap .card {
    background: #0b3a78 !important;
    color: white !important;
}

#batik-robinetterie-recap .card * {
    color: white !important;
}

#batik-reno-douche-recap .card {
    background: #0b3a78 !important;
    color: white !important;
}

#batik-reno-douche-recap .card * {
    color: white !important;
}

#batik-process-cards .card {
    background: #0b3a78 !important;
    color: white !important;
}

#batik-process-cards .card * {
    color: white !important;
}

/* Liens dans les sections sombres */
[style*="background: #0b"] a:not(.btn),
.strip a:not(.btn),
section[class*="dark"] a:not(.btn) {
    color: #cbd5f5;
    text-decoration: underline;
}

[style*="background: #0b"] a:not(.btn):hover,
.strip a:not(.btn):hover {
    color: white;
}

/* S'assurer que les boutons gardent leur style */
[style*="background: #0b"] .btn,
.strip .btn {
    color: var(--color-dark-primary) !important;
    background: white !important;
}