/* =============================================
   CONTACT - CHARTE PETITPOUSS
   Jaune luxueux #D4A800 / Gris foncé #1A1D20
   ============================================= */

/* --- Formulaire --- */

.contact-form-wrap2 .section__title .sub-title {
    color: #D4A800 !important;
}

.contact-form-wrap2 .section__title .title {
    color: #1A1D20 !important;
}

.contact-form-wrap2 .section__title .title::after {
    background: #D4A800;
}

.contact__form .form-control.style-white,
.contact__form textarea.form-control.style-white {
    border-color: #e0e0e0 !important;
    color: #1A1D20 !important;
}

.contact__form .form-control.style-white::placeholder,
.contact__form textarea.form-control.style-white::placeholder {
    color: #888 !important;
}

.contact__form .form-control.style-white:hover,
.contact__form textarea.form-control.style-white:hover {
    border-color: #D4A800 !important;
    box-shadow: 0 0 0 3px rgba(212,168,0,0.1) !important;
}

.contact__form .form-control.style-white:focus,
.contact__form textarea.form-control.style-white:focus {
    border-color: #D4A800 !important;
    box-shadow: 0 0 0 4px rgba(212,168,0,0.15) !important;
    color: #1A1D20 !important;
}

.contact__form button[type="submit"],
.contact__form .btn {
    background: #D4A800 !important;
    color: #1A1D20 !important;
}

.contact__form button[type="submit"]:hover,
.contact__form .btn:hover {
    background: #1A1D20 !important;
    color: #D4A800 !important;
}

/* --- Carte Google Maps --- */

/* Icônes : fond jaune luxueux, icône gris foncé */
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card .contact-info-icon {
    background: #D4A800 !important;
    color: #1A1D20 !important;
}

/* Labels (Téléphone, Email, Adresse) : jaune luxueux */
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card p {
    color: #D4A800 !important;
}

/* Valeurs : gris foncé, retour à la ligne si nécessaire */
.contact-map-area .contact-info-wrap .list-wrap .contact-info-card h4 {
    color: #1A1D20 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Bordure basse de la carte : jaune luxueux */
.contact-map-area .contact-info-wrap {
    border-bottom-color: #D4A800 !important;
    max-width: 380px;
}

/* Responsive */
@media (max-width: 768px) {
    .contact__form .btn,
    .contact__form button[type="submit"] {
        width: 100%;
    }
}