/**
 * Theme Name: Ilot Yellow
 * Description: Blocksy Child theme
 * Author: Studio CAD
 * Template: blocksy
 * Text Domain: blocksy
 */

body, h1, h2, h3, h4, h5, h6, label, figcaption, blockquote, blockquote p, .menu a, .site-title, .entry-meta, .mobile-menu, .widget-title, .ct-post-title, .ct-breadcrumbs, .ct-header-text, .site-description, .page-description, .ct-footer-copyright, .ct-widget>*:not(.widget-title){
	/*color: var(--theme-palette-color-1);*/
}





a {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  transition: text-decoration-thickness 0.25s ease, text-underline-offset 0.25s ease;
}

a:hover {
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}



.link-yellow a {
	text-decoration: underline;
	color: var(--theme-palette-color-1, #FFEB04);
}

.link-yellow a:hover {
	color: var(--theme-palette-color-1, #FFEB04);
}


#header [data-items] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.heading-text-h1 {
	width: 70vw;
}

/* Lien contact 6e section */

.contact-us-link a {
	color : var(--theme-palette-color-4)	
}
.contact-us-link a:hover {
	color : var(--theme-palette-color-4);
	text-decoration:underline;
}
/* ****************** */

/* 3e section reglages texte dans forme */


@media (min-width: 1000px) and (max-width: 1300px){
	.third-section-white-bloc {
		width : 350px;
		align-self : flex-end;
	}
	.text-third-section-column {
	width : 750px;
	}
	.third-section-right-bloc {
		display:none;
	}
}	

@media (max-width: 860px){
	.text-third-section-column {
		background-image : none !important;
	}
}

/*******************/


.h1-yellow {
  display: flex;
  flex-direction: column;
  gap: 0.15em;
  font-weight: 500;
  font-style: italic;
  text-transform: uppercase;
  color: var(--heading-color, #000);
  font-size: clamp(1.8rem, 4.5vw, 4rem);
  line-height: 1.1;
  margin: 0;
}

.h1-yellow .ligne {
  display: flex;
  justify-content: space-between;
  width: 100%;
	line-height: 1em;
}

/* Ajustement des espacements pour coller au visuel */
.h1-yellow .ligne1 {
  padding-left: 10%;
    display: flex;
    justify-content: flex-start;
		gap: 64px;
}

.h1-yellow .ligne2 {
  padding-left: 2%;
  padding-right: 5%;
}

.h1-yellow .ligne3 {
  justify-content: flex-start;
  padding-left: 25%;
}

/* Ajuste finement l'espacement entre les mots */
.h1-yellow .mot {
  white-space: nowrap;
}


/*  STYLE FORMULAIRE */

.wpforms-container {
	width : 60% !important;
}

input[type="checkbox"]::before {
	border: 1px solid black !important;
	border-radius :0px !important
}
.contact-form [type="text"], .contact-form [type="email"], .contact-form [type="tel"], .contact-form [type="number"], .contact-form .wpforms-field-small {
  border-bottom: 1px solid var(--theme-palette-color-4) !important;
}

.contact-form input::placeholder, .contact-form input, .contact-form textarea::placeholder, .contact-form input{
	font-weight : 600 !important;
	color : var(--theme-palette-color-4) !important; 
	opacity : 1!important;
	font-size:18px
}
 
#wpforms-266-field_6 {
	height: 43px !important;
}

.wpforms-submit-container {
	text-align:right;
}
.wpforms-submit-container button {
		text-transform : uppercase;
		text-decoration : underline !important;
		font-weight:600 !important;
	font-size : 18px !important;
}

.wpforms-field-label-inline a {
	color : var(--theme-palette-color-4);
	text-decoration:underline;
	font-weight : 500;
	font-size : 13px;
}
.wpforms-field-label-inline {
		font-weight : 500 !important;
		font-size : 13px !important;

}

 /************************/


/* --- Responsive < 1000px --- */
@media (max-width: 1000px) {
	
	.heading-text-h1 {
	width: auto;
}
	
  .h1-yellow {
    font-size: clamp(1.4rem, 3vw, 2.8rem); /* ↓ légèrement plus petit */
  }

  .h1-yellow .ligne {
    justify-content: flex-start; /* texte ferré à gauche */
		flex-wrap: wrap;
    padding: 0; /* on enlève les décalages */
    gap: 32px; /* espace minimum entre les mots */
  }
	
		.h1-yellow .ligne2 {
        flex-wrap: wrap;
        gap: 0px;
    }

  .h1-yellow .ligne3 {
    padding-left: 0; /* DENORMANDIE ferré à gauche aussi */
  }
	
	.contact-form {
		width: 80% !important;
		margin: 16px auto !important;
	}
	
}

/* --- Responsive mobile < 600px --- */
@media (max-width: 600px) {
  .h1-yellow {
    font-size: clamp(1.2rem, 4vw, 0.8rem);
    line-height: 1.15;
  }

  .h1-yellow .ligne {
    flex-wrap: wrap; /* permet de casser les mots si besoin */
    gap: 24px;
  }
	
	    .h1-yellow .ligne2 {
        flex-wrap: wrap;
        gap: 0px;
    }
}

	.contact-form {
		width: 100% !important;
		margin: 16px auto !important;
	}

}














@media (min-width: 689.99px) and (max-width: 1024px){
	
	.hide-for-tablet{
		display: none;
	}
}

@media (min-width: 689.99px) and (max-width: 960px){
	
	
}

@media (max-width: 768px){
	
	
}


@media (min-width: 768px) and (max-width: 1024px){

	
}
@media (max-width: 689.98px){
	.hide-for-mobile{
		display: none;
	}
	
}