/* --- CONFIGURATION PAGE CONTACT (BLANC CENDRE) --- */
.page-contact {
    background-color: #e5e5e5 !important; /* Blanc cendre / Lightgray */
    color: #333333 !important; /* Texte sombre pour le contraste */
}

.page-contact .contact-hero {
    height: 80vh;
    /* Suppression du linear-gradient pour garder les COULEURS D'ORIGINE */
    background: url('images/img11.jpg'); 
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #d1d1d1;
    position: relative;
}

/* --- FORMULAIRE ET INPUTS --- */
.page-contact .custom-input {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #999 !important; /* Ligne visible sur gris */
    border-radius: 0 !important;
    color: #222 !important; /* Texte saisi en noir */
    padding: 15px 0 !important;
    font-size: 0.8rem;
    letter-spacing: 2px;
}

.page-contact .custom-input:focus {
    box-shadow: none !important;
    border-bottom: 1px solid #000 !important;
}

.page-contact .custom-input::placeholder {
    color: #888 !important; /* Placeholder plus sombre */
}

/* --- BOUTON NOIR --- */
.page-contact .btn-outline-dark-custom {
    border: 1px solid #333;
    color: #333;
    background: transparent;
    padding: 15px 40px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.4s ease;
}

.page-contact .btn-outline-dark-custom:hover {
    background-color: #333;
    color: #fff;
}

/* --- CARTE EN COULEUR --- */
.map-container {
    filter: none !important; /* Supprime le grayscale/invert */
    opacity: 1 !important;
}

/* --- LISIBILITÉ DES TEXTES --- */
.page-contact .text-muted {
    color: #666 !important;
}

.page-contact h1, .page-contact .display-4 {
    color: #ffffff;
    text-shadow: 0px 2px 10px rgba(0,0,0,0.3); /* Ombre légère pour lire le titre sur l'image */
}

/* Icônes sociales en noir pour le fond gris */
.page-contact .fab {
    color: #333 !important;
}