/*
Theme Name: Maximis
Theme URI: 
Author: Volta Jazz pour 3 degrés
Author URI: 
Description: Thème graphique FSE Maximis
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maximis
Tags: 
*/

* {
  box-sizing: border-box;
}

:root {
  --main-radius: 0.625rem;
  --small-radius: 0.3125rem;
  --text-grey: rgba(21, 20, 57, 0.5);
  overflow-x: hidden;

  --wp--preset--font-size--custom-1: clamp(16px, 0.915rem + ((1vw - 3.2px) * 0.836), 22px);
  --wp--preset--font-size--custom-3: clamp(16px, 0.875rem + ((1vw - 3.2px) * 0.455), 18px);
}

body {
  font-family: "Roboto", sans-serif;
  background-color: white;
}

h2 {
  font-size: var(--wp--preset--font-size--custom-4); /* 62px */
  color: var(--wp--preset--color--custom-purple-900);
  line-height: 1.1;
  font-weight: 500;
}

h3 {
  font-size: var(--wp--preset--font-size--custom-1); /* 22px */
  color: var(--wp--preset--color--custom-cyan-500);
  line-height: 1.4;
  font-weight: 500;
}

img {
  object-fit: cover;
}

/* components */

.block-title {
  max-width: 32rem;
  text-align: center;
  margin-inline: auto;
}

.footer-content {
  color: white;
  padding-inline: 1.5rem;
  .columns {
    align-items: flex-start;
  }
  h2 {
    color: inherit;
    font-size: var(--wp--preset--font-size--custom-1); /* 22px */
    font-weight: 500;
    margin-bottom: 1.5rem;
  }
  a {
    text-decoration: none;
    transition: all 0.3s;
    color: inherit;
  }
  p {
    margin-block: 1rem;
  }
  .wp-block-button a,
  .wp-block-button div[contenteditable="true"] {
    background-color: var(--wp--preset--color--custom-purple-500);
  }
  .wp-block-paragraph {
    a:hover mark {
      color: var(--wp--preset--color--custom-cyan-500) !important;
    }
  }
}

/* header */
.wp-block-template-part.site-header-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  color: var(--wp--preset--color--white);
  /* CRUCIAL : ne pas occuper de place dans le flux */
  height: 0; /* ou */
  margin-bottom: 0;
  .wp-block-site-logo {
    svg * {
      fill: var(--wp--preset--color--white);
    }
  }
}

.wp-block-template-part.site-header-white {
  position: relative;
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--custom-purple-900);
  height: auto;
}

.wp-block-navigation .wp-block-navigation-item__content {
  transition: color 0.3s;
  &:hover,
  &[aria-current="page"] {
    color: var(--wp--preset--color--custom-cyan-500);
  }
}

.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  .content {
    width: 100%;
    padding-bottom: 2rem;
    > h1 {
      max-width: 80%;
      margin: 0;
      padding: 0;
    }
    > p {
      max-width: 60rem;
    }
    .wp-block-button {
      margin-top: 1rem;
    }
  }
}

.img-parallaxe {
  flex-basis: 40%;
  flex-shrink: 0;
  figure {
    position: relative;
    img {
      position: relative;
      border-radius: var(--main-radius);
      z-index: 1;
    }
    &::after {
      content: "";
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: calc(100% - 3rem);
      border-radius: var(--main-radius);
      background-color: currentColor;
      transform: translate(1.875rem, 1.5rem);
      will-change: transform;
      pointer-events: none;
      animation: img-parallaxe-box linear both;
      animation-timeline: view();
    }
  }
}

.wp-block-social-links {
  .wp-block-social-link.wp-social-link {
    &:hover {
      transform: none;
      .wp-block-social-link-anchor {
        svg {
          fill: var(--wp--preset--color--custom-cyan-500);
        }
      }
    }
    .wp-block-social-link-anchor {
      background-color: white;
      border-radius: 9999px;
      svg {
        transition: fill 0.3s;
        fill: var(--wp--preset--color--custom-purple-500);
      }
    }
  }
}

/* HOME */

.home-hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  .content {
    width: 100%;
    > h1 {
      max-width: 80%;
    }
    > p {
      max-width: 55%;
    }
  }
}

.section-approche {
  padding-inline: 1.5rem;
}

.section-constat {
  .text {
    flex-shrink: 0;
    flex-basis: 30%;
  }
  .accordion {
    flex-basis: 70%;
  }
}

.section-sessions {
  gap: 10%;
  padding-inline: 1.5rem;
  .text {
    flex-basis: 50%;
  }
  figure {
    flex-basis: 40%;
    border-radius: var(--main-radius);
    overflow: hidden;
    img {
      width: 100%;
    }
  }
}

.section-confiance {
  padding-inline: 1.5rem;
  .block-title {
    max-width: 40rem;
    text-align: center;
    h2 {
      text-align: inherit;
    }
  }
  .logos {
    gap: 2rem;
    align-items: stretch;
    figure {
      padding: 1.25rem 2rem;
      border: solid 2px rgba(255, 255, 255, 0.25);
      border-radius: var(--small-radius);
      flex: 1;
      display: flex;
      img {
        display: block;
        object-fit: cover;
        object-position: center;
        margin: auto;
      }
    }
  }
}

.section-situation {
  padding-inline: 1.5rem;
  display: flex;
  .text {
    margin: auto;
    width: 70%;
    flex-shrink: 0;
    p {
      width: 77%;
    }
  }
}

.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  main {
    flex-grow: 1;
  }
}

/* SPRING */

.spring-hero {
  .content {
    > p {
      max-width: 42rem;
    }
  }
}

.spring-video {
  aspect-ratio: 960/540;
  width: 70vw;
  max-width: 60rem;
  margin-inline: auto !important;
  margin-top: -10.75rem !important;
  margin-bottom: 4.5rem !important;
  background-color: var(--wp--preset--color--custom-purple-900);
  border-radius: 0.625rem;
  overflow: hidden;
  box-shadow: 0.375rem -0.625rem 1.25rem rgba(0, 0, 0, 0.25);
  border: none !important;
  .wp-block-embed__wrapper {
    height: 100%;
    border: none !important;
    iframe {
      width: 100%;
      height: 100%;
      border: none !important;
    }
  }
}

.why-spring {
  .text {
    flex-basis: 50%;
    color: var(--text-grey);
  }
}

@keyframes img-parallaxe-box {
  from {
    /* transform: translate(1.875rem, 0.25rem); */
    transform: translate(1.875rem, -2rem);
  }
  to {
    transform: translate(1.875rem, 6rem);
  }
}

.why-spring-footer {
  width: 100%;
  border-radius: 9999px;
  padding: 1.25rem 3.5rem;
  p {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
  }
  .wp-block-image {
    transform: translateY(-0.25rem);
  }
}

.cards-section {
  .card {
    padding: 2.75rem 1.75rem 1.75rem;
    border: solid 0.125rem var(--wp--preset--color--white);
    border-radius: var(--main-radius);
    flex: 1;
    font-size: 1.125rem;
    text-align: center;
    gap: 0.75rem;
    line-height: 1.2;
    figure {
      height: 6.25rem;
      margin-bottom: 1.25rem;
      display: flex;
      img {
        margin: auto;
      }
    }
    .subtitle {
      font-weight: 700;
      font-size: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 0.125rem;
    }
    .title {
      font-weight: 500;
      font-size: 3.875rem;
      text-transform: uppercase;
      margin: 0 !important;
      line-height: 1;
      letter-spacing: 0.125rem;
      &.lowercase {
        text-transform: unset;
      }
    }
  }
}

.section-benefices {
  h2 {
    margin-bottom: 3rem;
    font-size: 500;
  }
}

/* CONSEIL */

.conseil-hero {
  .content {
    padding-top: 4rem;
    & > h1 {
      max-width: 60%;
    }
    & > p {
      max-width: 60%;
    }
  }
}

.question-card {
  border-radius: var(--main-radius);
  padding: 2.5rem 1.5rem 2rem;
  max-width: 24rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex-shrink: 0;
}

/* contact */
.section-formulaire-contact {
  h1 {
    font-size: var(--wp--preset--font-size--custom-4); /* 62px */
    color: var(--wp--preset--color--custom-purple-900);
    line-height: 1.1;
    font-weight: 500;
    margin-block: 0 5rem;
  }
  h2 {
    font-size: var(--wp--preset--font-size--custom-1); /* 22px */
    color: var(--wp--preset--color--custom-cyan-500);
    line-height: 1.4;
    font-weight: 500;
    margin-block: 0;
    margin-bottom: 1rem;
  }
  .text {
    position: relative;
    max-width: 51.25rem;
    margin-bottom: 6rem;
    /* box-shadow: 0.375rem 0.375rem 1.25rem rgba(0, 0, 0, 0.15); */
  }
}
.wpcf7-form {
  h3 {
    font-size: var(--wp--preset--font-size--custom-1); /* 22px */
    color: var(--wp--preset--color--custom-cyan-500);
    line-height: 1.4;
    font-weight: 500;
    margin-block: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  label:has(input[type="radio"]),
  textarea,
  select {
    font-size: inherit;
    font-family: inherit;
    color: var(--wp--preset--color--custom-purple-500);
    outline-color: var(--wp--preset--color--custom-purple-500);
  }

  p {
    margin-block: 1.25rem;
  }
  .wpcf7-form-control-wrap {
    &:has(> select) {
      position: relative;
      &::after {
        content: url("assets/images/arrow_down.svg");
        position: absolute;
        top: 50%;
        right: 1.375rem;
        transform: translateY(-50%);
        pointer-events: none;
      }
    }
  }
  select {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 9999px;
    border: solid 2px var(--wp--preset--color--custom-grey-200);
    color: var(--wp--preset--color--custom-purple-500);
    background-color: white;
    appearance: none;
    outline: none;
  }

  input {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 9999px;
    border: solid 2px var(--wp--preset--color--custom-grey-200);
  }
  textarea {
    width: 100%;
    padding: 1rem 1.5rem;
    border-radius: 0.625rem;
    border: solid 2px var(--wp--preset--color--custom-grey-200);
  }

  input:not([type="radio"]),
  textarea {
    &:focus {
      outline-style: solid;
    }
  }
  .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding-inline: 1rem;
  }
  label {
    &:has([type="radio"]) {
      display: flex;
      gap: 0.5rem;
      align-items: center;
      span {
        white-space: nowrap;
      }
    }
    [type="radio"] {
      appearance: none;
      padding: 0;
      margin: 0;
      height: 1.25rem;
      width: 1.25rem;
      display: block;
      border: 2px solid var(--wp--preset--color--custom-purple-500);
      border-radius: 9999px;
      outline: none;
      cursor: pointer;
      transition:
        background-color 0.2s,
        border-color 0.2s;
      &:checked {
        position: relative;
        &::after {
          content: "";
          position: absolute;
          top: 50%;
          left: 50%;
          width: 0.625rem;
          height: 0.625rem;
          border-radius: 9999px;
          transform: translate(-50%, -50%);
          background-color: currentColor;
        }
      }
    }
    span {
      display: block;
      line-height: 1;
      font-size: 0.875rem;
    }
  }
  p:has([type="submit"]) {
    text-align: center;
    margin-top: 4rem;
  }

  .wpcf7-not-valid-tip {
    font-size: 0.875rem;
    color: var(--wp--preset--color--custom-edo);
    margin-block: 0.25rem 1rem;
    padding-inline: 1.5rem;
  }

  .wpcf7-response-output {
    border-radius: 1.25rem;
    border-color: var(--wp--preset--color--custom-cyan-500) !important;
    padding: 1rem 1.5rem !important;
    color: var(--wp--preset--color--custom-purple-900);
  }
}

/* Manifesto */

.hero-manifesto {
  text-align: center;
  position: relative;
  background-color: var(--wp--preset--color--white);
  background-blend-mode: color;
  &::before {
    content: "";
    background-image: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 44rem;
  }

  h1 {
    font-size: var(--wp--preset--font-size--custom-4); /* 62px */
    color: var(--wp--preset--color--custom-purple-900);
    line-height: 1.1;
    font-weight: 500;
    margin-block: 0;
  }

  h2 {
    font-size: var(--wp--preset--font-size--custom-1); /* 22px */
    color: var(--wp--preset--color--custom-cyan-500);
    line-height: 1.4;
    font-weight: 500;
    margin-block: 0;
    margin-bottom: 1rem;
  }
  .text {
    position: relative;
    max-width: 51.25rem;
    box-shadow: 0.375rem 0.375rem 1.25rem rgba(0, 0, 0, 0.15);
  }
}

/* Expertise humaine */

.section-expertise {
  gap: 10%;
  .text {
    flex-basis: 50%;
  }
  figure {
    flex-basis: 40%;
    border-radius: var(--main-radius);
    overflow: hidden;
    img {
      width: 100%;
    }
  }
}

.section-expertise-consultants {
  h2 {
    max-width: 40rem;
    text-align: center;
  }
}

.bloc-portrait {
  border-radius: var(--main-radius);
  overflow: hidden;
  align-items: stretch;
  figure {
    flex-basis: 32%;
    flex-shrink: 0;
    height: 100%;
    img {
      height: 100%;
      width: 100%;
    }
  }
  .text {
    padding: 2.5rem;
    h2 {
      font-size: 1.875rem;
      font-weight: 500;
      margin-block: 0 1rem;
    }
    p {
      margin-block: 0.5rem;
    }
  }
}

/* Page data */

.section-data {
  gap: 2.5rem;
  --padding: 6rem;
  h2 {
    font-size: 2.625rem;
    line-height: 2.875rem;
    text-align: right;
    width: 44%;
    padding-right: 2.5rem;
    border-right: solid 3px var(--wp--preset--color--white);
    margin-right: 2.5rem;
    flex-shrink: 0;
    padding-left: var(--padding);
  }
  p {
    padding-right: var(--padding);
  }
}

.section-en-pratique {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.125rem;
  color: var(--wp--preset--color--custom-cyan-500);
  & > * {
    padding-left: 6rem;
  }
  figure {
    line-height: 0;
    transform: translateY(-0.125rem);
  }
  .list {
    gap: 1rem;
  }
}

/* Page méthode */

.section-faq {
  h2,
  .maximis-accordion__header span,
  .maximis-accordion__header svg,
  p {
    color: var(--wp--preset--color--white);
    stroke: currentColor;
  }
}

/* Page session d'info */
.section-events {
  .tribe-events-header__content-title,
  .tribe-events-header__events-bar,
  .tribe-events-header__top-bar,
  .tribe-events-calendar-list-nav,
  .tribe-events-c-subscribe-dropdown__container,
  .tribe-events-after-html {
    display: none !important;
  }
  .tribe-events-l-container {
    padding: 0 !important;
  }
  .tribe-events-calendar-list__event-details {
    width: 100% !important;
  }
  .tribe-events-l-container {
    min-height: auto !important;
  }
  .tribe-events-calendar-list__event-row:last-child {
    margin-bottom: 0 !important;
  }
}

/* plugin events */
.tribe-block * {
  font-family: "Roboto", sans-serif !important;
  /* color: #333 !important; */
  a {
    font-size: inherit !important;
  }
  .tribe-events-calendar-list__event-description {
    font-size: 1rem !important;
    p {
      font-size: inherit !important;
    }
  }
  .tribe-events-calendar-list__event-date-tag-datetime,
  .tribe-events-calendar-list__event-date-tag-datetime * {
    color: var(--wp--preset--color--custom-cyan-500) !important;
  }
  .tribe-events-header__events-bar {
    display: none !important;
  }
}

/* admin */
/* Cible le template part header spécifiquement */

/* Compenser sur le bloc suivant */
.wp-block-template-part.site-header-absolute + * {
  margin-top: 0 !important; /* le hero prend toute la hauteur */
}

.wp-block.block-title {
  max-width: 32rem;
}

.editor-styles-wrapper .maximis-icon-card__text--list {
  padding: 0;
  list-style: none !important;
}

/* ─── Variantes de boutons ──────────────────────────────────────────────── */

/* contour : fond transparent + bordure au repos → fond coloré + texte blanc au survol */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent;
  transition:
    background-color 0.3s,
    color 0.3s;

  &:hover {
    background-color: var(--_btn-color) !important;
    border-color: var(--_btn-color) !important;
    color: var(--wp--preset--color--white) !important;
  }
}

/* icon-arrow : fond coloré au repos → fond blanc + texte & bordure colorés au survol */
.wp-block-button.is-style-icon-arrow .wp-block-button__link {
  transition:
    background-color 0.3s,
    color 0.3s,
    border-color 0.3s;

  &:hover {
    background-color: var(--wp--preset--color--white) !important;
    color: var(--_btn-color) !important;
    border-color: var(--_btn-color) !important;
  }
}

.wp-block-button.is-style-icon-arrow .wp-block-button__link.arrowPurple {
  &:hover {
    background-color: var(--wp--preset--color--custom-cyan-500) !important;
    color: var(--wp--preset--color--white) !important;
  }
}
/* utilities */

.align-start {
  align-items: flex-start !important;
}

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

.shrink-0 {
  flex-shrink: 0;
}

.w-27 {
  width: 27rem;
}

/* Change breakpoint to 1023px */
@media (min-width: 1023px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
  }
}

/* Neutralize default 600px breakpoint */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  fill: currentColor;
  display: block;
  height: 42px;
  pointer-events: none;
  width: 42px;
}

@media (max-width: 1023px) {
  .custom-logo-link {
    svg {
      width: 168px;
      height: auto;
    }
  }

  .site-header-absolute,
  .site-header-white {
    .header-content {
      padding: 2rem !important;
    }
  }
  .site-header-white {
    nav > button > svg > path {
      stroke: var(--wp--preset--color--custom-purple-900);
    }
  }

  .wp-block-navigation__responsive-container {
    padding: 2rem !important;
  }

  .wp-block-navigation-item__label {
    font-size: 1.5rem !important;
  }

  .section-constat {
    padding-top: 1.5rem !important;
    padding-bottom: 2rem !important;
    padding-inline: 2rem !important;
    .text {
      width: 100%;
      padding: 0 !important;
      flex-basis: 100%;
      align-items: stretch !important;
      h3 {
        br {
          display: none;
        }
      }
    }
    > .wp-block-group {
      gap: 1rem !important;
    }
  }

  .section-constat,
  .section-approche,
  .section-solutions,
  .section-sessions,
  .section-confiance,
  .section-pourquoi,
  .section-methode,
  .section-benefices,
  .section-bilan,
  .section-accompagnement,
  .section-dossier,
  .section-qui,
  .section-qui-sommes-nous,
  .section-engagement,
  .section-expertise,
  .section-expertise-consultants,
  .section-equipe,
  .section-fondateur,
  .section-notre-methode,
  .section-changement,
  .section-faq,
  .section-ce-que-la-data-permet,
  .section-data,
  .section-en-pratique,
  .section-beneficiaires,
  .section-formulaire-contact {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-inline: 2.5rem !important;
    .block-title {
      text-align: left !important;
      align-items: flex-start !important;
      padding: 0 !important;
      justify-content: flex-start !important;
    }
    .wp-block-heading,
    .wp-block-post-title {
      align-self: flex-start;
      text-align: left;
    }
  }
  .section-solutions {
    padding-bottom: 4rem !important;
  }

  .section-sessions {
    .text {
      flex-basis: 100% !important;
      margin-bottom: 2rem;
    }
    > .wp-block-group {
      flex-direction: column !important;
    }
    .wp-block-buttons {
      justify-content: center;
      width: 100%;
    }
  }
  .section-confiance {
    .logos {
      flex-direction: column !important;
      margin-top: 1.5rem !important;
      padding-inline: 1.5rem;
      max-width: 27rem;
      margin-inline: auto;
      figure {
        aspect-ratio: 270/160 !important;
        overflow: hidden;

        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
    }
  }
  .section-situation {
    padding-block: 4rem !important;
    padding-inline: 1.5rem;
    .text {
      margin: auto;
      width: 100%;
      align-items: center;
      p {
        width: 100%;
        font-size: 1rem !important;
      }
    }
    .wp-block-buttons {
      flex-direction: column;
      gap: 2rem;
    }
  }

  /* contact */
  .section-formulaire-contact {
    padding-inline: 1rem !important;
    h1 {
      margin-bottom: 2rem;
    }
    .text {
      margin: auto;
      padding: 1rem !important;

      form {
        max-width: 36rem;
      }
    }
  }

  /* spring */
  .spring-hero {
    padding-inline: 2.5rem !important;
    p {
      max-width: 100% !important;
      font-size: 22px !important;
      line-height: 32px !important;
    }
  }

  .section-pourquoi {
    /* padding-bottom: 2.5rem !important; */
    /* padding-inline: 2.5rem !important; */
    padding-top: 2rem !important;
    .spring-video {
      width: 100%;
      margin-bottom: 2rem !important;
      margin-top: -0rem !important;
    }
    > .wp-block-group {
      align-items: flex-start;
    }
    .why-spring {
      flex-direction: column;
      gap: 2rem;
      margin-block: 1.5rem !important;
    }
  }

  .cards-section {
    padding-top: 1.5rem !important;
    padding-bottom: 2.5rem !important;
    padding-inline: 1.5rem !important;
    flex-direction: column;
  }

  .section-methode {
    padding-bottom: 4.5rem !important;
  }

  .section-benefices {
    padding-top: 4.5rem !important;
    .wp-block-group {
      flex-direction: column !important;
      align-items: center !important;
    }
    .wp-block-maximis-icon-card {
      width: 100% !important;
      max-width: 27rem;
    }
  }

  .why-spring-footer {
    margin-top: 1rem;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
    border-radius: 3rem;
    padding: 1.5rem;
    figure {
      display: none;
    }
  }

  /* Conseil */
  .section-bilan {
    div:has(> .question-card) {
      flex-direction: column;
      gap: 2rem;
    }
  }

  .section-dossier {
    > .wp-block-group {
      flex-direction: column;
      gap: 2rem;
      .wp-block-image {
        order: -1;
      }
    }
    figure {
      align-self: center;
    }
    .wp-block-buttons {
      align-self: center;
    }
  }

  .section-qui {
    & > .wp-block-group {
      flex-direction: column;
      margin-block: 2rem;
      .maximis-icon-card {
        width: 100%;
      }
    }
  }

  /* session d'informations */

  .img-parallaxe {
    figure {
      &::after {
        content: none;
      }
    }
  }

  /* manifesto */
  .hero-manifesto {
    & > .wp-block-group {
      padding: 2rem 1.5rem !important;
    }
  }

  .section-qui-sommes-nous {
    & > .wp-block-group {
      padding: 0 !important;
    }
  }

  .section-engagement {
    & > .wp-block-group {
      flex-direction: column;
      margin-block: 2rem !important;
      .maximis-icon-card {
        width: 100%;
      }
    }
  }

  /* expertise humaine */

  .section-expertise {
    & > .wp-block-group {
      flex-direction: column;
      gap: 2rem;
    }
  }

  .section-expertise-consultants {
    & > .wp-block-group:has(.img-parallaxe) {
      margin-top: 2rem !important;
    }
  }

  .section-equipe {
    padding-inline: 0 !important;
    .wp-block-heading {
      padding-inline: 2.5rem !important;
    }
    .maximis-team-carousel__item-body {
      .wp-block-heading {
        padding-inline: 0 !important;
      }
    }
  }

  /* notre méthode */
  .section-notre-methode {
  }

  .section-changement {
    & > .wp-block-group {
      flex-direction: column;
      margin-block: 2rem 0 !important;
    }
  }

  .section-faq {
    & > .wp-block-group:has(.img-parallaxe) {
      margin-top: 2rem !important;
    }
  }

  /* data */

  .section-data {
    & > .wp-block-group {
      flex-direction: column;
      gap: 1rem;
      .wp-block-heading {
        width: 100%;
        padding: 0;
        margin: 0;
        padding-bottom: 1rem;
        border-bottom: solid 3px var(--wp--preset--color--white);
        border-right: none;
      }
      p {
        width: 100%;
        padding: 0;
        margin: 0;
      }
    }
  }

  .section-en-pratique {
    .wp-block-heading {
      padding: 0;
    }
    .list {
      padding: 0;
    }
  }

  /* dpfc */

  .section-depliant {
    padding-inline: 1rem;
  }

  .maximis-icon-card {
    width: 100%;
  }

  .maximis-step2 {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    .maximis-step2__text {
      padding: 2rem;
    }
  }

  .maximis-card {
    --card-padding: 1.875rem !important;
  }

  .maximis-team-carousel__prev,
  .maximis-team-carousel__next {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 20%;
    padding: 1rem;
  }

  .wp-block-image {
    width: auto;
  }

  .bloc-portrait {
    flex-direction: column;
    .text {
      padding: 2rem;
    }
  }

  .steps {
    margin-block: 3rem !important;
  }

  .footer-content {
    padding-inline: 1.5rem;
    padding-block: 1.5rem !important;
    .columns {
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 2rem;
      .wp-block-group {
        gap: 0.5rem;
        padding-bottom: 2rem;
        border-bottom: solid thin color-mix(in srgb, currentColor 50%, transparent);
        &:last-child {
          border-bottom: none;
        }
      }
      .wp-block-navigation-item__label {
        font-size: 1.25rem !important;
      }
    }
    hr + .wp-block-group {
      flex-direction: column !important;
      align-items: flex-start;
      gap: 1rem;
      .wp-block-paragraph:first-child {
        display: flex;
        flex-direction: column;
      }
      margin-bottom: 1rem;
    }
  }
}