/**
 * CSS DÉDIÉ - PAGE CONTACT
 * Isolation complète pour éviter les conflits avec d'autres styles
 */

/* Forcer le fond blanc sur la page contact */
body.page-contact {
    background-color: #ffffff !important;
    color: #1f2937 !important;
}

/* Neutraliser tous les dark: sur la page contact */
body.page-contact [class*="dark:bg-"],
body.page-contact .dark\:bg-gray-900,
body.page-contact .dark\:bg-gray-800,
body.page-contact .dark\:bg-gray-700 {
    background-color: transparent !important;
}

body.page-contact [class*="dark:text-"],
body.page-contact .dark\:text-white,
body.page-contact .dark\:text-gray-100 {
    color: inherit !important;
}

/* Assurer la visibilité du texte */
body.page-contact section {
    background-color: inherit;
}

body.page-contact h1,
body.page-contact h2,
body.page-contact h3,
body.page-contact p,
body.page-contact label {
    color: #1f2937 !important;
}

/* HERO SECTION - Textes blancs */
body.page-contact #hero-contact h1,
body.page-contact #hero-contact p,
body.page-contact #hero-contact .text-white {
    color: #ffffff !important;
}

/* ZONE D'INTERVENTION - Textes blancs */
body.page-contact #zone-intervention h2,
body.page-contact #zone-intervention p,
body.page-contact #zone-intervention li,
body.page-contact #zone-intervention .text-white {
    color: #ffffff !important;
}

/* FORMULAIRE - Isolation complète avec spécificité maximale */
body.page-contact #contact-form input[type="text"],
body.page-contact #contact-form input[type="email"],
body.page-contact #contact-form input[type="tel"],
body.page-contact #contact-form textarea,
body.page-contact #contact-form select {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
    transition: none !important;
}

/* Supprimer TOUS les hovers sur les inputs du formulaire */
body.page-contact #contact-form input[type="text"]:hover,
body.page-contact #contact-form input[type="email"]:hover,
body.page-contact #contact-form input[type="tel"]:hover,
body.page-contact #contact-form textarea:hover,
body.page-contact #contact-form select:hover {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Focus sans hover visuel */
body.page-contact #contact-form input[type="text"]:focus,
body.page-contact #contact-form input[type="email"]:focus,
body.page-contact #contact-form input[type="tel"]:focus,
body.page-contact #contact-form textarea:focus,
body.page-contact #contact-form select:focus {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #9333ea !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1) !important;
}

/* Placeholder */
body.page-contact #contact-form input::placeholder,
body.page-contact #contact-form textarea::placeholder {
    color: #9ca3af !important;
}

/* Labels du formulaire - toujours noir */
body.page-contact #contact-devis-form label {
    color: #374151 !important;
}

/* Section formulaire - fond gris clair */
body.page-contact #contact-form.section-contact-form,
body.page-contact .section-contact-form {
    background-color: #f9fafb !important;
}

/* DÉSACTIVER HOVER WHATSAPP - Aucun effet au survol */
body.page-contact .bg-green-50,
body.page-contact .bg-green-50:hover,
body.page-contact .bg-green-50 *,
body.page-contact .bg-green-50 *:hover {
    transition: none !important;
    transform: none !important;
}

body.page-contact .bg-green-50:hover {
    background-color: rgb(240 253 244) !important;
    border-color: rgb(187 247 208) !important;
}

body.page-contact .bg-green-50:hover .text-gray-500 {
    color: #6b7280 !important;
}

body.page-contact .bg-green-50:hover .text-green-600 {
    color: #16a34a !important;
}

body.page-contact .bg-green-50:hover i {
    color: #16a34a !important;
}