.has-global-padding > .alignfull,
.has-global-padding {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* Header Custom Properties */
header a {
  font-size: 16px;
  font-weight: 600;
}

.blog-header-yellow {
  position: relative;
  margin-top: 0px !important;
}

.blog-header-yellow:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 200px;
  left: 0;
  background-color: #f2f875 !important;
}

.black-avis .ti-widget.ti-goog .ti-widget-container, .black-avis  .ti-rating-text, .black-avis  .ti-rating-text span, .black-avis  .ti-rating-text strong {
  color: #000 !important;
}

/* Header prend tout l'écran en commençant sous la nav */
.header {
  margin-top: 80px !important; /* Espace pour la nav */
  height: calc(100vh) !important; /* 100vh moins la hauteur de la nav */
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: filter 0.3s ease-out;
  margin: -100px auto 0px auto !important;
  padding: 0 14%;
}

.header.blur {
  filter: blur(4px);
}

.max-width-custom {
  max-width: 80%;
}

.full-width {
  min-width: 100%;
  padding: 80px 0px;
  margin-top: 0px;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center !important;
}

.full-width-nomarge {
  min-width: 100%;
  padding: 80px 0;
  margin-top: 0px;
}

.width-lg {
  max-width: 800px;
  margin: 0 auto;
}

.width-xl {
  max-width: 1100px;
  margin: 0 auto;
}

/* Navigation et sous-menu */
.wp-block-navigation__submenu-container {
  padding: 20px !important;
  border-radius: 10px;
  top: 30px !important;
  z-index: 25 !important;
}

.wp-block-navigation__submenu-container li {
  margin: 0 !important;
}

/* Footer Custom Properties */
footer h3 {
  font-size: 16px;
}

footer ul {
  display: flex;
  flex-direction: column;
}

footer ul li {
  font-size: 14px;
  font-weight: 400;
}

.space-between {
  padding-top: 80px;
  border-top: 0.5px solid #d3d3d3;
  justify-content: space-between;
}

.copyright {
  font-size: 12px;
  color: #9b9b9b;
  text-align: center;
}

/* Effet souligné */
em,
i,
.has-italic-font-style {
  font-style: normal;
  position: relative;
  display: inline;
  z-index: 1;
}

em::before,
i::before,
.has-italic-font-style::before {
  content: "";
  position: absolute;
  left: -0.1em;
  right: -0.1em;
  top: 0.8em;
  bottom: 0;
  z-index: -1;
  border-radius: 2rem;
  padding: 0 0.2em;
  transform: translateY(80%);
  height: 0.5em;
}

.highlight-yellow em::before,
.highlight-yellow i::before {
  background-color: #f2f875;
}

/* Contenu qui passe par-dessus */
.content-overlay {
  position: relative;
  z-index: 2;
  background-color: white;
  padding: 5vh 14%;
  width: 100%;
}

.content-overlay > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Ajustement du main pour éviter les marges indésirables */
main {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Conteneur pour le contenu du header */
.header-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.img-blur-bg {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 15px;
  padding: 20px;
}

.img-blur-bg::before {
  content: "";
  position: absolute;
  width: 80%;
  height: 100%;
  background-color: rgba(255, 139, 210, 0.2); /* #FF8BD2 avec opacité 0.25 */
  border-radius: 50% 50% 0 0 / 70% 70% 0 0;
  transform: scale(1.2, 1);
  bottom: 0;
  z-index: -1;
  filter: blur(70px); /* Effet diffus */
}

/* Page prestations */
.prestation-header-info {
  padding: 80px;
  background-color: #fff;
  border-radius: 20px;
  max-width: 700px;
}

.prestation-section {
  max-width: 1300px !important;
  margin: 0 auto;
}

.prestation-container,
.prestation-container-blue,
.prestation-container-yellow,
.prestation-container-rose {
  margin: 0 auto;
  padding-bottom: 80px !important;
  position: relative;
  overflow: hidden;
}

.prestation-header-img img {
  position: absolute;
  transform: scale(1) translateY(-50%) translateX(-20%);
  top: 50%;
}

.prestation-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 200px;
  background-color: #c1ff72;
  padding: 80px 14% !important;
}

.prestation-container-blue::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 200px;
  background-color: #5ce1e6;
  padding: 80px 14% !important;
}

.prestation-container-yellow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 200px;
  background-color: #f2f875;
  padding: 80px 14% !important;
}

.prestation-container-rose::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 200px;
  background-color: #ff8bd2;
  padding: 80px 14% !important;
}
.img-full-w {
  width: 100% !important;
}

.img-full-w img {
  width: 100% !important;
}

/* page Rejoignez-nous */
.before-blue-bis {
  min-width: 100%;
  margin-top: 20px;
  position: relative;
}

.before-blue-bis::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60%;
  z-index: -1;
  top: 0px;
  background-color: #f6ffff;
  padding: 0px 14% !important;
}

/* Page prestations */
.before-green,
.before-blue {
  min-width: 100%;
  margin-top: 100px;
  margin-bottom: 80px;
}

.before-green::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  z-index: -3;
  top: -100px;
  background-color: #f8ffef;
  padding: 0px 14% !important;
}

.before-blue::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  z-index: -3;
  top: -100px;
  background-color: #f6ffff;
  padding: 0px 14% !important;
}

.before-rose::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90%;
  z-index: -3;
  top: -100px;
  background-color: #fff8fc;
  padding: 0px 14% !important;
}

.after-green::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: -3;
  bottom: -50px;
  background-color: #f8ffef;
  padding: 0px 14% !important;
}

.after-blue::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: -3;
  bottom: -50px;
  background-color: #f6ffff;
  padding: 0px 14% !important;
}

/* Newsletter */
.newsletter-section {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (max-width: 768px) {
  .mobile-none {
    display: none !important;
  }
  .blob-container {
    top: 50px !important;
  }
  .mobile-nav {
    justify-content: space-between !important;
  }
  .header {
    padding-top: 100px !important;
    padding-bottom: 80px !important;
    height: 100vh !important;
  }
  .header h1 {
    font-size: 28px !important;
  }
  .badge-clients-text {
    font-size: 12px !important;
  }
  .badge-clients-avatar {
    width: 35px !important;
    height: 35px !important;
  }
  .prestation-header-info {
    padding: 30px;
    max-width: 800px;
    text-align: center;
  }
  .prestation-header-info .wp-block-buttons,
  .flex-center .wp-block-buttons {
    display: flex;
    justify-content: center !important;
    text-align: center !important;
  }
  .prestation-header-img img {
    position: inherit;
    transform: scale(1) translateY(0%) translateX(0%);
    top: inherit;
  }
  .flex-center {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .full-width {
    min-width: 100%;
    padding: 30px 0px;
    margin-top: 0px;
  }
  .newsletter-input-wrap {
    overflow: inherit !important;
  }

  /* Menu mobile */
  .wp-block-navigation__responsive-container-content {
    gap: 30px;
  }

  .wp-block-navigation__responsive-container-content {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .wp-block-navigation-item__content {
    font-weight: 300 !important;
    font-size: 12px !important;
  }

  .wp-block-navigation__submenu-container {
    padding: 0px !important;
  }

  .wp-block-navigation__submenu-container a {
    font-weight: 500 !important;
    font-size: 21px !important;
  }
  em::before,
  i::before,
  .has-italic-font-style::before {
    display: none;
  }

  .light-col,
  .dark-col {
    margin: 0 40px !important;
  }
  .blog-header-yellow {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }
  .blog-header-yellow h1 {
    font-size: 28px !important;
  }
}