/**
This is a duplicate of whats been added to the Customizer Additionnal CSS
It is only loaded in the admin to ensure styles are similiar 
**/

.filter-box {
  background-color: currentColor;
  position: relative;
}

.filter-box * {
  position: relative;
  z-index: 1
}

.filter-box:after {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: currentcolor;
  filter: url('#combined');
  content: '';
}

.flex p {
  display: flex;
  column-gap: 1rem;
}

.flex span {
  max-width: 50%;
}

.hidden {
  display: none;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 textarea,
.wpcf7 select {
  border-color: var(--accent);
  border-width: 3px;
  width: 100%;
  margin-bottom: 0.5rem;
}

.wpcf7-textarea {
  height: 123px
}

.wpcf7-form-control::placeholder {
  color: var(--accent);
}

input[type="submit"].wpcf7-submit {
  background-color: transparent;
  border: 3px solid var(--accent);
  border-radius: 4px;
  color: var(--accent); 
  font-weight: 600
}

.wpcf7 input[type="submit"].wpcf7-submit:hover {
  color: #fff;
  background-color: var(--accent);
}

@media screen and (max-width: 1024px) {
  .gb-element-49b97451 {
    flex-direction: column;
  }
}

.page-hero{
  min-height: 75vh!important;
}

.page-hero.inner-page {
  min-height: 65vh!important;
}

.hero-logo {
  max-width: 100%;
  transform: translateY(-1rem)!important;
}

@media screen and (max-width: 1024px) {
  .hero-logo {
    max-width: 80%;
    transform: translateY(-5rem)
  }
}


/* Règles par défaut */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1rem;
}

/* Cas particulier : h* suivi d'un unique p — pas de margin-bottom sur le h* */
:is(h1, h2, h3, h4, h5, h6):only-child:first-child+p:only-child {
  margin-top: 0;
  /* facultatif */
}

:is(h1, h2, h3, h4, h5, h6):only-child:first-child+p:only-child {
  margin-bottom: 0.5rem;
}

:is(h1, h2, h3, h4, h5, h6):only-child:first-child {
  margin-bottom: 0;
}


.main-navigation .main-nav ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 3;
}

.main-navigation .main-nav ul li a:after {
  position: absolute;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  background: var(--contrast);
  width: calc(100% - 3rem);
  transform: scaleX(0);
  transition: transform 0.2s linear;
}

.main-navigation .main-nav ul li:hover a:after {
  transform: scaleX(1);
}

.custom-link {
  text-decoration: none!important;
}

.custom-link a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-decoration: none!important;
  color: inherit!important;
}

/* .custom-link a:visited {
  color: var(--base-3)
} */

.custom-link a:after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 100%;
  transform: scaleX(0.5);
  background-color: currentColor;
  bottom: -5px;
  transition: transform 0.1s ease-in-out;
}

.custom-link a:hover:after {
  transform: scaleX(1)
}

/*Footer*/
.footer-widgets-container.grid-container {
  max-width: 1248px !important;
  margin: 0 auto;
}

/**
 * Chips
**/

.chipper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.chipper p {
  margin-bottom: 0;
}

.chip {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.25rem;
  width: 4.25rem;
  height: 6.25rem;
  background-size: contain;
  background-repeat: no-repeat;
}


.chip-blue {
  background-image: url('data:image/svg+xml,<svg width="69" height="101" viewBox="0 0 69 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.39 25.7L65 20.35C60.35 12.02 53.5 4.09003 43.91 1.48003C40.65 0.600025 35.61 0.160025 32.25 0.810025L26.53 1.93003C18.38 4.22003 11.76 8.19002 7.35002 15.75C5.53002 18.87 4.44002 22.32 3.17002 25.69L1.12002 31.17C0.230019 37.28 -0.309981 43.08 0.180019 49.27C0.550019 54.09 0.530019 59.03 1.30002 63.81C1.92002 67.65 3.08002 71.44 3.92002 75.24L5.55002 80.48L8.32002 85.21C11.64 91.03 16.7 96.86 23.29 99.11C27.38 100.51 33.07 100.75 37.37 100.29C44.63 99.51 51.81 96.95 57.24 91.94C62.3 87.27 64.51 81.2 66.9 74.93C69.28 68.68 68.76 61.11 68.73 54.49C68.7 48.51 68.52 42.56 68.26 36.59L67.7 31.16L67.38 25.7H67.39Z" fill="%231B295F"/></svg>');
}

.chip-green {
  background-image: url('data:image/svg+xml,<svg width="69" height="101" viewBox="0 0 69 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.39 25.7L65 20.35C60.35 12.02 53.5 4.09003 43.91 1.48003C40.65 0.600025 35.61 0.160025 32.25 0.810025L26.53 1.93003C18.38 4.22003 11.76 8.19002 7.35002 15.75C5.53002 18.87 4.44002 22.32 3.17002 25.69L1.12002 31.17C0.230019 37.28 -0.309981 43.08 0.180019 49.27C0.550019 54.09 0.530019 59.03 1.30002 63.81C1.92002 67.65 3.08002 71.44 3.92002 75.24L5.55002 80.48L8.32002 85.21C11.64 91.03 16.7 96.86 23.29 99.11C27.38 100.51 33.07 100.75 37.37 100.29C44.63 99.51 51.81 96.95 57.24 91.94C62.3 87.27 64.51 81.2 66.9 74.93C69.28 68.68 68.76 61.11 68.73 54.49C68.7 48.51 68.52 42.56 68.26 36.59L67.7 31.16L67.38 25.7H67.39Z" fill="%234F683B"/></svg>');
}

.chip-orange {
  background-image: url('data:image/svg+xml,<svg width="69" height="101" viewBox="0 0 69 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M67.39 25.7L65 20.35C60.35 12.02 53.5 4.09003 43.91 1.48003C40.65 0.600025 35.61 0.160025 32.25 0.810025L26.53 1.93003C18.38 4.22003 11.76 8.19002 7.35002 15.75C5.53002 18.87 4.44002 22.32 3.17002 25.69L1.12002 31.17C0.230019 37.28 -0.309981 43.08 0.180019 49.27C0.550019 54.09 0.530019 59.03 1.30002 63.81C1.92002 67.65 3.08002 71.44 3.92002 75.24L5.55002 80.48L8.32002 85.21C11.64 91.03 16.7 96.86 23.29 99.11C27.38 100.51 33.07 100.75 37.37 100.29C44.63 99.51 51.81 96.95 57.24 91.94C62.3 87.27 64.51 81.2 66.9 74.93C69.28 68.68 68.76 61.11 68.73 54.49C68.7 48.51 68.52 42.56 68.26 36.59L67.7 31.16L67.38 25.7H67.39Z" fill="%23F39814"/></svg>');
}

.custom-btn {
  background-color: transparent;
  border: 3px solid currentColor;
  border-radius: 4px;
  color: currentColor;
  font-weight: 600;
  transition: color 0.3s ease;
}

.custom-btn:hover {
  background-color: currentColor;
  color: var(--base-3)
}