/* 
 * CORRECTION DES COULEURS ET BOUTONS RDConnect
 * Résout les problèmes de visibilité des boutons et change les couleurs principales
 */

/* ========================================
   NOUVELLES COULEURS PRINCIPALES
   ======================================== */
:root {
    /* REMPLACE LES COULEURS VIOLET PAR DU BLEU-VERT MODERNE */
    --rdconnect-primary-new: #0891b2;          /* Bleu-cyan principal (remplace violet) */
    --rdconnect-primary-dark: #0e7490;         /* Bleu-cyan foncé */
    --rdconnect-primary-light: #06b6d4;        /* Bleu-cyan clair */
    --rdconnect-secondary-new: #1d4ed8;        /* Bleu royal secondaire */
    
    /* SURCHARGES BOOTSTRAP */
    --bs-primary: var(--rdconnect-primary-new);
    --bs-primary-rgb: 8, 145, 178;
}

/* ========================================
   CORRECTION DES BOUTONS PROBLÉMATIQUES
   ======================================== */

/* Classe personnalisée RDConnect - PRIORITÉ MAXIMALE */
.btn-rdconnect-primary,
.btn-rdconnect-primary:hover,
.btn-rdconnect-primary:focus,
.btn-rdconnect-primary:active,
.btn-rdconnect-primary:visited {
    background: #0891b2 !important;
    background-color: #0891b2 !important;
    border: 2px solid #0891b2 !important;
    border-color: #0891b2 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.btn-rdconnect-primary:hover {
    background: #0e7490 !important;
    background-color: #0e7490 !important;
    border-color: #0e7490 !important;
}

/* Boutons outline-primary : fond visible par défaut */
.btn-outline-primary {
    color: var(--rdconnect-primary-new) !important;
    background-color: rgba(8, 145, 178, 0.1) !important; /* Fond léger visible */
    border-color: var(--rdconnect-primary-new) !important;
    transition: all 0.3s ease !important;
}

.btn-outline-primary:hover {
    color: #ffffff !important;
    background-color: var(--rdconnect-primary-new) !important;
    border-color: var(--rdconnect-primary-dark) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(8, 145, 178, 0.3) !important;
}

.btn-outline-primary:focus {
    color: #ffffff !important;
    background-color: var(--rdconnect-primary-new) !important;
    border-color: var(--rdconnect-primary-dark) !important;
    box-shadow: 0 0 0 0.25rem rgba(8, 145, 178, 0.25) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
    color: #ffffff !important;
    background-color: var(--rdconnect-primary-dark) !important;
    border-color: var(--rdconnect-primary-dark) !important;
}

/* Boutons primaires standards */
.btn-primary {
    background-color: var(--rdconnect-primary-new) !important;
    border-color: var(--rdconnect-primary-new) !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--rdconnect-primary-dark) !important;
    border-color: var(--rdconnect-primary-dark) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Boutons primaires avec variantes */
.btn-primary-light {
    background-color: rgba(8, 145, 178, 0.15) !important;
    border-color: var(--rdconnect-primary-new) !important;
    color: var(--rdconnect-primary-new) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.btn-primary-light:hover {
    background-color: var(--rdconnect-primary-new) !important;
    border-color: var(--rdconnect-primary-new) !important;
    color: #ffffff !important;
}

/* Boutons secondaires avec fond visible */
.btn-outline-secondary {
    color: var(--rdconnect-secondary-new) !important;
    background-color: rgba(29, 78, 216, 0.1) !important; /* Fond léger visible */
    border-color: var(--rdconnect-secondary-new) !important;
}

.btn-outline-secondary:hover {
    color: #ffffff !important;
    background-color: var(--rdconnect-secondary-new) !important;
    border-color: var(--rdconnect-secondary-new) !important;
}

/* ========================================
   OVERRIDE DES VARIABLES CSS DU LAYOUT
   ======================================== */

/* Force les nouvelles couleurs dans tout le système */
.sidebar-menu .nav-link.active,
.main-menu .side-menu__item.active {
    background: linear-gradient(135deg, var(--rdconnect-primary-new), var(--rdconnect-primary-dark)) !important;
    color: white !important;
}

/* Headers de cartes */
.card-header {
    background: linear-gradient(135deg, var(--rdconnect-primary-new), var(--rdconnect-primary-dark)) !important;
    color: white !important;
}

/* Liens et éléments primaires */
.text-primary {
    color: var(--rdconnect-primary-new) !important;
}

.bg-primary {
    background-color: var(--rdconnect-primary-new) !important;
}

.border-primary {
    border-color: var(--rdconnect-primary-new) !important;
}

/* ========================================
   BOUTONS SPÉCIAUX AVEC MEILLEURE VISIBILITÉ
   ======================================== */

/* Boutons d'action avec icônes */
.btn-action {
    background-color: rgba(8, 145, 178, 0.15) !important;
    border: 2px solid var(--rdconnect-primary-new) !important;
    color: var(--rdconnect-primary-new) !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.btn-action:hover {
    background-color: var(--rdconnect-primary-new) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(8, 145, 178, 0.4) !important;
}

/* Boutons légers avec fond assuré */
.btn-light {
    background-color: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    color: #495057 !important;
}

.btn-light:hover {
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
    color: #495057 !important;
}

/* ========================================
   CORRECTIONS SPÉCIFIQUES INTERFACE
   ======================================== */

/* TOUS LES BOUTONS AVEC BTN-WAVE */
.btn-wave,
.btn.btn-wave {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Correction pour tous les boutons qui deviennent invisibles */
.btn,
button.btn,
a.btn {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Boutons success */
.btn-success,
.btn-success-light {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-success-light {
    background-color: rgba(16, 185, 129, 0.15) !important;
    color: #10b981 !important;
}

.btn-success:hover,
.btn-success-light:hover {
    background-color: #059669 !important;
    border-color: #059669 !important;
    color: #ffffff !important;
}

/* Boutons info */
.btn-info,
.btn-info-light {
    background-color: #0891b2 !important;
    border-color: #0891b2 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-info-light {
    background-color: rgba(8, 145, 178, 0.15) !important;
    color: #0891b2 !important;
}

/* Boutons warning */
.btn-warning,
.btn-warning-light {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-warning-light {
    background-color: rgba(245, 158, 11, 0.15) !important;
    color: #f59e0b !important;
}

/* Boutons danger */
.btn-danger,
.btn-danger-light {
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.btn-danger-light {
    background-color: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
}

/* Badges et labels */
.badge-primary {
    background-color: var(--rdconnect-primary-new) !important;
}

/* Liens de navigation */
.nav-link {
    color: var(--rdconnect-primary-new) !important;
}

.nav-link:hover {
    color: var(--rdconnect-primary-dark) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--rdconnect-primary-new) !important;
}

/* Éléments de formulaire focus */
.form-control:focus {
    border-color: var(--rdconnect-primary-light) !important;
    box-shadow: 0 0 0 0.25rem rgba(8, 145, 178, 0.25) !important;
}

/* ========================================
   RESPONSIVE ET ACCESSIBILITÉ
   ======================================== */

/* Force l'opacité complète sur tous les boutons en responsive */
@media (max-width: 768px) {
    .btn,
    .btn-outline-primary,
    .btn-outline-secondary,
    .btn-primary,
    .btn-success,
    .btn-info,
    .btn-warning,
    .btn-danger {
        opacity: 1 !important;
        visibility: visible !important;
        padding: 0.75rem 1.25rem !important;
        font-size: 0.9rem !important;
    }
}

/* Assure la visibilité en mode sombre */
@media (prefers-color-scheme: dark) {
    .btn,
    .btn-outline-primary {
        background-color: rgba(8, 145, 178, 0.2) !important;
        opacity: 1 !important;
    }
    
    .btn-outline-secondary {
        background-color: rgba(29, 78, 216, 0.2) !important;
        opacity: 1 !important;
    }
}

/* ========================================
   FIX GLOBAL POUR TOUS LES BOUTONS
   ======================================== */

/* Force tous les boutons à être visibles */
[class*="btn"] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Icônes dans les boutons */
.btn i,
.btn .bx {
    opacity: 1 !important;
    visibility: visible !important;
}