/******* Généralités ********/

#contenu {
  margin-block-start: 0;
}
.mb {
  margin-bottom: clamp(4rem, 3rem + 5vw, 7.5rem);
}
h2 {
  position: relative;
}
h2.wp-block-heading::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.5rem;
  left: -1rem;
  width: 28px;
  height: 10px;
  background-image: url(../images/vector_mobile.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
@media (min-width: 62em) {
  h2.wp-block-heading::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1.5rem;
    left: -1.5rem;
    width: 35px;
    height: 20px;
    background-image: url(../images/vector_titre.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.3s;
  }
}
/**************** Menu Evitement ****************/
.menu-evitement {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-height: 0px;
  overflow: hidden;
  z-index: 100;
  transition: 0.3s ease-in;
}
.menu-evitement:focus-within {
  max-height: 100px;
}
.menu-evitement .evitement {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 2px solid #f69d1f;
  color: var(--wp--preset--color--contrast);
  text-align: center;
  padding: 1rem;
  margin: 2rem;
  transition: 0.3s ease-out;
}

.menu-evitement .evitement:hover,
.menu-evitement .evitement:focus {
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--contrast);
}

/* Background au survol */

.wp-block-navigation a:hover,
.wp-block-navigation__responsive-container:hover {
  background-color: var(
    --wp--preset--color--bg-pink
  ); /* Couleur de fond semi-transparente */
  color: var(--wp--preset--color--contrast);
  transition: background-color 0.3s ease-in-out;
  border-radius: 4px; /* Arrondi pour l’esthétique */
  display: block;
  text-decoration: none;
}

/* Style pour le focus */
.wp-block-navigation a {
  padding: 0.5rem;
}
@media (min-width: 48em) {
  .wp-block-navigation a:focus,
  .wp-block-navigation a:active {
    padding: 0.5rem;
    /*background-color: var(--wp--preset--color--background); /* Fond plus marqué pour l’accessibilité */
    outline: 1px solid var(--wp--preset--color--contrast); /* Bordure pour bien voir le focus */
    border-radius: 4px; /* Arrondi pour l’esthétique */
    border: 1px solid var(--wp--preset--color--background);
    display: block;
  }

  .current-menu-item a {
    background-color: var(--wp--preset--color--bg-pink);
    transition: background-color 0.3s ease-in-out;
    border-radius: 4px; /* Arrondi pour l’esthétique */
    color: var(--wp--preset--color--contrast) !important;
  }
}
.wp-block-navigation-item .nav-footer .current-menu-item a span {
  background-color: var(--wp--preset--color--bg-pink);
  transition: background-color 0.3s ease-in-out;
  border-radius: 4px; /* Arrondi pour l’esthétique */
  color: var(--wp--preset--color--contrast) !important;
}
/******** Navigation ********/
.wp-block-navigation__responsive-container {
  background-color: #ffffff; /* Fond blanc */
}
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 20px;
}
.header {
  position: sticky;
  top: 0;
  z-index: 9999;
}
#header {
  padding-block: 1rem;
}
.wp-block-site-logo img {
  max-width: 40vw;
  height: auto;
}
@media (min-width: 48em) {
  .wp-block-site-logo img {
    max-width: 20vw;
  }
}
.wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
  text-align: center;
  font-size: 1rem;
}
.wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open
  a:hover,
.wp-block-navigation:not(.has-background)
  .wp-block-navigation__responsive-container.is-menu-open
  a:active {
  color: var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--background);
  padding: 0.5rem;
}
.wp-block-button.is-style-contact .wp-element-button a:hover {
  padding-right: 40px;
}
.wp-block-navigation-item {
  font-size: 1rem;
  text-align: center;
}
.wp-block-search__button {
  border: none !important;
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--background);
}
.wp-block-search__button:hover,
.wp-block-search__button:focus,
.wp-block-search__button:active {
  background-color: var(--wp--preset--color--bg-beige);
  color: var(--wp--preset--color--contrast);
}

/**** Nav desktop ****/
@media (min-width: 782px) {
  .wp-block-navigation-item__content {
    color: var(--wp--preset--color--contrast);
    font-size: clamp(1rem, 0.914rem + 0.429vw, 1.3rem);
  }
}
/****** Boutons ******/
.cta-contact {
  font-family: var(--wp--preset--font-family--body);
  font-size: 1rem !important;
}
.cta-contact a {
  border-color: var(--wp--preset--gradient--gradient-1);
  border-top-left-radius: 8px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 20px;
  position: relative;
  padding-right: 2.5rem;
}
.cta-contact span {
  border: 1px solid var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--contrast) !important;
  border-radius: 1rem;
  padding-inline: 1rem;
  padding-block: 0.5rem;
}
.cta-contact a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.6rem;
  right: 0.5rem;
  width: 24px;
  height: 24px;
  background-image: url(../images/picto_enveloppe2.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
button.cta-contact {
  background-color: transparent;
}
.cta-contact > a:hover,
.cta-contact > a:focus,
.cta-contact > a:active {
  /* background-image: linear-gradient(-180deg, #FAFAFA, #FBD7D7) !important; */
  padding-right: 2.5rem;
  background-image: var(--wp--preset--gradient--gradient-1);
  color: var(--wp--preset--color--contrast);
}

.btn-cv a {
  border: none;
  background-color: transparent;
  padding-bottom: 1rem;
  position: relative;
}
.btn-cv a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0.5rem;
  right: -0.5rem;
  width: 24px;
  height: 24px;
  background-image: url(../images/picto_arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s;
}
.btn-cv > a:hover {
  text-decoration: underline;
  color: var(--wp--preset--color--contrast);
}
.wp-block-search__inside-wrapper:hover {
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 16px;
}
/******** Hero *******/
.texte-hero {
  padding-inline: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  padding-block: clamp(1rem, 0.714rem + 1.429vw, 2rem);
  background-image: var(--wp--preset--gradient--gradient-1);
  border-bottom-left-radius: 64px;
}
@media (min-width: 62em) {
  .texte-hero {
    border-bottom-left-radius: 150px;
  }
}

/******** Contenu *******/
.section-contenu {
  display: grid;
  gap: clamp(2rem, 0.571rem + 3.81vw, 4rem);
}
.section-gauche {
  display: grid;
  padding-right: 0;
}
.section-gauche-contenu {
  grid-area: 1/1/-1/3;
  background-image: var(--wp--preset--gradient--gradient-2);
  border-bottom-right-radius: 150px;
  border-top-right-radius: 4px;
  max-width: 100vw;
  padding-inline: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  padding-block: clamp(1.5rem, 0.929rem + 2.857vw, 3.5rem);
}
.section-droite {
  display: grid;
  padding-left: 0;
}
.section-droite-contenu {
  grid-area: 1/2/-1/4;
  background-image: var(--wp--preset--gradient--gradient-2);
  border-bottom-left-radius: 150px;
  border-top-left-radius: 4px;
  max-width: 100vw;
  padding-inline: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  padding-block: clamp(1.5rem, 0.929rem + 2.857vw, 3.5rem);
}

.padding {
  padding-right: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  padding-left: clamp(1.5rem, 0.5rem + 5vw, 5rem);
}

@media (min-width: 48.063em) {
  .section-gauche {
    /* max-width: 60vw; */
    grid-template-columns: repeat(3, 1fr);
    padding-right: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  }
  .section-droite {
    /* max-width: 60vw; */
    grid-template-columns: repeat(3, 1fr);
    padding-left: clamp(1.5rem, 0.5rem + 5vw, 5rem);
  }
}
/******* Listes *******/
.secteurs-liste {
  grid-template-columns: repeat(2, 1fr);
}
/******* Cards *******/

.categorie_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 0.357rem + 0.714vw, 1rem);
}

.image-publi img {
  max-height: 280px;
}
@media (min-width: 48em) {
  .image-publi {
    width: 100%;
    height: 100%;
    aspect-ratio: 0;
  }
}
.cat-item a {
  text-decoration: none;
}
.cat-item:hover {
  text-decoration: underline;
}
.card-gen {
  padding-block: clamp(2rem, 1.429rem + 2.857vw, 4rem);
  padding-inline: clamp(1rem, 0.714rem + 1.429vw, 2rem);
}

.card-publi > li {
  border-radius: var(--wp--preset--spacing--s);
  filter: grayscale(1);
  transition: all 0.3s ease;
}
.prestations-card-service {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.prestations-card-service > li,
.publi-card > li {
  border-radius: 4px;
  transition: all 0.3s ease;
  padding: clamp(1rem, 0.714rem + 1.429vw, 2rem);
  box-shadow: 0 4px 8px rgba(254, 0, 0, 0.1);
  /* border: 0.1px solid var(--wp--preset--color--bg-pink); */
}
.services-contenu {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.contact-card {
  padding: clamp(1rem, 0.714rem + 1.429vw, 2rem);
  box-shadow: 0 4px 8px rgba(254, 0, 0, 0.1);
  /* border-bottom: 0.1px solid var(--wp--preset--color--bg-pink);
  border-right: 0.1px solid var(--wp--preset--color--bg-pink); */
}
.card-publi > li:hover {
  background-color: var(--wp--preset--color--bg-beige);
  filter: grayscale(0);
  transform: translateY(-5px); /* Légère élévation */
  box-shadow: 0 4px 8px rgba(254, 0, 0, 0.1);
}
.prestations-card-service > li:hover,
.publi-card > li:hover {
  background-color: var(--wp--preset--color--bg-beige);
  transform: translateY(-5px); /* Légère élévation */
  box-shadow: 0 4px 8px rgba(254, 0, 0, 0.1);
}
.card-services {
  gap: 2rem;
  place-content: space-between;
}
.card-services > li {
  border-radius: 1rem;
  background-color: var(--wp--preset--color--bg-beige);
  border-radius: var(--wp--preset--spacing--s);
  transition: all 0.3s ease;
  padding: 1.5rem;
}
.services-titre {
  padding-bottom: clamp(1rem, 0.714rem + 1.429vw, 2rem);
}

.card-services > li:hover {
  background-color: rgba(254, 0, 0, 0.025);
  transform: translateY(-5px); /* Légère élévation */
  box-shadow: 0 4px 8px rgba(254, 0, 0, 0.1);
  /* border: 1px solid var(--wp--preset--color--contrast); */
}
.services-contenu p:nth-child(2) a {
  color: var(--wp--preset--color--contrast);
  border: 1px solid var(--wp--preset--color--contrast);
  padding-block: 0.5rem;
  padding-inline: 1rem;
  border-radius: 1rem;
}
.services-contenu p:nth-child(2) a:hover {
  background-color: var(--wp--preset--color--bg-beige);
  color: var(--wp--preset--color--contrast);
  text-decoration: underline;
  border: 1px solid var(--wp--preset--color--contrast);
}
.card-ref > li {
  border-radius: var(--wp--preset--spacing--s);
  transition: all 0.3s ease;
  border: 0.1px solid var(--wp--preset--color--bg-pink);
  padding: 0.5rem;
}
/* .card-ref >li:hover {
    background-color: var(--wp--preset--color--bg-beige);
    transform: translateY(-5px); /* Légère élévation */
/*  box-shadow: 0 4px 8px rgba(254,0,0,0.1);
   } */

/******* Footer *******/
@media (min-width: 48em) {
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.custom-logo {
  fill: var(--wp--preset--color--bg-beige);
}
.footer {
  margin-top: clamp(5rem, 3.571rem + 7.143vw, 10rem);
}

.section-news {
  margin-bottom: -2rem;
}

.nav-footer a:hover,
.nav-footer a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.nav-footer a:active {
  border: 1px solid var(--wp--preset--color--background);
  background-color: transparent;
  border-radius: 4px; /* Arrondi pour l’esthétique */
}

/**************** Forminator ****************/
.forminator-field .forminator-button .forminator-button-submit {
  background-color: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--contrast) !important;
  border-radius: 1rem !important;
  border: 1px solid var(--wp--preset--color--contrast) !important;
}
.forminator-field .forminator-button :hover {
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--background) !important;
}
.forminator-ui.forminator-custom-form[data-design="material"]:not(
    .forminator-size--small
  ),
.forminator-ui.forminator-custom-form[data-design="material"] {
  margin: 0;
}
.form-message,
.forminator-area {
  border-right-width: 0px !important;
  border-left-width: 0px !important;
  border-top-width: 0px !important;
}
#consent-1 .forminator-label {
  font-family: var(--wp--preset--font-family--body) !important;
  font-size: small !important;
  font-weight: 400 !important;
  padding-bottom: 0.5rem !important;
}
.forminator-checkbox-box:hover,
.forminator-checkbox-box:active {
  background-color: var(--wp--preset--color--bg-beige) !important;
}

/* style-13540.css | https://www.tosca.nathaliefelten.fr/wp-content/uploads/forminator/13540_c19bb555b1ad5f5a5a4a69dbce08f383/css/style-13540.css?ver=1741940241 */

#forminator-module-13540.forminator-design--material
  .forminator-checkbox
  input:checked
  + span[aria-hidden],
#forminator-module-13540.forminator-design--material
  .forminator-checkbox:hover
  span.forminator-checkbox-image,
#forminator-module-13540.forminator-design--material
  .forminator-checkbox
  input:checked
  ~ span.forminator-checkbox-image {
  border-color: var(--wp--preset--color--contrast) !important;
}

#forminator-module-13540.forminator-design--material
  .forminator-checkbox
  span[aria-hidden]:not(.forminator-checkbox-image) {
  color: var(--wp--preset--color--contrast) !important;
}
#forminator-module-13540.forminator-design--material
  .forminator-checkbox
  span[aria-hidden]:not(.forminator-checkbox-image) {
  border-color: var(--wp--preset--color--contrast) !important;
}
/******* Services *******/
.banniere-service {
  max-height: 20vh;
  padding-block: clamp(4rem, 3.429rem + 2.857vw, 6rem);
  margin-top: 0;
  justify-content: center;
  background-image: var(--wp--preset--gradient--gradient-1);
  color: var(--wp--preset--color--secondary);
}
.picto-service img {
  padding: 4px;
  background-color: var(--wp--preset--color--contrast);
  width: 64px;
  height: 64px;
  border-radius: 100px;
  position: absolute;
  top: -3rem;
  right: -2.5rem;
}

.picto_services_page,
.picto-service-search {
  aspect-ratio: 0;
}
.picto-service-search {
  width: 30%;
  height: auto;
}
.picto_services_page img,
.picto-service-search img {
  padding: 5px;
  background-color: var(--wp--preset--color--contrast);
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: var(--wp--preset--spacing--s);
}
.full-card {
  display: block;
  text-decoration: none;
  color: inherit;
}
.full-card .wp-block-group {
  position: relative;
}
.full-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

/****** Page Contact ******/
.contact-consultants {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 0.571rem + 3.81vw, 4rem);
}