/* 
 * CMA France - Couleurs Officielles 
 * Bleu CMA: #0F3250
 * Rouge CMA: #CD493D
 *
 * Ce fichier surcharge les classes Tailwind standard pour appliquer les couleurs CMA
 */

/* SURCHARGE DES CLASSES TAILWIND BLEUES -> CMA BLEU #0F3250 */

/* Classes de texte bleues */
.text-blue-50 { color: #f0f4f7 !important; }
.text-blue-100 { color: #d1dce6 !important; }
.text-blue-200 { color: #a3b9cc !important; }
.text-blue-300 { color: #7596b3 !important; }
.text-blue-400 { color: #477399 !important; }
.text-blue-500 { color: #1a5080 !important; }
.text-blue-600 { color: #0F3250 !important; }
.text-blue-700 { color: #0c2940 !important; }
.text-blue-800 { color: #092030 !important; }
.text-blue-900 { color: #061620 !important; }

/* Classes de fond bleues */
.bg-blue-50 { background-color: #f0f4f7 !important; }
.bg-blue-100 { background-color: #d1dce6 !important; }
.bg-blue-200 { background-color: #a3b9cc !important; }
.bg-blue-300 { background-color: #7596b3 !important; }
.bg-blue-400 { background-color: #477399 !important; }
.bg-blue-500 { background-color: #1a5080 !important; }
.bg-blue-600 { background-color: #0F3250 !important; }
.bg-blue-700 { background-color: #0c2940 !important; }
.bg-blue-800 { background-color: #092030 !important; }
.bg-blue-900 { background-color: #061620 !important; }

/* Classes de bordure bleues */
.border-blue-50 { border-color: #f0f4f7 !important; }
.border-blue-100 { border-color: #d1dce6 !important; }
.border-blue-200 { border-color: #a3b9cc !important; }
.border-blue-300 { border-color: #7596b3 !important; }
.border-blue-400 { border-color: #477399 !important; }
.border-blue-500 { border-color: #1a5080 !important; }
.border-blue-600 { border-color: #0F3250 !important; }
.border-blue-700 { border-color: #0c2940 !important; }
.border-blue-800 { border-color: #092030 !important; }
.border-blue-900 { border-color: #061620 !important; }

/* États hover pour les couleurs bleues */
.hover\:text-blue-50:hover { color: #f0f4f7 !important; }
.hover\:text-blue-100:hover { color: #d1dce6 !important; }
.hover\:text-blue-200:hover { color: #a3b9cc !important; }
.hover\:text-blue-300:hover { color: #7596b3 !important; }
.hover\:text-blue-400:hover { color: #477399 !important; }
.hover\:text-blue-500:hover { color: #1a5080 !important; }
.hover\:text-blue-600:hover { color: #0F3250 !important; }
.hover\:text-blue-700:hover { color: #0c2940 !important; }
.hover\:text-blue-800:hover { color: #092030 !important; }
.hover\:text-blue-900:hover { color: #061620 !important; }

.hover\:bg-blue-50:hover { background-color: #f0f4f7 !important; }
.hover\:bg-blue-100:hover { background-color: #d1dce6 !important; }
.hover\:bg-blue-200:hover { background-color: #a3b9cc !important; }
.hover\:bg-blue-300:hover { background-color: #7596b3 !important; }
.hover\:bg-blue-400:hover { background-color: #477399 !important; }
.hover\:bg-blue-500:hover { background-color: #1a5080 !important; }
.hover\:bg-blue-600:hover { background-color: #0F3250 !important; }
.hover\:bg-blue-700:hover { background-color: #0c2940 !important; }
.hover\:bg-blue-800:hover { background-color: #092030 !important; }
.hover\:bg-blue-900:hover { background-color: #061620 !important; }

/* DÉGRADÉS CMA POUR PAGE D'ACCUEIL */
/* Forcer le dégradé CMA - surcharge complète */
.bg-gradient-to-r.from-blue-600.to-blue-800 {
    background: linear-gradient(to right, #1e40af, #0F3250) !important;
}

/* Correction avec les bonnes valeurs RGB pour #1e40af */
.from-blue-600 {
    --tw-gradient-from: #1e40af var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(30 64 175 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-blue-800 {
    --tw-gradient-to: #0F3250 var(--tw-gradient-to-position);
}

/* CORRECTION SPÉCIALE POUR LE BOUTON HERO */
/* Le bouton blanc avec texte bleu CMA */
.bg-white.text-cma-blue-600 {
    background-color: white !important;
    color: #0F3250 !important;
}

.bg-white.text-cma-blue-600:hover {
    background-color: #f9fafb !important;
    color: #0F3250 !important;
}

/* SURCHARGE DES CLASSES TAILWIND ROUGES -> CMA ROUGE #CD493D */

/* Classes de texte rouges */
.text-red-50 { color: #fdf2f1 !important; }
.text-red-100 { color: #f9d7d2 !important; }
.text-red-200 { color: #f3afa5 !important; }
.text-red-300 { color: #ed8778 !important; }
.text-red-400 { color: #e75f4b !important; }
.text-red-500 { color: #d4433a !important; }
.text-red-600 { color: #CD493D !important; }
.text-red-700 { color: #a33d31 !important; }
.text-red-800 { color: #793025 !important; }
.text-red-900 { color: #4f2318 !important; }

/* Classes de fond rouges */
.bg-red-50 { background-color: #fdf2f1 !important; }
.bg-red-100 { background-color: #f9d7d2 !important; }
.bg-red-200 { background-color: #f3afa5 !important; }
.bg-red-300 { background-color: #ed8778 !important; }
.bg-red-400 { background-color: #e75f4b !important; }
.bg-red-500 { background-color: #d4433a !important; }
.bg-red-600 { background-color: #CD493D !important; }
.bg-red-700 { background-color: #a33d31 !important; }
.bg-red-800 { background-color: #793025 !important; }
.bg-red-900 { background-color: #4f2318 !important; }

/* Classes de bordure rouges */
.border-red-50 { border-color: #fdf2f1 !important; }
.border-red-100 { border-color: #f9d7d2 !important; }
.border-red-200 { border-color: #f3afa5 !important; }
.border-red-300 { border-color: #ed8778 !important; }
.border-red-400 { border-color: #e75f4b !important; }
.border-red-500 { border-color: #d4433a !important; }
.border-red-600 { border-color: #CD493D !important; }
.border-red-700 { border-color: #a33d31 !important; }
.border-red-800 { border-color: #793025 !important; }
.border-red-900 { border-color: #4f2318 !important; }

/* États hover pour les couleurs rouges */
.hover\:text-red-600:hover { color: #CD493D !important; }
.hover\:text-red-700:hover { color: #a33d31 !important; }
.hover\:text-red-800:hover { color: #793025 !important; }
.hover\:bg-red-600:hover { background-color: #CD493D !important; }
.hover\:bg-red-700:hover { background-color: #a33d31 !important; }
.hover\:bg-red-800:hover { background-color: #793025 !important; }

/* CLASSES CMA PERSONNALISÉES (pour usage explicite si besoin) */
.text-cma-blue { color: #0F3250 !important; }
.text-cma-blue-600 { color: #0F3250 !important; }
.text-cma-red { color: #CD493D !important; }
.bg-cma-blue { background-color: #0F3250 !important; }
.bg-cma-red { background-color: #CD493D !important; }
.border-cma-blue { border-color: #0F3250 !important; }
.border-cma-red { border-color: #CD493D !important; }

/* CORRECTIONS SPÉCIALES POUR LES ÉLÉMENTS PROBLÉMATIQUES */

/* Bouton Hero - S'assurer qu'il a le bon contraste */
a.bg-white[class*="text-"] {
    color: #0F3250 !important;
}

a.bg-white[class*="text-"]:hover {
    color: #0F3250 !important;
    background-color: #f3f4f6 !important;
}

/* CLASSES FOCUS ET AUTRES ÉTATS */
.focus\:ring-blue-500:focus { 
    --tw-ring-color: #1a5080 !important; 
}
.focus\:border-blue-500:focus { 
    border-color: #1a5080 !important; 
}

/* CORRECTIONS SPÉCIALES POUR LA NAVIGATION */
/* S'assurer que tous les liens de navigation utilisent le bon bleu */
nav a { color: #0F3250 !important; }
nav a:hover { color: #092030 !important; }
.breadcrumb a { color: #0F3250 !important; }

/* PROGRESS BAR ET NAVIGATION ENHANCED */
.progress-bar { background-color: #0F3250 !important; }
.nav-enhanced { border-color: #0F3250 !important; }
.nav-enhanced a { color: #0F3250 !important; }
.nav-enhanced a:hover { color: #092030 !important; }

/* BOUTONS ET ÉLÉMENTS INTERACTIFS */
.btn-primary,
.btn-blue {
    background-color: #0F3250 !important;
    border-color: #0F3250 !important;
}

.btn-primary:hover,
.btn-blue:hover {
    background-color: #092030 !important;
    border-color: #092030 !important;
}