/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


/************* Contact form ****************/

/* Form Field Styling */
.wpcf7-form-control {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    padding: 15px 20px !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
}

/* Placeholder Styling */
.wpcf7-form-control::placeholder {
    color: #bbbbbb !important;
    opacity: 0.8 !important;
}

/* Checkbox Label Styling */
label {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* Checkbox Specific */
.wpcf7-checkbox input[type="checkbox"] {
    accent-color: #4caf50 !important;
}

/* Focus and Hover States */
.wpcf7-form-control:focus {
    outline: none !important;
    border-color: #4caf50 !important;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.8) !important;
}

/* Error and Response Output */
.wpcf7-response-output {
    background-color: #2c2c2c !important;
    color: #ff5555 !important;
    border: 1px solid #ff5555 !important;
    border-radius: 4px !important;
    padding: 10px !important;
    margin-top: 15px !important;
    font-size: 14px !important;
}

/* Adjust Spinner for Dark Theme */
.wpcf7-spinner {
    border-color: #4caf50 transparent transparent transparent !important;
}

span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {
    background: none !important;
    border: none !important;
    margin: -35px !important;
}

/************* Background centré uniquement sur la section formulaire *************/

.form-bg {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* ======= Center background ONLY for the section with class "form-bg" ======= */

/* Targets the section itself, ses rows, columns et modules */
.form-bg,
.form-bg.et_pb_section,
.form-bg .et_pb_row,
.form-bg .et_pb_column,
.form-bg .et_pb_module {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
}

/* If the background is applied inline (style="background-image: ...") on any descendant */
.form-bg [style*="background-image"] {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
}

/* If Divi uses pseudo-éléments for the image overlay */
.form-bg::before,
.form-bg::after,
.form-bg .et_pb_row::before,
.form-bg .et_pb_row::after,
.form-bg .et_pb_column::before,
.form-bg .et_pb_column::after {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Small visual helper: force a dark overlay if needed (désactive si non voulu) */
.form-bg .form-bg-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35); /* ajuste l'opacité */
    pointer-events: none;
}