/*
Theme Name: Champagne Joly Fères - Thème enfant
Theme URI: https://www.imaginside.com
Description: Thème enfant
Author: imag'inside
Author URI: https://www.imaginside.com
Version: 1.0.0
Text Domain: champagnejolyfreres
Template: champagnejolyfreres
*/


/* Formulaire Contact Form 7 */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #857550;
    font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
    font-size: 16px;
    padding: 16px;
    background-color: #F4F4F4;
    color: #222222;
}

/* Hauteur confortable pour le message */
.wpcf7-form textarea {
    min-height: 160px;
    resize: vertical;
}

/* Espacement entre les champs */
.wpcf7-form p {
    margin-bottom: 5px !important;
}

/* Phrase champs obligatoires */
.wpcf7-form .form-required-info {
    font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif;
    font-size: 14px;
    color: #857550;
    margin-bottom: 16px;
}

/* Style au focus */
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #857550;
}

/* Bouton d'envoi Contact Form 7 */
.wpcf7-form input[type="submit"] {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 100px;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #857550 !important;
    padding-top: 18px !important;
    padding-right: 40px !important;
    padding-bottom: 18px !important;
    padding-left: 40px !important;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Bouton au survol */
.wpcf7-form input[type="submit"]:hover {
    background-color: #273480 !important;
    color: #FFFFFF !important;
}

/* Alignement du bouton à droite */
.wpcf7-form .form-submit-right {
    text-align: right;
}