/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/


.text-bg{
	background:#FCE536;
	width:fit-content;
	border-radius:20px;
	padding:10px 20px;
}

@media screen and (max-width:991px){
	.text-bg{
		align-self:center;
		border-radius:10px;
		padding:5px 10px;
	}
}

h1{
	font-family: var(--brz-heading1fontfamily, initial) !important; 
	font-weight:bold;
	font-size: var(--brz-heading1fontsize, initial);
	text-align:center;
}



/* FOOTER */

/* Style général du footer */
.site-footer {
	text-align: center;
	padding: 20px 0 40px; /* Espace autour du contenu */
	font-family: Arial, sans-serif; /* Remplacer par la police utilisée si connue */
	color: #666; /* Couleur de texte grise et discrète */
	font-size: 14px;
	line-height: 1.6;
	padding:0 20px 20px;
}

/* Ligne de séparation fine au-dessus du contenu */
.footer-separator {
	width: 100%;
	max-width: 1000px; /* Limite la largeur de la ligne pour ne pas qu'elle soit trop large */
	margin: 0 auto 20px; /* Centre la ligne et ajoute de l'espace en bas */
	border-top: 1px solid #ddd; /* Ligne grise très claire */
}

/* Conteneur principal du texte */
.footer-content {
	/* Le contenu est déjà centré par .site-footer */
}

/* Style de la ligne de copyright et des liens */
.footer-links {
	margin: 0 0 15px; /* Marge au-dessus de la signature de l'agence */
	/* La police est déjà définie dans .site-footer, mais on peut la rendre plus fine si besoin */
	font-weight: 300; /* Si vous utilisez une police qui supporte les poids légers */
}

/* Style des liens */
.footer-links a {
	color: #666; /* Garde la même couleur pour les liens */
	text-decoration: none; /* Enlève le soulignement par défaut */
	padding: 0 5px; /* Espace entre les liens s'ils sont dans une liste */
}

/* Ajoute un léger soulignement au survol si désiré */
.footer-links a:hover {
	color:black;
	text-decoration: underline;
}

/* Style de la signature de l'agence */
.footer-agency {
	margin: 0;
	/* On dirait qu'elle est légèrement plus petite ou avec une police légèrement différente */
	font-size: 13px;
	font-weight: 400;
	display:flex;align-items:center;
	justify-content:center;
	gap:5px;
}

/* Style de l'icône */
.agency-icon {
	/* Si l'icône est un caractère Unicode comme ici, on peut ajuster sa taille/couleur */
	font-size: 16px;
	vertical-align: middle;
	margin-right: 5px;
	/* La couleur de l'icône est souvent la même que le texte ou un peu plus sombre */
	color: #666; 
}



/* --- Style général pour les champs de formulaire --- */
.gform_wrapper *{
	/* Assure l'application de la police globale (Gravity Forms) */
	font-family: var(--brz-heading1fontfamily, initial) !important; 	
}

/* Cible les champs de texte, email, tel, etc., et la zone de texte multiligne */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea,
.gform_wrapper select {
	/* Mimer le fond très clair, presque blanc du formulaire */
	background-color: #FBFBFB; 

	/* Couleur du texte principale */
	color: #1a1a1a; 

	/* Épaisseur et style de police pour l'uniformité */
	font-family: 'Montserrat', Arial, sans-serif;
	font-weight: 500;

	/* FIX iOS : Empêche le zoom automatique du champ au focus */
	font-size: 16px !important; 

	/* Bordure très légère et coins arrondis */
	border: 1px solid #EAEAEA; 
	border-radius: 5px; 

	/* FIX iOS : Désactive le style par défaut d'Apple (très important pour le look et la taille) */
	-webkit-appearance: none; 

	/* Espacement interne */
	padding: 12px 15px; 

	/* Pour que les champs prennent toute la largeur de leur conteneur */
	width: 100%; 
	box-sizing: border-box; 
	margin-bottom: 15px; 

	/* Transition pour un effet lisse lors du focus */
	transition: border-color 0.2s, box-shadow 0.2s;
}

/* Style spécifique pour la zone de texte (Message) */
.gform_wrapper textarea {
	min-height: 150px; 
	resize: vertical; 
}

/* Effet au clic/focus (comme l'absence de bordure épaisse) */
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
	outline: none; 
	/* Bordure subtilement plus foncée ou une petite ombre */
	border-color: #D3D3D3; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}


/* --- Style pour le bouton ENVOYER (Jaune Vif) --- */
/* Cible le bouton de soumission */
.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
	/* Couleur de fond Jaune Vif du site */
	background-color: #FCE536; 

	/* FIX iOS : Désactive le style par défaut d'Apple sur les boutons */
	-webkit-appearance: none; 

	/* Couleur du texte Noire Épaisse */
	color: #1a1a1a; 
	font-family: var(--brz-heading1fontfamily, initial) !important; 	
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;

	/* Coins arrondis et pas de bordure */
	border: none;
	border-radius: 5px;

	/* Taille et espacement du bouton */
	padding: 10px 20px;
	cursor: pointer;

	/* Centre le bouton */
	display: block; 
	margin: 30px auto 0 auto;

	/* Transition pour l'effet de pression */
	transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

/* Effet de pression (le bouton "s'enfonce") */
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
	background-color: #FFD733; 
}

.gform_wrapper input[type="submit"]:active,
.gform_wrapper button[type="submit"]:active {
	box-shadow: 0 1px 0 0 #CCA100; 
	transform: translateY(3px); 
}

/* Pour le texte d'étiquette au-dessus des champs (facultatif) */
.gform_wrapper label {
	font-weight: 500;
	color: #1a1a1a;
	display: block;
	margin-bottom: 5px;
}

#field_1_18 .ginput_container_consent{
	display:flex;
	gap:10px;
}

#field_1_23 .gfield_radio{
	display:flex;
	gap:10px;
}

@media screen and (max-width:500px){
	#field_1_23 .gfield_radio{
		flex-wrap:wrap;
	}
}

body .gform_wrapper.gravity-theme .gfield-choice-input+label{
	max-width:100% !important;
}

/* --- Changement de la couleur d'accent pour les éléments cochés --- */

/* Cible les Checkbox et les Radio Buttons */
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
	/* Définit la taille et la forme pour correspondre au style du site (optionnel) */
	width: 13px;
	height: 13px;

	/* Retire le contour bleu par défaut du focus */
	outline: none;
	cursor: pointer;
}

/* CLÉ : Changement de la couleur de fond/coche lors de l'état "checked" ou "selected" */
.gform_wrapper input[type="checkbox"]:checked,
.gform_wrapper input[type="radio"]:checked {
	/* Utilise la couleur d'accent pour définir la couleur de la coche/du cercle rempli */
	accent-color: #FCE536; 
}

/* Assurer un style de focus cohérent si nécessaire */
.gform_wrapper input[type="checkbox"]:focus,
.gform_wrapper input[type="radio"]:focus {
	/* Bordure subtile ou un léger effet d'ombre au focus, sans le trait bleu */
	border-color: black;
}