/* ════════════════════════════════════════════════════════════════════════
   SIGP — Fix global contraste boutons dans hero/bandeaux sombres
   ════════════════════════════════════════════════════════════════════════

   Problème (Amara TOURÉ 2026-05-28) :
   77 vues SIGP utilisent des boutons avec style inline
   "background:rgba(255,255,255,.15);color:#fff;..."
   placés sur des hero à dégradé sombre. Le contraste est trop faible
   et les boutons sont quasi invisibles, surtout sur écrans bureau
   calibrés (papier blanc).

   Solution : sélecteurs d'attribut CSS3 + !important pour forcer
   un fond blanc OPAQUE + texte foncé, sans toucher les 77 vues.
   ════════════════════════════════════════════════════════════════════════ */

/* ─── Cible TOUS les boutons dont le style inline contient le pattern
   rgba(255,255,255 sur faible opacité (.15, .2, .1, .12, .15) ─── */
a.btn[style*="rgba(255,255,255,.15)"],
a.btn[style*="rgba(255, 255, 255, .15)"],
a.btn[style*="rgba(255,255,255,0.15)"],
a.btn[style*="rgba(255, 255, 255, 0.15)"],
button.btn[style*="rgba(255,255,255,.15)"],
button.btn[style*="rgba(255, 255, 255, .15)"],
button.btn[style*="rgba(255,255,255,0.15)"],
button.btn[style*="rgba(255, 255, 255, 0.15)"],
a.btn[style*="rgba(255,255,255,.1)"],
a.btn[style*="rgba(255,255,255,.12)"],
a.btn[style*="rgba(255,255,255,.2)"],
button.btn[style*="rgba(255,255,255,.2)"],
a.btn[style*="rgba(255,255,255,.25)"] {
    background: #ffffff !important;
    color: #0F172A !important;
    border-color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18) !important;
    transition: transform 0.12s, box-shadow 0.12s !important;
}

a.btn[style*="rgba(255,255,255,.15)"]:hover,
a.btn[style*="rgba(255, 255, 255, .15)"]:hover,
a.btn[style*="rgba(255,255,255,0.15)"]:hover,
button.btn[style*="rgba(255,255,255,.15)"]:hover,
button.btn[style*="rgba(255, 255, 255, .15)"]:hover,
button.btn[style*="rgba(255,255,255,0.15)"]:hover,
a.btn[style*="rgba(255,255,255,.1)"]:hover,
a.btn[style*="rgba(255,255,255,.12)"]:hover,
a.btn[style*="rgba(255,255,255,.2)"]:hover,
button.btn[style*="rgba(255,255,255,.2)"]:hover,
a.btn[style*="rgba(255,255,255,.25)"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.28) !important;
    opacity: 0.97;
}

/* ─── Cas particuliers : boutons "outline" sur fond foncé qui ne
   peuvent pas être détectés par leur style inline car ils sont
   gérés via classe Bootstrap btn-outline-light. ─── */
[class*="-hero"] .btn-outline-light,
.hero .btn-outline-light,
.cc-hero .btn-outline-light {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #0F172A !important;
    border-color: #ffffff !important;
    font-weight: 600 !important;
}

/* ─── Boutons icon-only (sans texte) → même traitement ─── */
[class*="-hero"] a.btn[style*="rgba(255,255,255,"] i,
[class*="-hero"] button.btn[style*="rgba(255,255,255,"] i,
.hero a.btn[style*="rgba(255,255,255,"] i,
.hero button.btn[style*="rgba(255,255,255,"] i {
    color: inherit !important;
}

/* ─── Boutons "tabbar" jaunes (Nouveau risque, etc.) ne sont PAS
   ciblés car leur style contient #FCD116, pas rgba blanc. ─── */