/* ============================================================
   theme-product.css — MODE CLAIR de la page produit (product.php)
   N'agit QUE sous html[data-theme="light"] .pp-product :
   le mode sombre et les autres pages ne sont pas touchés.

   Problème corrigé : la page produit était conçue en sombre. En mode
   clair, les fonds s'éclaircissaient mais les textes restaient clairs
   → contrastes de 1.0 à 2.0 (illisible). Ici on FONCE ces couleurs.

   Le scope .pp-product est indispensable : le vert #8cc63f doit rester
   clair ailleurs (ex. cartes restées sombres de l'accueil).
   ============================================================ */

html[data-theme="light"] .pp-product {
    --ppp-text:       #112a45;   /* texte principal */
    --ppp-muted:      #51647a;   /* texte secondaire */
    --ppp-green:      #4e7d1e;   /* vert de marque, version lisible sur clair */
    --ppp-amber:      #b45309;
    --ppp-cyan:       #0e7490;
    --ppp-purple:     #6d28d9;
    --ppp-red:        #b91c1c;
}

/* --- Vert de marque : #8cc63f (2.05 sur blanc) → #4e7d1e (lisible) --- */
html[data-theme="light"] .pp-product .text-\[\#8cc63f\],
html[data-theme="light"] .pp-product .oc-price-new,
html[data-theme="light"] .pp-product .oc-see-all strong,
html[data-theme="light"] .pp-product .oc-see-all { color: var(--ppp-green) !important; }

/* --- Ambre / jaune : "Prix de lancement", "examen pratique" --- */
html[data-theme="light"] .pp-product .text-amber-400,
html[data-theme="light"] .pp-product .text-yellow-400,
html[data-theme="light"] .pp-product .text-yellow-400\/70,
html[data-theme="light"] .pp-product .text-yellow-300 { color: var(--ppp-amber) !important; }

/* --- Cyan : pastilles "MODULE X" --- */
html[data-theme="light"] .pp-product .text-cyan-400 { color: var(--ppp-cyan) !important; }

/* --- Rouge (alertes, pièges) --- */
html[data-theme="light"] .pp-product .text-red-400,
html[data-theme="light"] .pp-product .text-red-300 { color: var(--ppp-red) !important; }

/* --- Badge région sur la vignette (violet sur navy) --- */
html[data-theme="light"] .pp-product .oc-region-badge { color: #fff !important; background: var(--ppp-purple) !important; }

/* --- Cartes "autres centres" : textes secondaires --- */
html[data-theme="light"] .pp-product .oc-card-title { color: var(--ppp-text) !important; }
html[data-theme="light"] .pp-product .oc-price-old  { color: #8a97a5 !important; }

/* --- Textes blancs posés en style inline (non atteignables par .text-white) --- */
html[data-theme="light"] .pp-product [style*="color:#fff"],
html[data-theme="light"] .pp-product [style*="color: #fff"],
html[data-theme="light"] .pp-product [style*="color:white"] { color: var(--ppp-text) !important; }

/* --- Carte sombre #1e3a57 devenue claire : son texte doit foncer --- */
html[data-theme="light"] .pp-product .bg-\[\#1e3a57\] { color: var(--ppp-text); }