/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-elementor/
Description: Un thème enfant pour le thème Hello Elementor
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/



/* ==========================================================================
   0. menu
   ========================================================================== */
/* .menu-item-home a::before {
  content: "";
  background-image: url('/icons/home.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
} */


/* ==========================================================================
   0. header
   ========================================================================== */
/* body:not(.home) .sticky-header {
  background-color: #000;
  background-position: center !important;
  background-size: cover;
} */



body.home .sticky-header {
  background-color: transparent !important;
  background-image: none !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

 

body:is(.privacy-policy, .page-id-1120, .page-id-1123, .page-id-1127) main#content {
  padding-block: clamp(25px, 25%, 50px) !important;
  color: #000 !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
  background-color: #000 !important;
}

body.home .sticky-header .header-main-div {
border-bottom: 2px solid #fff !important ;
}

body.home .is-sticky {
    background: #000 !important;
}

body.home .is-sticky .header-main-div {border:0 !important;}


	/* ==========================================================================
   1. Bloc - 
   ========================================================================== */
	/* CSS pour Floating Labels */
		.contact_form .input-label {
		  position: relative;
		  margin-bottom: 0;
		}

		.contact_form .sp-label {
		  position: absolute;
		  left: 12px;
		  top: 17px;
		  color: #888;
		  transition: all 0.3s ease;
		  pointer-events: none;
		  font-size: 14px;
		  z-index: 1;
		  background: transparent;
		}
		.contact_form .row:nth-child(4) .sp-label:not(.label-focused){
			top: 18px;
		}
		.contact_form div:not(.error_acc) .wpcf7-form-control:not(.wpcf7-submit , .wpcf7-acceptance) {
		  width: 100%;
		  padding: 12px;
		  border: 01px solid #ddd;
		  border-radius: 4px;
		  font-size: 14px;
		  background-color: white;
		  box-sizing: border-box;
		  transition: border-color 0.3s ease;
		  min-height: 56px;
		}

		.contact_form .wpcf7-textarea {
		  height: 220px;
		  resize: vertical;
		}

		/* Classe pour label quand input a focus ou contient du texte */
		.contact_form .label-focused {
		  top: -10px;
		  left: 10px;
		  font-size: 12px;
		  color: #6a3de8;
		  padding: 0 5px;
		  background-color: white;
		  font-weight: bold;
		}

		/* Style pour inputs avec focus - sans agrandissement */
		.contact_form .wpcf7-form-control:focus {
		  border: 2px solid #6a3de8;
		  outline: none;
		  /* Ajuste le padding pour compenser la bordure plus épaisse et éviter le redimensionnement */
		  padding: 11px;
		}

		/* Style pour le bouton */
		.contact_form .wpcf7-submit {
		  background-color:#FE4210;
		  color: #fff;
		  border: none;
		  padding: 12px 35px !important;
		  border-radius: 0px;
		  font-weight: bold;
		  cursor: pointer;
		  transition: background-color 0.3s;
		}

		.contact_form .wpcf7-submit:hover {
		  background-color: #1d2129;
			color: #fff;
		  outline: none;
		}


		/* Style de base du formulaire */
		.contact_form .wpcf7-form {
		  max-width: 100%;
		  font-family: Arial, sans-serif;
		}


		/* Style des rangées */
		.contact_form .row {
		  margin-bottom: 0px;
		  display: flex;
		  flex-wrap: wrap;
		  gap:15px;
		}

		/* Style des colonnes */
		.contact_form .col-md-6 {
		  width: calc(50% - 15px);
			flex:1 1;
		}

		.contact_form .col-md-12 {
		  width: 100%;
		}

		.error_acc , .recaptcha_acc{font-size: 14px !important;!i;!;font-family: 'PPMori-Regular';}

		:is(.error_acc , .recaptcha_acc) a:not(:hover) {
			color:var(--e-global-color-669898c);
		}
		.wpcf7 form.sent .wpcf7-response-output {
			background: green;
			color: #fff !important;!importa;
			text-align: center;
			padding-block: 12px !important;
		}
		.wpcf7 form.invalid 
		.wpcf7-response-output {
			background: red;
			color: #fff !important;
			text-align: center;
			padding-block: 12px !important;
			border-color:red !important;
		}
		@media (max-width:900px){
		  .contact_form .col-md-6 {
			width: 100%;
		  }
		}
		.btn_avis  a {
			padding-inline: 18px 9px !important;
			padding-block: 9px !important;
		}

		.btn_avis 
		span.elementor-button-icon {
			padding: 9px;
			background-color: #4856a6;
			border-radius: 3px;
		}
		.btn_avis  a:hover span.elementor-button-icon {
			background-color: #fff !important;
			color: #4856a6!important;
		}
.btn_avis  a:hover span.elementor-button-icon * {
			fill: #4856a6!important;
		}
		.btn_avis a >span.elementor-button-content-wrapper {
			display: flex;
			align-items: center;
		}

	

	/* ==========================================================================
   2. prestation
   ========================================================================== */

   

   
	/* ==========================================================================
   2. avis
   ========================================================================== */

  /** css Page avis (mettre cette classe dans le contenour des avis : section-avis-pg) **/

.section-avis-pg .ti-widget.ti-goog .ti-reviews-container {max-height: unset !important ;overflow-y: initial !important;}
.section-avis-pg .ti-widget.ti-goog .ti-reviews-container-wrapper {display: flex !important;flex-direction: row !important;flex-wrap: wrap !important;justify-content: space-between !important;align-items: flex-start !important;width: 100% !important;margin: 0px !important;}
.section-avis-pg .ti-widget.ti-goog .ti-review-item {width: 31% !important;float: left !important;margin: 1%;position: relative !important;left: 0px !important;max-width: 31% !important;min-width: 31% !important;flex: 0 0 31% !important;padding: 0px !important;}
.section-avis-pg .ti-widget.ti-goog .ti-reviews-container {width: 100% !important;overflow: hidden;}
.section-avis-pg .ti-widget.ti-goog .ti-controls-dots, .section-avis-pg .ti-widget.ti-goog .ti-controls {display:none !important;}

@media only screen and (max-width: 1024px){
    .section-avis-pg .ti-widget.ti-goog .ti-review-item {width: 48% !important;min-width: 48% !important;flex: 0 0 48% !important;}
}
@media only screen and (max-width: 600px){
    .section-avis-pg .ti-widget.ti-goog .ti-review-item {width: 98% !important;min-width: 98% !important;flex: 0 0 98% !important;}
}
/* ==========================================================================
   0. Footer
   ========================================================================== */






/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

	/* Extra Small Devices - Smartphones (moins de 480px) */
	@media screen and (max-width: 480px) {
		/* Styles pour les téléphones mobiles en mode portrait */
	}

	/* Small Devices - Smartphones large, Petites tablettes (481px - 767px) */
	@media screen and (min-width: 481px) and (max-width: 767px) {
		/* Styles pour les grands téléphones et petites tablettes */
	}

	/* Medium Devices - Tablettes (768px - 991px) */
	@media screen and (min-width: 768px) and (max-width: 991px) {
		/* Styles pour les tablettes en mode portrait et paysage */
	}

	/* Large Devices - Ordinateurs portables, petits écrans (992px - 1199px) */
	@media screen and (min-width: 992px) and (max-width: 1199px) {
		/* Styles pour les ordinateurs portables et petits écrans */
	}

	/* Extra Large Devices - Grands écrans (1200px et plus) */
	@media screen and (min-width: 1200px) {
		/* Styles pour les ordinateurs de bureau avec grands écrans */
	}