/*
Template:       zata
Theme Name:     Zata Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    Zata - Construction WordPress Theme
Version:        1.0.0
Requires at least: 5.9
Requires PHP:   7.0
Tags:           architecture, building, company, construction, constructor, contractor, corporate, electrician, engineering, handyman, industry, painter, plumber, remodeling, renovation
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    zata-child
Domain Path:    /languages/
Elementor tested up to: 3.23.4
Elementor Pro tested up to: 3.23.4
WooCommerce tested up to: 9.1.4
*/


/* Write your custom css */

/* Formulaire contact par étapes */

#form_contact_etapes .e-form__indicators__indicator__number {
	border: none;
}

#form_contact_etapes .e-form__indicators__indicator__separator {
	background-color: rgba(255, 255, 255, 0.5);
}

#form_contact_etapes .elementor-mark-required .elementor-field-label:after {
	font-size: 60%;
	vertical-align: text-top;
	font-weight: 400;
	padding: 0;
}

/* #form_contact_etpaes .elementor-field-type-select {
	flex-wrap: nowrap;
} */

.elementor-field-group-qui>label {
	font-size: 1.4vw !important;
	letter-spacing: normal !important;
	padding-bottom: 0 !important;
	margin-right: 3vw;
}

.elementor-field-group.elementor-field-group-qui {
	flex-wrap: nowrap;
}

.elementor-field-group.elementor-field-group-qui>*,
.elementor-field-group.elementor-field-group-frequence>*,
.elementor-field-group.elementor-field-group-periode>* {
	/* flex: 1 !important; */
	min-width: fit-content;
}

.elementor-field-group-qui .elementor-field-option,
.elementor-field-group-frequence .elementor-field-option,
.elementor-field-group-periode .elementor-field-option {
	position: relative;
	flex-basis: auto !important;
	/* margin-bottom: 20px; */
}

.elementor-field-group-qui .elementor-field-option label:hover,
.elementor-field-group-qui .elementor-field-option input:hover+label,
.elementor-field-group-periode .elementor-field-option label:hover,
.elementor-field-group-periode .elementor-field-option input:hover+label,
.elementor-field-group-frequence .elementor-field-option label:hover,
.elementor-field-group-frequence .elementor-field-option input:hover+label {
	background-color: white;
	color: #77A8B7F5 !important;
}


.elementor-field-group-interet .elementor-field-subgroup {
	/* flex-wrap: nowrap; */
	gap: 20px;
	margin-bottom: 60px;
}

.elementor-field-group-projet .elementor-field-subgroup {
	gap: 20px;
	margin-bottom: 30px;
}

.elementor-field-group-qui input,
.elementor-field-group-frequence input,
.elementor-field-group-periode input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: block !important;
	cursor: pointer;
}

.elementor-field-group-qui .elementor-field-option label,
.elementor-field-group-frequence .elementor-field-option label,
.elementor-field-group-periode .elementor-field-option label {
	border: 1px solid #fff;
	border-radius: 35px;
	padding: 12px 25px;
	background-color: transparent;
	transition: 300ms all;
}

.elementor-field-group-qui .elementor-field-option input:checked+label,
.elementor-field-group-frequence .elementor-field-option input:checked+label,
.elementor-field-group-periode .elementor-field-option input:checked+label {
	background-color: #fff;
	color: #000 !important;
}

.elementor-field-group.elementor-field-group-localisation {
	/* flex-wrap: nowrap; */
	margin-bottom: 8vh !important;
}

.elementor-field-group-coordonnees>.elementor-field-group>label {
	padding-bottom: 0 !important;
	font-size: 1.6vw !important;
	letter-spacing: normal !important;
	font-weight: 600 !important;
}

.elementor-field-group-interet input,
.elementor-field-group-projet input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	display: block !important;
	cursor: pointer;
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option {
	position: relative;
	background: url("/wp-content/uploads/2025/02/piscine-coque-prado-plage-2020.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	flex: 0 0 48%;
	height: 14vw;
	display: block;
	cursor: pointer;
	transition: 300ms all;
	margin-bottom: 70px;
}

.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option {
	position: relative;
	background: url("/wp-content/uploads/2025/02/piscine-coque-prado-plage-2020.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
	flex: 0 0 23%;
	height: 14vw;
	display: block;
	cursor: pointer;
	transition: 300ms all;
	margin-bottom: 70px;
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:hover,
.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:hover {
	transform: scale(0.96);
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
	/* opacity: 0.8; */
}

[data-elementor-device-mode$=top] .elementor-column+.elementor-column {
	margin-left: 0;
}

.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:nth-child(1) {
	background-image: url("/wp-content/uploads/2025/03/maison_individuelle.jpg");
}

.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option:nth-child(2) {
	background-image: url("/wp-content/uploads/2025/03/reno.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(1) {
	background-image: url("/wp-content/uploads/2025/03/salon.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(2) {
	background-image: url("/wp-content/uploads/2025/03/chambre.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(3) {
	background-image: url("/wp-content/uploads/2025/03/cuisine.jpg");
}

.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option:nth-child(4) {
	background-image: url("/wp-content/uploads/2025/03/sdb.jpg");
}

.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option label,
.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option label {
	position: absolute;
	font-size: 21px !important;
	/* top: 108%; */
	align-items: end;
	display: flex;
	width: 100%;
	height: calc(100% + 55px);
}

.elementor-field-group-interet input:checked+label:after,
.elementor-field-group-projet input:checked+label:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: calc(100% - 55px);
	top: 0;
	border: 1px solid #fff;
	background: url(images/outline-check.svg) no-repeat center, rgba(0, 0, 0, 0.5);
}

.elementor-field-group-coordonnees>.elementor-field-group {
	margin-bottom: 40px !important;
}

.elementor-field-group-coordonnees>.elementor-field-group>label {
	margin-bottom: 20px;
}

#form_contact_etapes .e-form__buttons {
	margin-top: 30px;
}

#form_contact_etapes .elementor-message.elementor-message-success {
	background-color: #FFA719;
	padding: 20px;
}

@media (max-width: 991px) {

	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-qui>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-frequence>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-periode>label {
		padding-bottom: 0 !important;
	}

	/* .elementor-field-group-localisation > label, */
	.elementor-field-group-qui>label,
	.elementor-field-group-coordonnees>.elementor-field-group>label,
	.elementor-field-group-frequence>label,
	.elementor-field-group-periode>label {
		font-size: 2.5vw !important;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group>label {
		padding-bottom: 30px !important;
	}

	.elementor-field-group-interet .elementor-field-subgroup,
	.elementor-field-group-projet .elementor-field-subgroup {
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option,
	.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option {
		height: 150px;
		flex: calc(50% - 10px);
		margin-bottom: 50px;
	}

	.elementor-field-type-radio.elementor-field-group-interet .elementor-field-subgroup .elementor-field-option label,
	.elementor-field-type-checkbox.elementor-field-group-projet .elementor-field-subgroup .elementor-field-option label {
		font-size: 16px !important;
		height: calc(100% + 48px);
	}

	.elementor-field-group-interet input:checked+label::after,
	.elementor-field-group-projet input:checked+label::after {
		height: calc(100% - 48px);
	}
}

@media (max-width: 479px) {

	.elementor-field-group-qui>label,
	.elementor-field-group-coordonnees>.elementor-field-group>label,
	.elementor-field-group-frequence>label,
	.elementor-field-group-periode>label {
		font-size: 5vw !important;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-qui>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-frequence>label,
	#form_contact_etapes .elementor-labels-above .elementor-field-group.elementor-field-group-periode>label {
		padding-bottom: 30px !important;
	}

	.elementor-field-group.elementor-field-group-localisation {
		margin-bottom: 30px !important;
	}

	.elementor-field-group.elementor-field-group-qui,
	.elementor-field-group.elementor-field-group-frequence,
	.elementor-field-group.elementor-field-group-periode {
		flex-wrap: wrap;
	}

	.elementor-field-group-coordonnees>.elementor-field-group {
		margin-bottom: 20px !important;
	}

	.elementor-field-group-coordonnees>.elementor-field-group>label {
		margin-bottom: 0;
	}

	#form_contact_etapes .elementor-labels-above .elementor-field-group-coordonnees .elementor-field-group>label {
		padding-bottom: 10px !important;
	}
}