/* 
Theme Name: OceanWP Child
Theme URI: https://dac-paris.com
Description: Thème enfant pour OceanWP
Author: Xavier Turbot
Template: oceanwp
Version: 1.0.0 
*/

/* Ajouter ci dessous le style CSS du site */

/* CSS pour ajouter le fond du footer */
#footer {
    position: relative;
    overflow: hidden;
    padding-top: 70px;
}

#footer::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://dac-paris.com/wp-content/uploads/2026/10/fond-footer.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0.85);
    z-index: 1;
}

#footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(38, 59, 81, 0.6);
    z-index: 2;
}

#footer * {
    position: relative;
    z-index: 3;
}

/* CSS pour modifier le texte sur le fond foncé de la page contact pour le formulaire */
/* 1. textes des labels et textes bruts en blanc */
.form-fond-fonce label,
.form-fond-fonce form,
.from-fond-fonce .wpcf7 {
    color: #FFFFFF !important;
}

/* 2. Textes à l'intérieur des champs de saisie */
.form-fond-fonce input[type="text"],
.form-fond-fonce input[type="email"],
.form-fond-fonce input[type="tel"],
.form-fond-fonce input[type="date"],
.form-fond-fonce textarea {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.1); /* fond semi-transparent */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Bordure discrète */
}

/* 3. Couleur du placeholder (texte d'exemple dans les champs) */
.form-fond-fonce ::placeholder {
    color: rgba(255, 255, 255, 0.7) !important; 
}

/* 4. Bouton d'envoi personnalisé en Tangerine DREAM */
.form-fond-fonce input[type="submit"] {
    background-color: #FFA787 !important;
    color: #2A3E58;
    border: none;
    font-weight: bold;
    padding: 12px 30px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.form-fond-fonce input[type="submit"]:hover {
    background-color: #FFFFFF !important;
    color: #2A3E58 !important;
}

/* Rendre le texte des options visible dans la liste déroulante */
.form-fond-fonce select option {
    background-color: #2A3E58 !important;
    color: #FFFFFF !important;
}

/* 2. Pour assurer la compatibilité sur mobile et safari/chrome */
.form-fond-fonce select {
    color: #FFFFFF !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}