/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.5.1783934564
Updated: 2026-07-13 09:22:44
*/

footer {
    margin-block-start: 0;
}

/* ---------------------------------------------------
   Design Moderne pour Contact Form 7 (wpcf7-form)
   --------------------------------------------------- */

/* Conteneur principal du formulaire */
form.wpcf7-form {
    max-width: 650px;
    margin: 0 auto;
    padding: 40px;
    background-color: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Ombre douce et moderne */
    font-family: inherit; /* S'adapte à la police de votre site */
}

/* Style des étiquettes (labels) */
form.wpcf7-form label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #2c3e50;
    font-size: 15px;
}

/* Champs de texte, email, menu déroulant et zone de texte */
form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form select,
form.wpcf7-form textarea {
    width: 100%;
    padding: 14px 18px;
    margin-bottom: 24px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background-color: #f8fafc;
    font-size: 15px;
    color: #334155;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Effet lors du clic dans un champ (Focus) - Touche Rouge Valais */
form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form select:focus,
form.wpcf7-form textarea:focus {
    outline: none;
    border-color: #bc76f3; 
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(227, 0, 15, 0.1); /* Halo lumineux rouge */
}

/* Hauteur spécifique de la zone de texte */
form.wpcf7-form textarea {
    min-height: 160px;
    resize: vertical; /* Permet d'agrandir uniquement la hauteur */
}

/* --- Bouton d'envoi --- */
form.wpcf7-form input[type="submit"] {
    background-color: #bc76f3; /* Violet */
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 16px 30px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    width: 100%; /* Prend toute la largeur, mettez "auto" si vous préférez un petit bouton */
    transition: background-color 0.3s ease, transform 0.1s ease, box-shadow 0.3s ease;
}

/* Effet au survol du bouton */
form.wpcf7-form input[type="submit"]:hover {
    background-color: #8814e1;
    box-shadow: 0 6px 20px rgba(227, 0, 15, 0.25);
}

/* Effet au clic du bouton */
form.wpcf7-form input[type="submit"]:active {
    transform: scale(0.98); /* Petit effet de pression */
}

/* --- Messages d'erreur et de succès CF7 --- */
form.wpcf7-form .wpcf7-not-valid-tip {
    color: #8814e1;
    font-size: 13px;
    font-weight: 500;
    margin-top: -18px;
    margin-bottom: 20px;
    display: block;
}

form.wpcf7-form .wpcf7-response-output {
    border-radius: 10px !important;
    margin: 20px 0 0 0 !important;
    padding: 15px 20px !important;
    font-weight: 500;
    border-width: 2px !important;
}