header
{
	position:relative;
	z-index:2;
	//margin-bottom:-110px;
}

a.wp-block-button__link:hover
{
	color:var(--wp--preset--color--custom-primary) !important;
	text-decoration:none;
}
footer a.wp-block-button__link:hover, .yello-buttons a.wp-block-button__link:hover
{
	color:var(--wp--preset--color--custom-accent) !important;
	text-decoration:none;
}

footer svg
{
	width:36px;
	fill:var(--wp--preset--color--custom-primary);
}

/* --------- Champs de base --------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  width: auto;
  padding: 8px 16px;
  //margin-bottom: 1rem;
 border:1px solid white;
  border-radius: 8px;
  background-color: #fdfdfd;
  font-size: 16px;
  font-family: inherit;
  transition: border-color 0.3s ease;
  margin-top:0.3rem;

}

.wpcf7 textarea {
  min-height: 120px;
  resize: vertical;
}

/* Focus */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #7cb7a5;
  outline: none;
}

/* --------- Bouton --------- */
.wpcf7 input[type="submit"] {
  background-color: var(--wp--preset--color--custom-accent) !important;
  color: var(--wp--preset--color--custom-text);
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #5a9683;
}

/* --------- Messages --------- */
.wpcf7-response-output {
  margin-top: 1rem;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 15px;
}

.wpcf7 .wpcf7-mail-sent-ok {
  background-color: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-not-valid-tip {
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
  margin-top:0.5rem;
  padding:0.5rem;
}

/* --------- Étiquettes optionnelles --------- */
.wpcf7 label {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: 500;
  color: white;

}


.wpcf7-form
{
	max-width:450px!important;
}



:root {
  --mobil-break:872px;
}

/* Forcer le menu mobile sous 768px */
@media (max-width: 872px) {
  .wp-block-navigation__responsive-container {
    display: none;
  }

  .wp-block-navigation__responsive-container-open:not(.is-menu-open) .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container.is-menu-open {
    display: block;
  }

  .wp-block-navigation__responsive-container,
  .wp-block-navigation__responsive-container-open {
    flex-direction: column;
  }

  .wp-block-navigation__responsive-container-open .wp-block-navigation__responsive-toggle {
    display: flex !important;
  }

  .wp-block-navigation__container {
    display: none !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column;
  }
}

/* Cacher le toggle burger au-dessus de 768px */
@media (min-width: 872px) {
  .wp-block-navigation__responsive-toggle {
    display: none !important;
  }
  .wp-block-navigation__responsive-container.has-modal-open 
  {
  	display:none;
  }

}

@media (max-width: 871px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex!important;
  }
  .wp-container-core-navigation-is-layout-482312ed {
  gap: 0!important;
  .wp-block-navigation__responsive-container.has-modal-open li.nav-button a
	{
		background-color: var(--wp--preset--color--custom-accent);
		  color: var(--wp--preset--color--custom-text);
		  font-family: var(--wp--preset--font-family--work-sans);
		  font-style: normal;
		  font-weight: 500;
		  line-height: 1;
		  padding: calc(0.667em + 2px) calc(1.333em + 2px);
		  border-radius: 9999px;
  box-shadow: none;
  font-size:1rem;
  color:var(--wp--preset--color--custom-text)!important;

	}
.wp-block-navigation__responsive-container.has-modal-open li.nav-button a:hover
{
	color:var(--wp--preset--color--custom-primary)!important;
	text-decoration:none;
}

}
html body main .wp-block-navigation__responsive-container
{
	background-color:#118585fa!important;
	max-width:340px!important;
	right:0!important;
	left:calc(100vw - 340px)

}

html body main .wp-block-navigation__responsive-container a
{
	color:white!important;
}
html body main .wp-block-navigation__responsive-container .wp-block-navigation__container
{
	
	gap:12px!important;
}
html body main .wp-block-navigation__responsive-container .wp-block-navigation__container a
{
	font-size:24px;
}
html body main .wp-block-navigation__responsive-container .wp-block-navigation__container a:hover
{
	color:var(--wp--preset--color--custom-accent)!important;
}
.wp-block-navigation__responsive-container-close
{
	color:white!important;
}

}

@media (max-width: 576px) {

	.wpcf7-form-control-wrap
	{
		
		display:block;
		width:100%!important;

	}
	.wpcf7-form, .wpcf7-form,  .wpcf7-form-control-wrap
	{
		max-width:calc(100vw - 4rem - 48px)!important;
		
		display:block!important;
	}

	.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  max-width:calc(100% - 2rem)!important;
  
}

	

}

@media (max-width: 492px) {
  header .wp-block-buttons
  {
  	display:none;
  }
  .has-x-large-font-size
  {
  	font-size:28px!important
  }
  .has-medium-font-size
  {
		font-size:18px!important
  }

  	:root {
  	--wp--preset--spacing--60:1.5rem;
  	--wp--preset--font-size--large: 1.5rem;
  	--wp--preset--spacing--80:2.5rem;
	}
}


@media (min-width: 492px) {

	.wp-block-navigation__responsive-container:not(.has-modal-open) li.nav-button
	{
		display:none!important;
	}


 
}

.card-oeuvre a.uk-inline, .card-oeuvre a.uk-inline img
{
  min-width:100%;
}

footer a:hover 
{
  color:var(--wp--preset--color--custom-primary);
}

h1 a:hover 
{
  text-decoration:none!important;
}



.splide__arrow, .splide__pagination__page
{
  background:var(--wp--preset--color--custom-primary);

}
.splide__pagination__page
{
  opacity:1!important;
}

.splide__pagination__page.is-active
{
  
  background:var(--wp--preset--color--custom-accent);
}

.splide__arrow svg
{
  fill:var(--wp--preset--color--custom-accent);
}

.splide__slide.is-visible:hover
{
  cursor: grab;
}