/*
Theme Name:   R'via coiffure
Theme URI:    https://rvia.fr
Description:  Thème enfant de blocksy
Author:       Olivia Rossignol
Author URI:   https://rvia.fr
Template: blocksy
Version:      1.0.0
*/

/* Mise en forme du formulaire de prise de contact "Mariage" et "simple"  */

.champ-mail {
	text-align: center; 
    font-family: 'Syne', sans-serif;
    font-size: 18px;
	color: #CAA97F;
}
/* Barre de séparation  */
.separateur-horizontal {
	width: 100%; 
	height: 1px;
	background-color: #325B45;
	margin: 10px auto;
}

/* Colonnes du projet */
.bloc-projet {
	display: flex;
	justify-content: center;
	align-items: center;
}

.colonne {
	color: #05193B;
	padding: 0 20px;    
}

.colonne label {
	font-family: 'Syne', sans-serif;
    font-size: 18px;
	color: #CAA97F;
	margin: 1px 20px;
    display: block;   
}

/* Pour arrondir, griser les cadres des champs */

.rounded-input {
    border: 1px solid #ccc !important; /* bordure plus fine et légère */
    background-color: #f7f7f7 !important; /* gris pâle */
    padding: 10px;
    border-radius: 7px;
    font-size: 18px;
    color: #504f4f !important;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    margin: 5px 0;
}


/* Pour centrer le bouton d'envoi */
.bouton-envoyer {
    display: flex;
    justify-content: left; 
    align-items: center; 
    margin: 40px;
}
/* Pour arrondir le bouton d'envoi */
.rounded-button {
	border-radius: 5px !important; 
    color: #000000 !important;
}

.rounded-button:hover {
    background-color: #CAA97F; 
}

/* Barre de séparation verticale */
.separateur-vertical {
	width: 2px;          
	height: 400px;       
	background-color: #325B45; 
}

/* Mise en forme des titres */
.custom-title {
    font-family: 'Syne', sans-serif;
    font-size: 23px;
    color: #EEDDD1 !important;
    text-align: center;
    margin: 1px;  
}
.wpcf7 textarea[name="your-message"] {
    height: 90px; 
    max-height: 100px; 
    width: 100%; 
}
.wpcf7-file  {
font-size: 18px;
margin: 5px 20px;
}

.wpcf7-submit
{
font-size: 18px;
margin: 5px 20px;
}

/* améliorez le style du message de réponse de CF7 */
.wpcf7-response-output {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.wpcf7-mail-sent-ok {
    background-color: #e0f8e0;
    border: 1px solid #325B45;
    color: #325B45;
}

.wpcf7-validation-errors,
.wpcf7-not-valid-tip {
    background-color: #f8e0e0;
    border: 1px solid #a94442;
    color: #a94442;
}

/* Passage en une seule colonne du formulaire de prise de contact pour les écrans < 690px */
@media screen and (max-width: 690px) {
  .champ-mail input,
  .bloc-projet .colonne input,
  .bloc-projet .colonne textarea,
  .bloc-projet .colonne input[type="file"] {
    width: 300px !important;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 0;

  }
    .bloc-projet {
        flex-direction: column; 
        align-items: stretch; 
    }

    .colonne {
        padding: 10px 0; 
    }

    .separateur-vertical {
        display: none; 
    }
}