@charset "UTF-8";
/* --------------------------------------------
   FONTS — Azo Sans Uber
   -------------------------------------------- */
@font-face {
  font-family: "Azo Sans Uber";
  src: url("assets/fonts/Azo_Sans_Uber_Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* --------------------------------------------
   GLOBAL TOKEN IMPORTS
--------------------------------------------- */
/* --------------------------------------------
   COLOR TOKENS
--------------------------------------------- */
/* Map pour usage automatisé */
/* --------------------------------------------
   FLUID SPACING TOKENS
--------------------------------------------- */
/* Map */
/*
$space-xxs: 0.25rem;
$space-xs:  0.5rem;
$space-s:   1rem;
$space-m:   1.5rem;
$space-l:   2rem;
$space-xl:  3rem;
$space-xxl: 5rem;
*/
/* --------------------------------------------
   TYPOGRAPHY TOKENS
--------------------------------------------- */
/* Font families */
/* Fluid font sizes */
/* Map */
/* --------------------------------------------
   BREAKPOINT TOKENS
--------------------------------------------- */
/* Map */
/*
$breakpoints: (
  "mobile": $bp-mobile,
  "tablet": $bp-tablet,
  "desktop": $bp-desktop
);
*/
/* --------------------------------------------
   SHADOW TOKENS
--------------------------------------------- */
/* Exemple de variable globale */
/* Design system maps */
/* ============================================================================
   MIXIN CONTAINER
=============================================================================*/
/* Usage
.section { @include container; }
*/
/* ============================================================================
   FLUID TYPO (override un token)
=============================================================================*/
/* ============================================================================
   MIXIN SPACING
=============================================================================*/
/* Usage
@include space(margin-bottom, m);
@include space(padding, xl);
*/
/* ============================================================================
   MIXIN FLUID SPACING
=============================================================================*/
/*
@mixin fluid-pad($key) {
  padding: map.get(vars.$spacing, $key);
}*/
/*
@mixin spacing-alignfull() {
  .alignfull {
    @include mixins.space(padding-block, l);
  }
}*/
/* ============================================================================
   MIXIN ASPECT RATIO
=============================================================================*/
/*Usage
figure { @include ratio(4, 3); }
*/
/* ============================================================================
   SHADOW MIXIN
=============================================================================*/
/*Usage
@include shadow(card);
*/
/* ============================================================================
   UTILITY GENERATOR
=============================================================================*/
/*
Usage
@include generate-utils($spacing, margin-bottom, mb);
Génère auto :
.mb-xs { margin-bottom: 0.5rem; }
.mb-s  { margin-bottom: 1rem; }
...

*/
/* ============================================================================
   MIXIN UTILITAIRES
=============================================================================*/
/*
// --- Fonction pour récupérer toutes les variantes d'un bloc
@function get-container($container) {
  @return map.get(vars.$containers, $container);
}*/
/*
@function get-comp($name, $key) {
  @return map.get(map.get(vars.$compositions, $name), $key);
}*/
/* --------------------------------------------
   WORDPRESS BUTTON → DESIGN SYSTEM BUTTON
--------------------------------------------- */
/*
// Responsive
@include respond(md) { … }

// Accessibilité native
@include accessibility($prefers-motion: reduce) { … }
@include accessibility($prefers-contrast: more) { … }
@include accessibility($prefers-scheme: dark) { … }

// Modes internes
@include accessibility($mode: high-contrast) { … }

// Custom query
@include accessibility($custom-query: "(forced-colors: active)") { … }



/*
@media (prefers-reduced-motion: reduce) {
  // Styles quand l’utilisateur demande moins d’animations 
}

@media (prefers-reduced-motion: no-preference) {
  // Styles quand les animations sont acceptées
}

@media (prefers-contrast: more) {
  // Styles pour augmenter le contraste 
}

@media (prefers-contrast: less) {
  // Styles pour réduire le contraste
}
@media (prefers-contrast: no-preference) {
  // Styles par défaut 
}
@media (forced-colors: active) {
  // Styles adaptés au mode contraste élevé Windows 
}
@media (prefers-color-scheme: dark) {
  // Styles pour thème sombre
}
@media (prefers-color-scheme: light) {
  // Styles pour thème clair 
}
@media (prefers-reduced-transparency: reduce) {
  // Styles sans flou, sans transparence 
}
@media (prefers-reduced-data: reduce) {
  // Styles pour réduire la consommation de données 
}
@media (pointer: fine) {
  // Styles pour souris
}
@media (pointer: coarse) {
  // Styles pour écrans tactiles
}
@media (hover: hover) {
  // Styles avec hover
}
@media (hover: none) {
  // Styles sans hover 
}
@media (prefers-contrast: forced) {
  // Styles pour environnements à contraste forcé
}
@media (inverted-colors: inverted) {
  // Styles pour inversion des couleurs
}
@media (embossed) {
  // Styles pour dispositifs braille
}*/
/* ============================================================================
   MIXIN — APPLY BLOCK STYLE
   Applique les styles d’un bloc selon la variante définie dans $block-styles
============================================================================ */
/* ============================================================================
   Génération automatique pour chaque variante
============================================================================ */
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--accent-3);
  border-color: var(--wp--preset--color--white);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h1, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h2, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h3, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h4, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h5, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) h6 {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) a:hover, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) a:focus {
  color: var(--wp--preset--color--black);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast {
  color: var(--wp--preset--color--black);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h1, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h2, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h3, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h4, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h5, [class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h6 {
  color: var(--wp--preset--color--black);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) {
  transition: none !important;
}
[class*=is-style-base]:not(.wp-block-navigation) :not(.wp-block-query) * {
  transition: none !important;
}

[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h1, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h2, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h3, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h4, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h5, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) h6 {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) a {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) a:hover, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) a:focus {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h1, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h2, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h3, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h4, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h5, [class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h6 {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast a {
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) {
  transition: none !important;
}
[class*=is-style-primary]:not(.wp-block-navigation) :not(.wp-block-query) * {
  transition: none !important;
}

[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h1, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h2, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h3, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h4, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h5, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) h6 {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) a {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) a:hover, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) a:focus {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--secondary);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h1, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h2, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h3, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h4, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h5, [class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h6 {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast a {
  color: var(--wp--preset--color--white);
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) {
  transition: none !important;
}
[class*=is-style-secondary]:not(.wp-block-navigation) :not(.wp-block-query) * {
  transition: none !important;
}

[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) {
  background-color: var(--wp--preset--color--primary-variant);
  color: var(--wp--preset--color--accent-3);
  border-color: var(--wp--preset--color--primary-variant);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h1, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h2, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h3, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h4, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h5, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h6 {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a:hover, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a:focus {
  color: var(--wp--preset--color--black);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast {
  color: var(--wp--preset--color--black);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h1, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h2, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h3, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h4, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h5, [class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h6 {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) {
  transition: none !important;
}
[class*=is-style-primary-variant]:not(.wp-block-navigation) :not(.wp-block-query) * {
  transition: none !important;
}

[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) {
  background-color: var(--wp--preset--color--secondary-variant);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--secondary-variant);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h1, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h2, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h3, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h4, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h5, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) h6 {
  color: var(--wp--preset--color--secondary);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a:hover, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) a:focus {
  color: var(--wp--preset--color--black);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) .nav-link:hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--black);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast {
  color: var(--wp--preset--color--black);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h1, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h2, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h3, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h4, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h5, [class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast h6 {
  color: var(--wp--preset--color--secondary);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query).is-contrast a {
  color: var(--wp--preset--color--primary);
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) {
  transition: none !important;
}
[class*=is-style-secondary-variant]:not(.wp-block-navigation) :not(.wp-block-query) * {
  transition: none !important;
}

/* ============================================================================
   Background from variant
============================================================================ */
/* ============================================================================
   Background adjusted (lighten/darken)
============================================================================ */
/* ============================================================================
   Background mask
============================================================================ */
/* --------------------------------------------
   RESPONSIVE MIXIN
--------------------------------------------- */
/* Usage
@include respond(desktop) { font-size: 2rem; } */
/* ============================================================================
   MIXIN — respond (inchangé, déjà excellent)
============================================================================ */
/* ============================================================================
   MIXIN — content-inner (version simplifiée)
============================================================================ */
/* ============================================================================
   APPLICATION AUTOMATIQUE AUX WRAPPERS
============================================================================ */
/* Application directe aux wrappers 
.wp-block-group.is-layout-constrained {
  @include content-inner;
}*/
.wp-block-group.alignwide {
  max-width: 1440px;
  margin: 0 auto;
}

.wp-block-group.alignfull {
  max-width: 100%;
  margin-inline: 0;
}

/* ============================================================================
   CONTENT WIDTH — Nouveau système (simple, token-based)
============================================================================ */
/* Largeur standard (contentSize) */
/* Largeur wide (wideSize) */
/* Largeur full */
/*Usage
.is-style-wide {
  @include content-wide;
}

.is-style-default {
  @include content-default;
}

.is-style-full {
  @include content-full;
}

*/
.site-navigation-wrapper .wp-block-navigation-item .wp-block-navigation-item__content {
  font-family: var(--wp--preset--font-family--font-title);
}

/* --------------------------------------------
   BANNER (HOME)
--------------------------------------------- */
body.home .site-header #banner.wp-block-cover {
  min-height: 100vh;
  text-align: left;
}

/* --------------------------------------------
   BANNER (PAGES INTERNES)
--------------------------------------------- */
body:not(.home) .site-header #banner.wp-block-cover {
  text-align: center;
}

/* --------------------------------------------
   MENU WRAPPER (TABLET & DESKTOP)
--------------------------------------------- */
@media screen and (min-width: 0), and {
  .site-header #barre-menu .site-navigation-wrapper {
    background: var(--wp--preset--color--transparent);
    width: var(--wp--preset--spacing--xl);
    height: var(--wp--preset--spacing--xl);
  }
}
/* --------------------------------------------
   MENU WRAPPER (TABLET & DESKTOP)
--------------------------------------------- */
@media screen and (min-width: 600px), and {
  .site-header #barre-menu .site-navigation-wrapper {
    border-radius: 9999px;
    padding-inline: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
    padding-block: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
    background: var(--wp--preset--color--white);
    box-shadow: var(--cardShadow);
  }
}
/* ============================================================================
   HEADER — STRUCTURE (refactor tokens + mixins)
============================================================================ */
/* --------------------------------------------
   1. Header global
--------------------------------------------- */
.site-header {
  /* Navigation responsive (tu gardes tes mixins internes si tu veux) */
  /* Reset padding sur les groupes alignfull */
}
.site-header {
  position: relative;
  align-items: center;
  width: 100%;
}
.site-header .wp-block-group.alignfull[class*=is-style--block-],
.site-header .wp-block-group.alignfull[class*=is-style--block-] > .wp-block-group__inner-container {
  padding: 0;
}

/* --------------------------------------------
   Wrapper interne du header
--------------------------------------------- */
#barre-menu {
  display: flex;
  align-items: center;
}

/* --------------------------------------------
   Cover
--------------------------------------------- */
.wp-block-cover .wp-block-cover__inner-container .wp-block-group {
  min-height: 100vh;
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  margin-inline: auto;
  padding-inline: 1rem;
  max-width: var(--wp--style--global--content-size);
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-group .wp-block-heading {
  width: 100%;
  padding-bottom: 10%;
}

.site-header.is-sticky-header {
  position: fixed;
  top: 0;
  z-index: 999;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.3s ease, opacity 0.3s ease;
}
.site-header.is-sticky-header.hidden {
  transform: translateY(-100%);
  opacity: 0;
}

/* ===========================
   ARROW
   =========================== */
.home .wp-block-cover__inner-container {
  position: relative;
}
@media (min-width: 768px) {
  @keyframes item-bounce {
    0%, 100% {
      transform: rotate(30deg) translateY(0);
    }
    50% {
      transform: rotate(30deg) translateY(-20px);
    }
  }
  .home .wp-block-cover__inner-container:hover::before {
    animation: item-bounce 1s ease-in-out infinite;
    will-change: transform;
  }
}
.home .wp-block-cover__inner-container::before {
  width: 150px;
  height: 150px;
}
@media (min-width: 768px) {
  .home .wp-block-cover__inner-container::before {
    width: 33vh;
    height: 33vh;
  }
  .home .wp-block-cover__inner-container::before {
    bottom: -15%;
  }
}
.home .wp-block-cover__inner-container::before {
  transform: rotate(0deg);
}
.home .wp-block-cover__inner-container::before {
  position: absolute;
  content: "";
  bottom: 10%;
  right: 20%;
  z-index: 10;
  background-image: url("/wp-content/themes/agreenlabo-1/assets/images/fleche-rond.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

/* ============================================================================
   HEADER — STRUCTURE (refactor tokens + mixins)
============================================================================ */
/* --------------------------------------------
   Wrapper interne sticky + barre de menu
--------------------------------------------- */
#barre-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: visible !important;
  position: relative;
  z-index: 1000;
  margin: 0 auto;
  min-height: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}
@media (max-width: 767px) {
  #barre-menu {
    padding: var(--wp--preset--spacing--s) 0;
    margin: var(--wp--preset--spacing--m) var(--wp--preset--spacing--s);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #barre-menu {
    padding: var(--wp--preset--spacing--xl), 0;
  }
  #barre-menu {
    padding: var(--wp--preset--spacing--xl) 0;
  }
}
@media (min-width: 1200px) {
  #barre-menu {
    padding: var(--wp--preset--spacing--l) 0;
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;
  }
}

/* --------------------------------------------
   Logo — structure
--------------------------------------------- */
#barre-menu #logo-site {
  display: block;
}

#logo-site {
  width: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

/* --------------------------------------------
   Navigation wrapper
--------------------------------------------- */
#barre-menu .site-navigation-wrapper {
  display: flex;
  align-items: center;
  /* Hauteur basée sur les tokens */
  height: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
  min-height: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
  /* Responsive mobile */
}
@media screen and (min-width: 0), and {
  #barre-menu .site-navigation-wrapper {
    width: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
  }
}

/* 6. Boutons burger / close */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* Mobile */
  width: clamp(1rem, 1rem + 0.8vw, 1.8rem);
  height: clamp(1rem, 1rem + 0.8vw, 1.8rem);
  /* Desktop */
}
@media screen and (min-width: 960px), and {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    width: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
    height: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
  }
}

/* ============================================================================
   HEADER — COLORS (refactor tokens + mixins)
============================================================================ */
/* --------------------------------------------
   Sticky header
--------------------------------------------- */
.wp-block-group.alignfull.site-header.is-sticky-header {
  background-color: var(--wp--preset--color--transparent);
}

@media (min-width: 768px) {
  .site-header #barre-menu .site-navigation-wrapper {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  }
}

/* --------------------------------------------
   Hero title — dernière ligne
--------------------------------------------- */
.wp-block-heading.hero-title .last-line {
  color: var(--wp--preset--color--secondary);
  text-shadow: 2px 0 var(--wp--preset--color--white), -2px 0 var(--wp--preset--color--white), 0 2px var(--wp--preset--color--white), 0 -2px var(--wp--preset--color--white);
}

/* ============================================================================
   HEADER — TYPO
============================================================================ */
/* Logo — hauteur pilotée par variables */
#barre-menu #logo-site {
  height: calc(var(--wp--preset--spacing--xxl) - 1rem);
  width: calc(var(--wp--preset--spacing--xxl) - 1rem);
}
@media (min-width: 768px) {
  #barre-menu #logo-site {
    height: calc(var(--wp--preset--spacing--xxl) - 1rem);
    width: calc(var(--wp--preset--spacing--xxl) - 1rem);
  }
}
@media (min-width: 1200px) {
  #barre-menu #logo-site {
    height: calc(var(--wp--preset--spacing--xxl) - 1rem);
    width: calc(var(--wp--preset--spacing--xxl) - 1rem);
  }
}

.text-biais, .wp-block-heading.hero-title {
  transform: rotate(-13deg) skewX(-13deg);
  display: inline-block;
}

/* Hero title */
/* ============================================================================
   HEADER — Scroll behavior (refactor tokens + mixins)
============================================================================ */
/* --------------------------------------------
   Logo (état normal)
--------------------------------------------- */
.site-header svg#logo-site {
  /* Forme ronde basée sur ton DS */
  border-radius: 50%;
  height: var(--wp--preset--spacing--xxl);
  width: var(--wp--preset--spacing--xxl);
  /* Style normal */
  border: 2px solid var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  /* Pour les SVG qui utilisent fill */
}
.site-header svg#logo-site path,
.site-header svg#logo-site polygon,
.site-header svg#logo-site circle {
  fill: currentColor;
}

/* --------------------------------------------
   Logo (état scrolled)
--------------------------------------------- */
.site-header.scrolled {
  /* Navigation wrapper arrondi */
}
.site-header.scrolled svg#logo-site {
  border-radius: 50%;
  border: 2px solid var(--wp--preset--color--white);
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--secondary);
}
.site-header.scrolled svg#logo-site path,
.site-header.scrolled svg#logo-site polygon,
.site-header.scrolled svg#logo-site circle {
  fill: currentColor;
}
.site-header.scrolled .site-navigation-wrapper {
  border-radius: 50%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* --------------------------------------------------------------
   FOOTER — BASE (mobile-first)
-------------------------------------------------------------- */
footer {
  text-align: center;
}

/* --- LOGOS COLUMNS -------------------------------------------------------- */
#columns-logos {
  display: flex;
  align-items: center;
}
#columns-logos > .wp-block-column:first-child {
  flex: 0 0 45%;
}
#columns-logos > .wp-block-column:last-child {
  flex: 0 0 55%;
}

/* --- COORDONNÉES ---------------------------------------------------------- */
#coordonnees {
  padding: clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
  text-align: center;
}
#coordonnees .wp-block-group {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.wp-block-social-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- BLOCK LOGOS ---------------------------------------------------------- */
#block-logos {
  overflow: hidden;
  padding: clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}
#block-logos .is-block-logos {
  padding: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem) 0 clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem) 0;
}

@media (max-width: 767px) {
  .logos-footer {
    width: var(--wp--preset--spacing--xl);
    height: var(--wp--preset--spacing--xl);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .logos-footer {
    width: var(--wp--preset--spacing--xl);
    height: var(--wp--preset--spacing--xl);
  }
}
@media (min-width: 1200px) {
  .logos-footer {
    width: var(--wp--preset--spacing--l);
    height: var(--wp--preset--spacing--l);
  }
}

/* --- FOOTER STRUCTURE ----------------------------------------------------- */
.site-footer #block-logos {
  position: relative;
}
.site-footer #block-logos #col-logos-partenaires {
  row-gap: normal;
}
@media (max-width: 767px) {
  .site-footer #block-logos #col-logos-partenaires {
    flex-direction: column;
  }
}
.site-footer #block-logos #col-logos-partenaires .logos-row {
  width: 100%;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .site-footer #block-logos #col-logos-partenaires p {
    padding: clamp(1.5rem, 1.5rem + 1vw, 2.5rem) 0 clamp(1.5rem, 1.5rem + 1vw, 2.5rem) 0;
    font-size: var(--wp--preset--font-size--l);
  }
}
.site-footer #block-logos #col-logos-partenaires p {
  margin-block: var(--wp--preset--spacing--sans);
  margin-inline: var(--wp--preset--spacing--xs);
  width: -webkit-fill-available;
}
.site-footer #block-logos::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  left: 0;
}

footer.site-footer #block-logos {
  display: flex;
  justify-content: space-around;
  width: -webkit-fill-available;
}
footer.site-footer #block-logos .wp-block-columns {
  margin: 0;
}
footer.site-footer #block-logos #columns-logos {
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  position: relative;
  z-index: 1;
}
footer.site-footer #block-logos #col-logos,
footer.site-footer #block-logos #col-logos-partenaires {
  justify-content: space-around;
}

/* --- TITRES --------------------------------------------------------------- */
.site-footer h2 {
  font-size: var(--wp--preset--font-size--s);
}

/* --- BOUTONS -------------------------------------------------------------- */
.site-footer .wp-block-buttons {
  padding-bottom: var(--wp--preset--spacing--md);
  justify-content: center;
}
.site-footer .wp-block-buttons .wp-block-button {
  width: 60%;
  margin: 0 auto;
}

/* --------------------------------------------------------------
   TABLET — 768px → 1199px
-------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  footer {
    text-align: center;
  }
  #coordonnees {
    text-align: center;
  }
  .logos-footer {
    width: var(--wp--preset--spacing--l);
    height: var(--wp--preset--spacing--l);
  }
  footer.site-footer #block-logos #col-logos {
    width: 90%;
  }
  .site-footer h2 {
    font-size: var(--wp--preset--font-size--s);
  }
  .site-footer .wp-block-buttons .wp-block-button {
    width: 80%;
    margin: 0;
  }
  #col-logos-partenaires p {
    text-align: center;
  }
}
/* --------------------------------------------------------------
   DESKTOP — 1200px → 1439px
-------------------------------------------------------------- */
@media screen and (min-width: 1200px) and (max-width: 1439px) {
  footer {
    text-align: left;
  }
  #coordonnees {
    text-align: left;
  }
  footer.site-footer #block-logos {
    height: -moz-fit-content;
    height: fit-content;
  }
  .logos-footer {
    width: var(--wp--preset--spacing--xl);
    height: var(--wp--preset--spacing--xl);
  }
  .site-footer h2 {
    font-size: var(--wp--preset--font-size--m);
  }
  .site-footer .wp-block-buttons .wp-block-button {
    width: 80%;
    margin: 0;
  }
  #col-logos-partenaires p {
    text-align: center;
  }
}
/* --------------------------------------------------------------
   FOOTER — COULEURS GÉNÉRALES
-------------------------------------------------------------- */
/* Titres */
.site-footer h2 {
  color: var(--wp--preset--color--foreground, inherit);
}

/* Liens génériques dans le footer */
.site-footer a {
  color: var(--wp--preset--color--foreground, inherit);
}

/* Liens au hover */
.site-footer a:hover {
  color: var(--wp--preset--color--foreground-hover, var(--wp--preset--color--foreground));
}

/* ============================================================================
   FOOTER — VARIANTES & DÉCORATIONS
============================================================================ */
footer {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: var(--wp--preset--color--white);
}
footer a {
  color: var(--wp--preset--color--white);
}
footer a:hover, footer a:focus {
  color: var(--wp--preset--color--white);
}
footer .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--white);
}
footer .nav-link:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
}
footer.is-contrast {
  color: var(--wp--preset--color--white);
}
footer.is-contrast h1, footer.is-contrast h2, footer.is-contrast h3, footer.is-contrast h4, footer.is-contrast h5, footer.is-contrast h6 {
  color: var(--wp--preset--color--white);
}
footer.is-contrast a {
  color: var(--wp--preset--color--white);
}
footer {
  transition: none !important;
}
footer * {
  transition: none !important;
}

#coordonnees {
  position: relative;
}
#coordonnees::after {
  content: "";
  position: absolute;
  inset: 0;
  mask-image: url(/wp-content/themes/agreenlabo-1/assets/images/motif-footer.svg);
  -webkit-mask-image: url(/wp-content/themes/agreenlabo-1/assets/images/motif-footer.svg);
  mask-repeat: repeat;
  -webkit-mask-repeat: repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: #0046d1;
  pointer-events: none;
  z-index: 0;
}
#coordonnees > * {
  position: relative;
  z-index: 1;
}

#block-logos {
  width: 100%;
}
#block-logos > .wp-block-group {
  width: 100%;
}
#block-logos::before {
  background-color: var(--wp--preset--color--primary);
  filter: brightness(calc(100% - 15%));
}

/**/
/* ============================================================================
   BLOCK STYLES — VARIANTES DE BLOCKS
============================================================================ */
@media (max-width: 767px) {
  .wp-block-group[class*=is-style-bg-]:not(.is-style-bg-card) {
    padding: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
  }
}
@media (min-width: 768px) {
  .wp-block-group[class*=is-style-bg-]:not(.is-style-bg-card) {
    padding: clamp(3.5rem, 3.5rem + 2vw, 6rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(3.5rem, 3.5rem + 2vw, 6rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
  }
}

.is-style-bg-base {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--accent-3);
  border-color: var(--wp--preset--color--white);
}
.is-style-bg-base h1, .is-style-bg-base h2, .is-style-bg-base h3, .is-style-bg-base h4, .is-style-bg-base h5, .is-style-bg-base h6 {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-base a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-base a:hover, .is-style-bg-base a:focus {
  color: var(--wp--preset--color--black);
}
.is-style-bg-base .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
.is-style-bg-base .nav-link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.is-style-bg-base.is-contrast {
  color: var(--wp--preset--color--black);
}
.is-style-bg-base.is-contrast h1, .is-style-bg-base.is-contrast h2, .is-style-bg-base.is-contrast h3, .is-style-bg-base.is-contrast h4, .is-style-bg-base.is-contrast h5, .is-style-bg-base.is-contrast h6 {
  color: var(--wp--preset--color--black);
}
.is-style-bg-base.is-contrast a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-base {
  transition: none !important;
}
.is-style-bg-base * {
  transition: none !important;
}

.is-style-bg-primary {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}
.is-style-bg-primary h1, .is-style-bg-primary h2, .is-style-bg-primary h3, .is-style-bg-primary h4, .is-style-bg-primary h5, .is-style-bg-primary h6 {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary a {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary a:hover, .is-style-bg-primary a:focus {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary .nav-link:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary.is-contrast {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary.is-contrast h1, .is-style-bg-primary.is-contrast h2, .is-style-bg-primary.is-contrast h3, .is-style-bg-primary.is-contrast h4, .is-style-bg-primary.is-contrast h5, .is-style-bg-primary.is-contrast h6 {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary.is-contrast a {
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary {
  transition: none !important;
}
.is-style-bg-primary * {
  transition: none !important;
}

.is-style-bg-secondary {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
}
.is-style-bg-secondary h1, .is-style-bg-secondary h2, .is-style-bg-secondary h3, .is-style-bg-secondary h4, .is-style-bg-secondary h5, .is-style-bg-secondary h6 {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary a {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary a:hover, .is-style-bg-secondary a:focus {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary .nav-link:hover {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--secondary);
}
.is-style-bg-secondary.is-contrast {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary.is-contrast h1, .is-style-bg-secondary.is-contrast h2, .is-style-bg-secondary.is-contrast h3, .is-style-bg-secondary.is-contrast h4, .is-style-bg-secondary.is-contrast h5, .is-style-bg-secondary.is-contrast h6 {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary.is-contrast a {
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary {
  transition: none !important;
}
.is-style-bg-secondary * {
  transition: none !important;
}

.is-style-bg-primary-variant {
  background-color: var(--wp--preset--color--primary-variant);
  color: var(--wp--preset--color--accent-3);
  border-color: var(--wp--preset--color--primary-variant);
}
.is-style-bg-primary-variant h1, .is-style-bg-primary-variant h2, .is-style-bg-primary-variant h3, .is-style-bg-primary-variant h4, .is-style-bg-primary-variant h5, .is-style-bg-primary-variant h6 {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary-variant a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary-variant a:hover, .is-style-bg-primary-variant a:focus {
  color: var(--wp--preset--color--black);
}
.is-style-bg-primary-variant .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary-variant .nav-link:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary-variant.is-contrast {
  color: var(--wp--preset--color--black);
}
.is-style-bg-primary-variant.is-contrast h1, .is-style-bg-primary-variant.is-contrast h2, .is-style-bg-primary-variant.is-contrast h3, .is-style-bg-primary-variant.is-contrast h4, .is-style-bg-primary-variant.is-contrast h5, .is-style-bg-primary-variant.is-contrast h6 {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary-variant.is-contrast a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-primary-variant {
  transition: none !important;
}
.is-style-bg-primary-variant * {
  transition: none !important;
}

.is-style-bg-secondary-variant {
  background-color: var(--wp--preset--color--secondary-variant);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--secondary-variant);
}
.is-style-bg-secondary-variant h1, .is-style-bg-secondary-variant h2, .is-style-bg-secondary-variant h3, .is-style-bg-secondary-variant h4, .is-style-bg-secondary-variant h5, .is-style-bg-secondary-variant h6 {
  color: var(--wp--preset--color--secondary);
}
.is-style-bg-secondary-variant a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-secondary-variant a:hover, .is-style-bg-secondary-variant a:focus {
  color: var(--wp--preset--color--black);
}
.is-style-bg-secondary-variant .nav-link {
  background-color: transparent;
  color: var(--wp--preset--color--primary);
}
.is-style-bg-secondary-variant .nav-link:hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--black);
}
.is-style-bg-secondary-variant.is-contrast {
  color: var(--wp--preset--color--black);
}
.is-style-bg-secondary-variant.is-contrast h1, .is-style-bg-secondary-variant.is-contrast h2, .is-style-bg-secondary-variant.is-contrast h3, .is-style-bg-secondary-variant.is-contrast h4, .is-style-bg-secondary-variant.is-contrast h5, .is-style-bg-secondary-variant.is-contrast h6 {
  color: var(--wp--preset--color--secondary);
}
.is-style-bg-secondary-variant.is-contrast a {
  color: var(--wp--preset--color--primary);
}
.is-style-bg-secondary-variant {
  transition: none !important;
}
.is-style-bg-secondary-variant * {
  transition: none !important;
}

/* ============================================================================
   BLOCK STYLES — VARIANTES DE CARTOUCHES
============================================================================ */
.is-style-bg-base .cartouche {
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--black);
}

.is-style-bg-primary .cartouche, .is-style-bg-secondary .cartouche {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
}

.is-style-bg-primary-variant .cartouche {
  color: var(--wp--preset--color--primary-darken);
  border-color: var(--wp--preset--color--primary-darken);
}

.is-style-bg-secondary-variant .cartouche {
  color: var(--wp--preset--color--secondary-darken);
  border-color: var(--wp--preset--color--secondary-darken);
}

/* ============================================================================
   BLOCK STYLES — VARIANTES DE CARTOUCHES
============================================================================ */
.is-style-number-block {
  overflow: hidden;
}
.is-style-number-block .wp-block-heading {
  font-size: var(--wp--preset--font-size--xxl);
}
@media (min-width: 320px) {
  .is-style-number-block .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) + var(--wp--preset--font-size--xxl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  .is-style-number-block .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) * 1.5);
  }
}
.is-style-number-block .wp-block-heading {
  text-shadow: var(--wp--custom--heading-shadow);
  border: var(--wp--custom--heading-border);
  transform-origin: left bottom;
}

@media (max-width: 767px) {
  .is-style-override {
    display: flex;
    flex-direction: column;
  }
}

.is-style-heading-border h1,
.is-style-heading-border h2 {
  border-bottom: 4px solid currentColor;
  padding-bottom: 0.5em;
}

/* --------------------------------------------
   COLUMNS BLOCK VARIATIONS
--------------------------------------------- */
.is-style-composition--block-1 {
  aspect-ratio: 3/4;
}

.is-style-composition--block-2 {
  aspect-ratio: 4/3;
}

.is-style-composition--block-3 {
  aspect-ratio: 16/9;
}

.is-style-composition--block-4 {
  aspect-ratio: 1/1;
}

/* --------------------------------------------
   GROUP BLOCK VARIATIONS
--------------------------------------------- */
.is-style-bg-base {
  background: var(--wp--preset--color--white);
}
.is-style-bg-base h1, .is-style-bg-base h2, .is-style-bg-base h3, .is-style-bg-base h4, .is-style-bg-base h5, .is-style-bg-base h6 {
  color: var(--wp--preset--color--primary);
}

.is-style-bg-primary {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}
.is-style-bg-primary h1, .is-style-bg-primary h2, .is-style-bg-primary h3, .is-style-bg-primary h4, .is-style-bg-primary h5, .is-style-bg-primary h6 {
  color: var(--wp--preset--color--white);
}

.is-style-bg-secondary {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
}
.is-style-bg-secondary h1, .is-style-bg-secondary h2, .is-style-bg-secondary h3, .is-style-bg-secondary h4, .is-style-bg-secondary h5, .is-style-bg-secondary h6 {
  color: var(--wp--preset--color--white);
}

.is-style-bg-primary-variant {
  background: color-mix(in srgb, var(--wp--preset--color--primary) 5%, white);
}
.is-style-bg-primary-variant h1, .is-style-bg-primary-variant h2, .is-style-bg-primary-variant h3, .is-style-bg-primary-variant h4, .is-style-bg-primary-variant h5, .is-style-bg-primary-variant h6 {
  color: var(--wp--preset--color--primary);
}

.is-style-bg-secondary-variant {
  background: color-mix(in srgb, var(--wp--preset--color--secondary) 5%, white);
}
.is-style-bg-secondary-variant h1, .is-style-bg-secondary-variant h2, .is-style-bg-secondary-variant h3, .is-style-bg-secondary-variant h4, .is-style-bg-secondary-variant h5, .is-style-bg-secondary-variant h6 {
  color: var(--wp--preset--color--secondary);
}

.is-bg-wide-baseline h1,
.is-bg-wide-baseline h2,
.is-bg-wide-baseline h3 {
  font-size: var(--wp--preset--font-size--xxl);
}

.is-heading-border h1,
.is-heading-border h2 {
  border-bottom: 4px solid currentColor;
  padding-bottom: 0.5em;
}

/* --------------------------------------------
   GRIDS
--------------------------------------------- */
/*
.is-style-grid-2 {
  @extend .grid !optional;
  @extend .grid--2 !optional;
}

.is-style-grid-3 {
  @extend .grid !optional;
  @extend .grid--3 !optional;
}

.is-style-grid-4 {
  @extend .grid !optional;
  @extend .grid--4 !optional;
}*/
/* --------------------------------------------
   ROW BLOCK VARIATIONS
--------------------------------------------- */
.is-style-row-default h1, .is-style-row-default h2, .is-style-row-default h3 {
  color: var(--wp--preset--color--accent-3);
}

.is-style-row-base h1, .is-style-row-base h2, .is-style-row-base h3 {
  color: var(--wp--preset--color--primary);
}

.is-style-row-primary {
  background: var(--wp--preset--color--primary);
}
.is-style-row-primary h1, .is-style-row-primary h2, .is-style-row-primary h3 {
  color: var(--wp--preset--color--white);
}

.is-style-row-secondary {
  background: var(--wp--preset--color--secondary);
  box-shadow: var(--wp--custom--shadows--heading);
}
.is-style-row-secondary h1, .is-style-row-secondary h2, .is-style-row-secondary h3 {
  color: var(--wp--preset--color--white);
}

.is-style-row-primary-variant {
  background: color-mix(in srgb, var(--wp--preset--color--primary) 20%, white);
}
.is-style-row-primary-variant h1, .is-style-row-primary-variant h2, .is-style-row-primary-variant h3 {
  color: var(--wp--preset--color--primary);
}

.is-style-row-secondary-variant {
  background: color-mix(in srgb, var(--wp--preset--color--secondary) 20%, white);
}
.is-style-row-secondary-variant h1, .is-style-row-secondary-variant h2, .is-style-row-secondary-variant h3 {
  color: var(--wp--preset--color--secondary);
}

/* ============================================================================
   BLOCKS — Paddings internes
============================================================================ */
/*
.wp-block-group[class*="is-style-block-"]
.wp-block-columns[class*="is-block-"] {
  @media (max-width: 767px) {
    padding: var(--wp--preset--spacing--s) 0;
  }

  @media (min-width: 768px) and (max-width: 1199px) {
    padding: var(--wp--preset--spacing--m) 0;
  }

  @media (min-width: 1200px) {
    padding: var(--wp--preset--spacing--l) 0;
  }
}
*/
.is-block-0 h2 {
  text-align: left;
}
.is-block-0 .is-bloc-text {
  display: flex;
  flex-direction: column;
}

.wp-block-columns.is-block-1 .wp-block-column.is-block-text {
  padding-top: var(--wp--preset--spacing--m);
  order: 1;
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-1 .wp-block-column.is-block-text {
    order: 2;
  }
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-1 .wp-block-column.is-block-text {
    flex-flow: column;
    padding-bottom: 0;
  }
}
.wp-block-columns.is-block-1 .wp-block-column.is-block-picture {
  order: 2;
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-1 .wp-block-column.is-block-picture {
    order: 1;
  }
}
.wp-block-columns.is-block-1.is-block-1-reverse .wp-block-column.is-block-text {
  order: 2;
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-1.is-block-1-reverse .wp-block-column.is-block-text {
    order: 1;
  }
}
.wp-block-columns.is-block-1.is-block-1-reverse .wp-block-column.is-block-picture {
  order: 1;
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-1.is-block-1-reverse .wp-block-column.is-block-picture {
    order: 2;
  }
}

@media (max-width: 767px) {
  .wp-block-columns.is-block-2 .wp-block-column.is-block-text {
    order: 2;
    min-height: calc(100% - var(--wp--preset--spacing--m));
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture {
    order: 1;
    width: 100%;
    justify-content: space-between;
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture .wp-block-image {
    order: 2;
    margin: 0;
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture .wp-block-buttons {
    order: 1;
    width: 100%;
    margin-top: 0;
    padding-bottom: var(--wp--preset--spacing--m);
  }
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-2 .wp-block-column.is-block-text {
    order: 1;
    min-height: calc(100% - var(--wp--preset--spacing--m));
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture {
    order: 2;
    width: 100%;
    justify-content: center;
    text-align: left;
    align-items: center;
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture .wp-block-image {
    order: 1;
  }
  .wp-block-columns.is-block-2 .wp-block-column.is-block-picture .wp-block-buttons {
    order: 2;
    width: 100%;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .wp-block-columns.is-block-2.is-block-2-reverse .wp-block-column.is-block-text {
    order: 1;
  }
  .wp-block-columns.is-block-2.is-block-2-reverse .wp-block-column.is-block-picture {
    order: 2;
  }
}
@media (min-width: 768px) {
  .wp-block-columns.is-block-2.is-block-2-reverse .wp-block-column.is-block-text {
    order: 2;
  }
  .wp-block-columns.is-block-2.is-block-2-reverse .wp-block-column.is-block-picture {
    order: 1;
  }
}

/* ============================================================================
   PAGE HOME 5 — Chiffres
============================================================================ */
.wp-block-group.block-3[class*=is-style-bg-] {
  position: relative;
}
.wp-block-group.block-3[class*=is-style-bg-] .wp-block-heading {
  text-shadow: var(--wp--custom--effect-heading-shadow-2);
}
.wp-block-group.block-3[class*=is-style-bg-] p.cartouche {
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
}
.wp-block-group.block-3[class*=is-style-bg-] .wp-block-group.is-auto-fit {
  padding: clamp(1.5rem, 1.5rem + 1vw, 2.5rem) 0 clamp(1.5rem, 1.5rem + 1vw, 2.5rem) 0;
}
.wp-block-group.block-3[class*=is-style-bg-] .wp-block-image.is-picto img {
  width: calc(var(--wp--custom--size-square-60) * 2);
  height: calc(var(--wp--custom--size-square-60) * 2);
}

/* ============================================================================
   BLOCK STYLES — SPACING AUTOMATIQUE
============================================================================ */
.wp-block-group .wp-block-buttons {
  background-color: var(--wp--preset--color--transparent);
}

.wp-block-columns {
  overflow: hidden;
  min-width: 0;
  overflow-wrap: break-word;
  justify-content: center;
  display: flex;
  /* Zone texte */
  /* Zone image */
  /* Passer les chiffres de row à col */
}
.wp-block-columns .wp-block-column {
  padding: 0;
}
.wp-block-columns .wp-block-column.is-block-text {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  /* Liste de pictos */
  /* Zone boutons */
}
.wp-block-columns .wp-block-column.is-block-text .is-zone-picto .is-horizontal {
  position: relative;
  padding: 0;
  width: 100%;
}
.wp-block-columns .wp-block-column.is-block-text .is-zone-picto .is-horizontal::after {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  content: "";
  border-bottom: solid 1px #d6d6d6;
}
.wp-block-columns .wp-block-column.is-block-text .is-zone-picto .is-horizontal:last-child::after {
  display: none;
}
.wp-block-columns .wp-block-column.is-block-text .wp-block-buttons {
  width: 100%;
}
.wp-block-columns .wp-block-column.is-block-picture {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: column;
  justify-content: center;
}
.wp-block-columns .wp-block-column.is-block-picture .wp-block-image {
  width: 100%;
  text-align: center;
}
@media (max-width: 1199px) {
  .wp-block-columns .is-layout-grid .is-number {
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .wp-block-columns .is-layout-grid .is-number {
    flex-direction: column;
  }
}

/* ============================================================================
   COMPONENT — Cartouche
============================================================================ */
/* Zone de titre */
.wp-block-group[class*=is-style-bg] .wp-block-group.is-title-area {
  display: flex;
  padding: 0;
  width: 100%;
}
.wp-block-group[class*=is-style-bg] .wp-block-group.is-title-area .wp-block-heading {
  order: 2;
}
.wp-block-group[class*=is-style-bg] .wp-block-group.is-title-area p.cartouche {
  order: 1;
}

.cartouche {
  border-radius: 9999px;
  padding: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem) clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem) clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem) clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
  font-size: var(--wp--preset--font-size--xs);
  border-width: 1px;
  border-style: solid;
  width: -moz-fit-content;
  width: fit-content;
}

:root {
  --header-tolerance-down: 20;
  --header-tolerance-up: 20;
}

.site-header.is-sticky-header {
  position: fixed;
  top: 0;
  z-index: 999;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.3s ease, opacity 0.3s ease;
}
.site-header.is-sticky-header.hidden {
  transform: translateY(-100%);
  opacity: 0;
}

/* ===========================
   Sticky Header
   =========================== */
/*
@mixin header-transition {
  transition: transform vars.$header-transition-transform,
              opacity vars.$header-transition-opacity;
  will-change: transform, opacity;
}

:root {
  --header-tolerance-down: 20;
  --header-tolerance-up: 20;
}

.site-header.is-sticky-header {
  @include header-transition; // transition fluide sur transform et opacity

  @include responsive.respond-accessible(desktop) {
    padding-inline: calc(var(--wp--preset--spacing--xs) * 2);
  }
  & {
    @include layout.size-wide();
    min-height: var(--wp--preset--spacing--m);
    position: fixed;
    top: 0; // colle vraiment en haut de l’écran
    inset-inline: 0;
    z-index: 1000;
    padding-inline: var(--wp--preset--spacing--xs);
  }
}

.site-header.is-sticky-header.hidden {
  transform: translateY(vars.$header-hidden-translate); // utilise la variable (-120%)
  opacity: 0; // disparaît aussi visuellement
}
*/
.wp-block-group.is-style-section .wp-block-columns {
  gap: clamp(3.5rem, 3.5rem + 2vw, 6rem) clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.wp-block-group.is-style-hero {
  padding: 0 clamp(3.5rem, 3.5rem + 2vw, 6rem) 0 clamp(3.5rem, 3.5rem + 2vw, 6rem);
}
.wp-block-group.is-style-hero .wp-block-heading {
  /*.h2-first-word{
    color:var(--wp--preset--color--primary);
  }*/
}
@media (max-width: 1199px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: var(--wp--preset--font-size--xl);
  }
}
@media (max-width: 1199px) and (min-width: 320px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xl) + var(--wp--preset--font-size--xl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (max-width: 1199px) and (min-width: 1440px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xl) * 1.5);
  }
}
@media (min-width: 1200px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: var(--wp--preset--font-size--xxl);
  }
}
@media (min-width: 1200px) and (min-width: 320px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) + var(--wp--preset--font-size--xxl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1200px) and (min-width: 1440px) {
  .wp-block-group.is-style-hero .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) * 1.5);
  }
}

/* --------------------------------------------
   CTA COMPONENT
--------------------------------------------- */
.cta {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  text-align: center;
  padding-block: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}
.cta__inner {
  width: 100%;
  max-width: var(--wp--style--global--wide-size);
  margin-inline: auto;
  padding-inline: 1rem;
}
.cta__title {
  font-family: "Azo Sans Uber";
  font-size: clamp(1.7rem, 1.7rem + 1.5vw, 2.3rem);
  margin-bottom: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}
.cta__text {
  font-size: clamp(1.1rem, 1.1rem + 0.35vw, 1.4rem);
  margin-bottom: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}
.cta__actions {
  margin-top: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

/* ============================================================================
    TAILLE DES IMAGES
============================================================================ */
.wp-block-image img {
  border-radius: var(--wp--custom--radius-image);
}

/* Portrait */
.is-block-0 .wp-block-image.is-block-image img {
  min-width: var(--wp--custom--imgPortrait);
  height: auto;
}

/* Standard */
.is-block-1 .wp-block-image.is-block-image img,
.is-block-1-reverse .wp-block-image.is-block-image img {
  min-width: var(--wp--custom---imgStandard);
  height: auto;
}

/* Picto 60 */
.wp-block-group:not(.block-3) .wp-block-image.is-picto img {
  width: var(--wp--custom--size-square-60);
  height: var(--wp--custom--size-square-60);
  -o-object-fit: contain;
     object-fit: contain;
}

.wp-block-group.block-3 .wp-block-image.is-picto img {
  width: calc(var(--wp--custom--size-square-60) * 2);
  height: calc(var(--wp--custom--size-square-60) * 2);
  -o-object-fit: contain;
     object-fit: contain;
}

/* Radius */
.is-style-custom-radius img,
.is-style-rounded-soft img,
.is-style-rounded-soft figure {
  border-radius: var(--wp--custom--imageRadius);
}

.is-style-img-picto img {
  width: var(--wp--custom--size-square-60);
  height: var(--wp--custom--size-square-60);
  min-width: var(--wp--custom--size-square-60);
  min-height: var(--wp--custom--size-square-60);
}

.wp-block-group-is-layout-grid {
  padding: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) 0 clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem) 0;
}

.wp-block-group.is-auto-fit {
  gap: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem) clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 0), and {
  .wp-block-group.is-auto-fit {
    gap: clamp(1.5rem, 1.5rem + 1vw, 2.5rem) clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
  }
  .wp-block-group.is-auto-fit {
    flex-direction: column;
  }
  .wp-block-group.is-auto-fit .wp-block-group {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 600px), and {
  .wp-block-group.is-auto-fit {
    flex-direction: row;
  }
}
.wp-block-group.is-auto-fit .wp-block-group {
  width: 100%;
  margin: 0 auto;
}

.is-link-arrow {
  color: inherit;
  text-decoration: none;
}

.wp-block-group.is-style-compact {
  padding: 0 clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem) 0 clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.wp-block-group.is-style-feature {
  padding: 0 clamp(1.5rem, 1.5rem + 1vw, 2.5rem) 0 clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

/* Forcer le menu mobile et masquer le menu horizontal */
@media (max-width: 767px) and (min-width: 600px) {
  /* Masquer le menu horizontal (desktop) */
  .main-navigation,
  .ast-main-header-bar-navigation,
  .elementor-nav-menu--main,
  .elementor-nav-menu,
  .menu-desktop {
    display: none !important;
  }
  /* Afficher le menu burger */
  .menu-toggle,
  .mobile-menu-toggle,
  .ast-mobile-menu-trigger,
  .elementor-menu-toggle,
  .hamburger {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .site-navigation-wrapper .wp-block-navigation-item {
    display: none;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
    position: absolute;
    left: -32px;
  }
}
/* ============================================================================
   NAVIGATION — MOBILE OVERLAY
============================================================================ */
/* --------------------------------------------
   1. Container responsive (overlay)
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--wp--preset--color--white);
}

/* --------------------------------------------
   2. Navigation interne
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

/* --------------------------------------------
   3. Items
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font-size: clamp(1.1rem, 1.1rem + 0.35vw, 1.4rem);
}

/* --------------------------------------------
   4. Sous-menus
--------------------------------------------- */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
  margin: 0;
  padding: 0;
  box-shadow: none;
  border: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation-item__content {
  font-size: clamp(0.9rem, 0.9rem + 0.2vw, 1.1rem);
}

/* --------------------------------------------
   5. Bouton burger / close
--------------------------------------------- */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--wp--preset--color--white);
  cursor: pointer;
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--black);
  width: 60%;
  height: 60%;
}

/* --------------------------------------------
   6. Responsive refinements
--------------------------------------------- */
@media screen and (min-width: 0), and {
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close {
    width: clamp(1rem, 1rem + 0.8vw, 1.8rem);
    height: clamp(1rem, 1rem + 0.8vw, 1.8rem);
  }
}
@media screen and (min-width: 600px), and {
  .site-navigation-wrapper {
    gap: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
  }
}
.wp-block-navigation__responsive-container-close {
  background-color: var(--wp--preset--color--white);
  height: calc(var(--wp--preset--spacing--xxl) - 1rem);
  width: calc(var(--wp--preset--spacing--xxl) - 1rem);
}

.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
  background-color: var(--wp--preset--color--white);
  height: calc(var(--wp--preset--spacing--xxl) - 1rem);
  width: calc(var(--wp--preset--spacing--xxl) - 1rem);
}

.wp-block-navigation__responsive-container-open {
  background-color: var(--wp--preset--color--white);
  height: calc(var(--wp--preset--spacing--xxl) - 1rem);
  width: calc(var(--wp--preset--spacing--xxl) - 1rem);
}

/* ============================================================================
   NAVIGATION — COULEURS
============================================================================ */
/* ---------------------------------------
   1. Header / Barre de navigation
---------------------------------------- */
.site-header #barre-menu {
  background-color: transparent;
}

/* Mobile (<768px) : header transparent */
@media (max-width: 767px) {
  .site-header #barre-menu .site-navigation-wrapper {
    border-radius: 50%;
    width: calc(var(--wp--preset--spacing--xxl) - 1rem);
    height: calc(var(--wp--preset--spacing--xxl) - 1rem);
    background-color: var(--wp--preset--color--white);
  }
}
/* Tablet & Desktop (>=768px) : thème "base" */
@media (min-width: 768px) {
  .site-header #barre-menu .site-navigation-wrapper {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--accent-3);
    border-color: var(--wp--preset--color--white);
  }
  .site-header #barre-menu .site-navigation-wrapper h1, .site-header #barre-menu .site-navigation-wrapper h2, .site-header #barre-menu .site-navigation-wrapper h3, .site-header #barre-menu .site-navigation-wrapper h4, .site-header #barre-menu .site-navigation-wrapper h5, .site-header #barre-menu .site-navigation-wrapper h6 {
    color: var(--wp--preset--color--primary);
  }
  .site-header #barre-menu .site-navigation-wrapper a {
    color: var(--wp--preset--color--primary);
  }
  .site-header #barre-menu .site-navigation-wrapper a:hover, .site-header #barre-menu .site-navigation-wrapper a:focus {
    color: var(--wp--preset--color--black);
  }
  .site-header #barre-menu .site-navigation-wrapper .nav-link {
    background-color: transparent;
    color: var(--wp--preset--color--primary);
  }
  .site-header #barre-menu .site-navigation-wrapper .nav-link:hover {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
  }
  .site-header #barre-menu .site-navigation-wrapper.is-contrast {
    color: var(--wp--preset--color--black);
  }
  .site-header #barre-menu .site-navigation-wrapper.is-contrast h1, .site-header #barre-menu .site-navigation-wrapper.is-contrast h2, .site-header #barre-menu .site-navigation-wrapper.is-contrast h3, .site-header #barre-menu .site-navigation-wrapper.is-contrast h4, .site-header #barre-menu .site-navigation-wrapper.is-contrast h5, .site-header #barre-menu .site-navigation-wrapper.is-contrast h6 {
    color: var(--wp--preset--color--black);
  }
  .site-header #barre-menu .site-navigation-wrapper.is-contrast a {
    color: var(--wp--preset--color--primary);
  }
  .site-header #barre-menu .site-navigation-wrapper {
    transition: none !important;
  }
  .site-header #barre-menu .site-navigation-wrapper * {
    transition: none !important;
  }
  .site-header #barre-menu .site-navigation-wrapper {
    flex: 1;
    box-shadow: var(--wp--custom--navigation-boxshadow);
  }
}
/* ---------------------------------------
   2. Menu responsive ouvert (overlay mobile)
---------------------------------------- */
@media screen and (max-width: 767px) {
  .wp-block-navigation__responsive-container.is-menu-open,
  .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--white);
    border-color: var(--wp--preset--color--secondary);
  }
  .wp-block-navigation__responsive-container.is-menu-open h1, .wp-block-navigation__responsive-container.is-menu-open h2, .wp-block-navigation__responsive-container.is-menu-open h3, .wp-block-navigation__responsive-container.is-menu-open h4, .wp-block-navigation__responsive-container.is-menu-open h5, .wp-block-navigation__responsive-container.is-menu-open h6,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h1,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h2,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h3,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h4,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h5,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open h6 {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open a,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open a {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open a:hover, .wp-block-navigation__responsive-container.is-menu-open a:focus,
  .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:focus {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open .nav-link,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .nav-link {
    background-color: transparent;
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open .nav-link:hover,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .nav-link:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--secondary);
  }
  .wp-block-navigation__responsive-container.is-menu-open.is-contrast,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open.is-contrast h1, .wp-block-navigation__responsive-container.is-menu-open.is-contrast h2, .wp-block-navigation__responsive-container.is-menu-open.is-contrast h3, .wp-block-navigation__responsive-container.is-menu-open.is-contrast h4, .wp-block-navigation__responsive-container.is-menu-open.is-contrast h5, .wp-block-navigation__responsive-container.is-menu-open.is-contrast h6,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h1,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h2,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h3,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h4,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h5,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast h6 {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open.is-contrast a,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open.is-contrast a {
    color: var(--wp--preset--color--white);
  }
  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    transition: none !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open *,
  .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open * {
    transition: none !important;
  }
}
/* ---------------------------------------
   3. Bouton burger (open/close)
---------------------------------------- */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  background-color: var(--wp--preset--color--white);
}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  fill: var(--wp--preset--color--black);
}
@media (hover: hover) {
  .wp-block-navigation__responsive-container-open:hover,
  .wp-block-navigation__responsive-container-close:hover {
    background-color: var(--wp--preset--color--white);
    box-shadow: var(--wp--custom--navigation-boxshadow);
  }
}

/* ---------------------------------------
   4. Items de navigation
---------------------------------------- */
.wp-block-navigation .wp-block-navigation-item__content {
  color: var(--wp--preset--color--black);
}
.wp-block-navigation .wp-block-navigation-item__content:hover {
  background-color: var(--wp--preset--color--light-gray);
}
.wp-block-navigation .wp-block-navigation-item__content:focus-visible {
  outline-color: var(--wp--preset--color--primary);
}

/* ---------------------------------------
   5. Sous-menus
---------------------------------------- */
.wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--white);
  box-shadow: var(--wp--custom--navigation-boxshadow);
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
  background-color: var(--wp--preset--color--light-gray);
}

/* ---------------------------------------
   6. Thèmes optionnels
---------------------------------------- */
.nav-theme--secondary .wp-block-navigation-item__content {
  color: var(--wp--preset--color--white);
}
.nav-theme--secondary .wp-block-navigation__submenu-container {
  background-color: var(--wp--preset--color--black);
}

/* ============================================================================
   NAVIGATION — VISIBILITÉ OPEN/CLOSE
============================================================================ */
/* ============================================================================
   NAVIGATION — RESET WORDPRESS
============================================================================ */
/* ============================================================================
   Cartes
============================================================================ */
.is-style-bg-card {
  background-color: var(--wp--custom--card-bg);
  border-radius: var(--wp--custom--radius-button-default);
  padding: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
  box-shadow: var(--wp--custom--card-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 1rem + 0.8vw, 1.8rem) clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem) clamp(1rem, 1rem + 0.8vw, 1.8rem) clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}
.is-style-bg-card .wp-block-button.is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-card .wp-block-button.is-style-fill .wp-block-button__link:hover, .is-style-bg-card .wp-block-button.is-style-fill .wp-block-button__link:focus, .is-style-bg-card .wp-block-button.is-style-fill .wp-block-button__link:active, .is-style-bg-card .wp-block-button.is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-dark);
}
.is-style-bg-card .wp-block-button.is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-card .wp-block-button.is-style-outline .wp-block-button__link:hover, .is-style-bg-card .wp-block-button.is-style-outline .wp-block-button__link:focus, .is-style-bg-card .wp-block-button.is-style-outline .wp-block-button__link:active, .is-style-bg-card .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
}
.is-style-bg-card {
  text-align: center;
  /* Picto 60 */
}
.is-style-bg-card h3 {
  font-size: var(--wp--preset--font-size--s);
  color: var(--wp--preset--color--primary);
  text-align: center;
}
.is-style-bg-card .wp-block-image.is-picto,
.is-style-bg-card .is-style-picto-60 img {
  width: var(--wp--custom--size-square-60);
  height: var(--wp--custom--size-square-60);
  -o-object-fit: contain;
     object-fit: contain;
  min-width: var(--wp--custom--size-square-60);
}
.is-style-bg-card img {
  width: var(--wp--custom--size-square-60);
  height: var(--wp--custom--size-square-60);
  min-width: var(--wp--custom--size-square-60);
}

@media (min-width: 1200px) {
  .is-style-bg-card {
    transform: rotate(0deg);
  }
  .is-style-bg-card:hover {
    transform: translateY(-4px) rotate(4deg);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    /*
    .wp-block-buttons .wp-block-button__link {
      @include mixins.apply-button-style(secondary);
    }*/
  }
  .is-style-bg-card:hover .wp-block-heading {
    color: var(--wp--preset--color--white);
  }
  .is-style-bg-card:hover img {
    filter: var(--wp--custom--picto-hover-bright);
  }
}
/* --------------------------------------------
   WORDPRESS BUTTON → DESIGN SYSTEM BUTTON
--------------------------------------------- */
/* Base WordPress button */
.wp-block-button {
  cursor: pointer;
  font-size: clamp(0.9rem, 0.9rem + 0.2vw, 1.1rem);
  text-decoration: none;
}

.wp-block-button {
  background: transparent;
  padding: 0;
}

/* ============================================================================
   BLOCK STYLES — VARIANTES DE BOUTONS
============================================================================ */
.is-style-bg-base .is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-base .is-style-fill .wp-block-button__link:hover, .is-style-bg-base .is-style-fill .wp-block-button__link:focus, .is-style-bg-base .is-style-fill .wp-block-button__link:active, .is-style-bg-base .is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-dark);
  border-color: var(--wp--preset--color--white);
}
.is-style-bg-base .is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-base .is-style-outline .wp-block-button__link:hover, .is-style-bg-base .is-style-outline .wp-block-button__link:focus, .is-style-bg-base .is-style-outline .wp-block-button__link:active, .is-style-bg-base .is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-dark);
}

.is-style-bg-primary .is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-primary .is-style-fill .wp-block-button__link:hover, .is-style-bg-primary .is-style-fill .wp-block-button__link:focus, .is-style-bg-primary .is-style-fill .wp-block-button__link:active, .is-style-bg-primary .is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--black);
}
.is-style-bg-primary .is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-primary .is-style-outline .wp-block-button__link:hover, .is-style-bg-primary .is-style-outline .wp-block-button__link:focus, .is-style-bg-primary .is-style-outline .wp-block-button__link:active, .is-style-bg-primary .is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
}

.is-style-bg-secondary .is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-secondary .is-style-fill .wp-block-button__link:hover, .is-style-bg-secondary .is-style-fill .wp-block-button__link:focus, .is-style-bg-secondary .is-style-fill .wp-block-button__link:active, .is-style-bg-secondary .is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--black);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--black);
}
.is-style-bg-secondary .is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-secondary .is-style-outline .wp-block-button__link:hover, .is-style-bg-secondary .is-style-outline .wp-block-button__link:focus, .is-style-bg-secondary .is-style-outline .wp-block-button__link:active, .is-style-bg-secondary .is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--black);
  border-color: var(--wp--preset--color--white);
}

.is-style-bg-primary-variant .is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-primary-variant .is-style-fill .wp-block-button__link:hover, .is-style-bg-primary-variant .is-style-fill .wp-block-button__link:focus, .is-style-bg-primary-variant .is-style-fill .wp-block-button__link:active, .is-style-bg-primary-variant .is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--white);
  color: var(--wp--preset--color--primary-dark);
  border-color: var(--wp--preset--color--white);
}
.is-style-bg-primary-variant .is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-primary-variant .is-style-outline .wp-block-button__link:hover, .is-style-bg-primary-variant .is-style-outline .wp-block-button__link:focus, .is-style-bg-primary-variant .is-style-outline .wp-block-button__link:active, .is-style-bg-primary-variant .is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--primary-dark);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--primary-dark);
}

.is-style-bg-secondary-variant .is-style-fill .wp-block-button__link {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-secondary-variant .is-style-fill .wp-block-button__link:hover, .is-style-bg-secondary-variant .is-style-fill .wp-block-button__link:focus, .is-style-bg-secondary-variant .is-style-fill .wp-block-button__link:active, .is-style-bg-secondary-variant .is-style-fill .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--secondary-dark);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary-dark);
}
.is-style-bg-secondary-variant .is-style-outline .wp-block-button__link {
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--secondary);
  border-color: var(--wp--preset--color--secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
}
.is-style-bg-secondary-variant .is-style-outline .wp-block-button__link:hover, .is-style-bg-secondary-variant .is-style-outline .wp-block-button__link:focus, .is-style-bg-secondary-variant .is-style-outline .wp-block-button__link:active, .is-style-bg-secondary-variant .is-style-outline .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--secondary-dark);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary-dark);
}

/* --------------------------------------------
   BUTTON GROUP COMPONENT
--------------------------------------------- */
.button-group {
  display: flex;
  flex-wrap: wrap;
  /* Remplace map.get(vars.$spacing, s) */
  gap: var(--wp--preset--spacing--s);
  /* Alignement horizontal par défaut */
  justify-content: flex-start;
  /* Responsive : stack sur mobile */
  /* Version centrée */
  /* Version droite */
  /* Version espacée */
  /* Version colonne */
}
@media (max-width: 767px) {
  .button-group {
    flex-direction: row;
  }
}
.button-group--center {
  justify-content: center;
}
.button-group--right {
  justify-content: flex-end;
}
.button-group--spread {
  justify-content: space-between;
}
.button-group--column {
  flex-direction: column;
  align-items: flex-start;
}
.button-group--column .btn {
  width: auto;
}

/* Styles WordPress 
.is-style-button-group {
  @extend .button-group;
}

.is-style-button-group-center {
  @extend .button-group;
  @extend .button-group--center;
}

.is-style-button-group-right {
  @extend .button-group;
  @extend .button-group--right;
}*/
/* Génère
.mb-s { margin-bottom: 1rem; }
.mt-xl { margin-top: 3rem; }
.px-m { padding-inline: 1.5rem; }
.py-xs { padding-block: 0.5rem; }
*/
/* --------------------------------------------
   SPACING UTILITIES (margin + padding)
--------------------------------------------- */
/* Margin utilities */
.m-sans {
  margin: 0;
}

.mt-sans {
  margin-top: 0;
}

.mr-sans {
  margin-right: 0;
}

.mb-sans {
  margin-bottom: 0;
}

.ml-sans {
  margin-left: 0;
}

.mx-sans {
  margin-inline: 0;
}

.my-sans {
  margin-block: 0;
}

/* Padding utilities */
.p-sans {
  padding: 0;
}

.pt-sans {
  padding-top: 0;
}

.pr-sans {
  padding-right: 0;
}

.pb-sans {
  padding-bottom: 0;
}

.pl-sans {
  padding-left: 0;
}

.px-sans {
  padding-inline: 0;
}

.py-sans {
  padding-block: 0;
}

/* Margin utilities */
.m-xxs {
  margin: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.mt-xxs {
  margin-top: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.mr-xxs {
  margin-right: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.mb-xxs {
  margin-bottom: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.ml-xxs {
  margin-left: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.mx-xxs {
  margin-inline: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.my-xxs {
  margin-block: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

/* Padding utilities */
.p-xxs {
  padding: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.pt-xxs {
  padding-top: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.pr-xxs {
  padding-right: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.pb-xxs {
  padding-bottom: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.pl-xxs {
  padding-left: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.px-xxs {
  padding-inline: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

.py-xxs {
  padding-block: clamp(0.15rem, 0.15rem + 0.2vw, 0.35rem);
}

/* Margin utilities */
.m-xs {
  margin: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.mt-xs {
  margin-top: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.mr-xs {
  margin-right: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.mb-xs {
  margin-bottom: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.ml-xs {
  margin-left: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.mx-xs {
  margin-inline: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.my-xs {
  margin-block: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

/* Padding utilities */
.p-xs {
  padding: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.pt-xs {
  padding-top: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.pr-xs {
  padding-right: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.pb-xs {
  padding-bottom: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.pl-xs {
  padding-left: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.px-xs {
  padding-inline: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

.py-xs {
  padding-block: clamp(0.3rem, 0.3rem + 0.3vw, 0.6rem);
}

/* Margin utilities */
.m-s {
  margin: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.mt-s {
  margin-top: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.mr-s {
  margin-right: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.mb-s {
  margin-bottom: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.ml-s {
  margin-left: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.mx-s {
  margin-inline: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.my-s {
  margin-block: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

/* Padding utilities */
.p-s {
  padding: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.pt-s {
  padding-top: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.pr-s {
  padding-right: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.pb-s {
  padding-bottom: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.pl-s {
  padding-left: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.px-s {
  padding-inline: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

.py-s {
  padding-block: clamp(0.6rem, 0.6rem + 0.5vw, 1.2rem);
}

/* Margin utilities */
.m-m {
  margin: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.mt-m {
  margin-top: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.mr-m {
  margin-right: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.mb-m {
  margin-bottom: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.ml-m {
  margin-left: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.mx-m {
  margin-inline: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.my-m {
  margin-block: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

/* Padding utilities */
.p-m {
  padding: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.pt-m {
  padding-top: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.pr-m {
  padding-right: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.pb-m {
  padding-bottom: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.pl-m {
  padding-left: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.px-m {
  padding-inline: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

.py-m {
  padding-block: clamp(1rem, 1rem + 0.8vw, 1.8rem);
}

/* Margin utilities */
.m-l {
  margin: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.mt-l {
  margin-top: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.mr-l {
  margin-right: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.mb-l {
  margin-bottom: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.ml-l {
  margin-left: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.mx-l {
  margin-inline: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.my-l {
  margin-block: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

/* Padding utilities */
.p-l {
  padding: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.pt-l {
  padding-top: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.pr-l {
  padding-right: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.pb-l {
  padding-bottom: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.pl-l {
  padding-left: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.px-l {
  padding-inline: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

.py-l {
  padding-block: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
}

/* Margin utilities */
.m-xl {
  margin: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.mt-xl {
  margin-top: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.mr-xl {
  margin-right: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.mb-xl {
  margin-bottom: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.ml-xl {
  margin-left: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.mx-xl {
  margin-inline: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.my-xl {
  margin-block: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

/* Padding utilities */
.p-xl {
  padding: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.pt-xl {
  padding-top: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.pr-xl {
  padding-right: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.pb-xl {
  padding-bottom: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.pl-xl {
  padding-left: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.px-xl {
  padding-inline: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

.py-xl {
  padding-block: clamp(2.2rem, 2.2rem + 1.5vw, 3.5rem);
}

/* Margin utilities */
.m-xxl {
  margin: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.mt-xxl {
  margin-top: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.mr-xxl {
  margin-right: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.mb-xxl {
  margin-bottom: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.ml-xxl {
  margin-left: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.mx-xxl {
  margin-inline: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.my-xxl {
  margin-block: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

/* Padding utilities */
.p-xxl {
  padding: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.pt-xxl {
  padding-top: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.pr-xxl {
  padding-right: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.pb-xxl {
  padding-bottom: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.pl-xxl {
  padding-left: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.px-xxl {
  padding-inline: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

.py-xxl {
  padding-block: clamp(3.5rem, 3.5rem + 2vw, 6rem);
}

/* Génère
.d-block
.d-inline
.d-inline-block
.d-flex
.d-grid
*/
/* --------------------------------------------
   DISPLAY UTILITIES
--------------------------------------------- */
.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

/*
Génère
.text-center
.text-left
.text-right
.text-uppercase
*/
/* --------------------------------------------
   TEXT UTILITIES
--------------------------------------------- */
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-nowrap {
  white-space: nowrap;
}

/* ============================================================================
   UTILITIES — Animations génériques
============================================================================ */
@keyframes move-20 {
  from {
    transform: translate(0, 0) rotate(0deg);
  }
  to {
    transform: translate(20px, -20px) rotate(8deg);
  }
}
.u-anim-move-20 {
  position: relative;
}
.u-anim-move-20 > svg {
  position: absolute;
  bottom: 0;
  right: 0;
  animation: move-20 1.2s ease-out forwards;
  transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
  .anim-icon,
  .u-anim-move-20 > svg {
    animation: none;
  }
}
/* ============================================================================
   BASE
============================================================================ */
/*
:root {

  --color-white: #ffffff;
  --color-primary: var(--wp--preset--color--primary);
  --color-secondary: var(--wp--preset--color--secondary);

  --size-square-60: var(--wp--custom--square-60);
  --size-img-square-60: var(--wp--custom--image-sizes--img-square-60);

  --radius-rounded: var(--wp--custom--border-radius-50);

  --effect-heading-shadow: var(--wp--custom--heading-shadow);
  --effect-heading-border: var(--wp--custom--heading-border);
  --effect-card-shadow: var(--wp--custom--hover--card-shadow);

  --transform-origin: var(--wp--custom--transform-origin);
  --transform-hover: var(--wp--custom--transform);
  --square60: clamp(40px, 5vw, 60px);
  --imageRadius: var(--wp--custom--imageRadius);
  --header-shadow:var(--wp--custom--header-shadow);
}
*/
header {
  overflow: visible !important;
}

/*
body {

}*/
main {
  /* Remplace spacings.padding(sans, all) */
  padding: var(--wp--preset--spacing--sans);
  /*
    .entry-content{
      > .wp-block-group{
        //@include mixins.apply-content-sizes();
      }
    }*/
}

/* ============================================================================
   BASE — Navigation responsive container
============================================================================ */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: var(--navigation-layout-justification-setting, inherit);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: visible;
  padding-top: calc(2rem + 24px);
}

/* ============================================================================
   BASE — Listes
============================================================================ */
.wp-block-list.custom-marker {
  padding-left: 30px;
}
.wp-block-list.custom-marker li {
  position: relative;
  z-index: 1;
  padding: 1.2rem 0 1.2rem 20px;
}
.wp-block-list.custom-marker li::marker {
  content: "→ ";
  color: var(--wp--preset--color--white);
}
.wp-block-list.custom-marker li::before {
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--secondary);
  position: absolute;
  top: 20px;
  left: -30px;
  z-index: -1;
}
.wp-block-list.custom-marker li::after {
  width: 100%;
  position: absolute;
  left: -30px;
  bottom: -4px;
  content: "";
  border-bottom: solid 1px #d6d6d6;
}

/* ============================================================================
   BASE — Blockquote
============================================================================ */
.wp-block-quote {
  border-left: 4px solid var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--secondary-transparent, rgba(0, 0, 0, 0.03));
}
.wp-block-quote p {
  margin: 0 0 1em;
  padding-bottom: 0;
}
.wp-block-quote cite {
  margin: 0 0 1em;
  display: block;
  opacity: 0.7;
}

/* ============================================================================
   RESET
============================================================================ */
/* Debug (optionnel, à activer/désactiver selon besoin) */
/*
* {
  outline: 1px solid red;
} */
:root body :where(.wp-site-blocks) > * {
  margin-block-start: 0;
}
:root body :where(.wp-site-blocks) > .is-layout-constrained,
:root body :where(.is-layout-constrained) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
:root body :where(.wp-block-group.has-background) {
  padding: inherit;
}

/* Masquer le h1 dans le contenu de la page */
.page .entry-content h1:first-of-type {
  display: none;
}

/* ============================================================================
   TYPOGRAPHY
============================================================================ */
/* Application des mixins globales */
body {
  /* Échelle typographique basée sur les tokens WordPress */
  --font-size-xxs: var(--wp--preset--font-size--xxs);
  --font-size-xs: var(--wp--preset--font-size--xs);
  --font-size-s: var(--wp--preset--font-size--s);
  --font-size-m: var(--wp--preset--font-size--m);
  --font-size-l: var(--wp--preset--font-size--l);
  --font-size-xl: var(--wp--preset--font-size--xl);
  --font-size-xxl: var(--wp--preset--font-size--xxl);
  /* Line-height par défaut (optionnel mais recommandé) */
  --line-height-tight: 1.1;
  --line-height-normal: 1.4;
  --line-height-relaxed: 1.6;
  /* Poids typographiques (si tu les utilises) */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  /* Largeur max des paragraphes (optionnel) */
  --measure: 65ch;
}

/* Titres HTML par défaut */
h1 {
  font-size: var(--wp--preset--font-size--xxl);
}
@media (min-width: 320px) {
  h1 {
    font-size: calc(var(--wp--preset--font-size--xxl) + var(--wp--preset--font-size--xxl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: calc(var(--wp--preset--font-size--xxl) * 1.5);
  }
}

h2 {
  font-size: var(--wp--preset--font-size--xl);
}
@media (min-width: 320px) {
  h2 {
    font-size: calc(var(--wp--preset--font-size--xl) + var(--wp--preset--font-size--xl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: calc(var(--wp--preset--font-size--xl) * 1.5);
  }
}

h3 {
  font-size: var(--wp--preset--font-size--xs);
}
@media (min-width: 320px) {
  h3 {
    font-size: calc(var(--wp--preset--font-size--xs) + var(--wp--preset--font-size--xs) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h3 {
    font-size: calc(var(--wp--preset--font-size--xs) * 1.5);
  }
}

h4 {
  font-size: var(--wp--preset--font-size--xs);
}
@media (min-width: 320px) {
  h4 {
    font-size: calc(var(--wp--preset--font-size--xs) + var(--wp--preset--font-size--xs) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h4 {
    font-size: calc(var(--wp--preset--font-size--xs) * 1.5);
  }
}

h5 {
  font-size: var(--wp--preset--font-size--xs);
}
@media (min-width: 320px) {
  h5 {
    font-size: calc(var(--wp--preset--font-size--xs) + var(--wp--preset--font-size--xs) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h5 {
    font-size: calc(var(--wp--preset--font-size--xs) * 1.5);
  }
}

h6 {
  font-size: var(--wp--preset--font-size--xxs);
}
@media (min-width: 320px) {
  h6 {
    font-size: calc(var(--wp--preset--font-size--xxs) + var(--wp--preset--font-size--xxs) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  h6 {
    font-size: calc(var(--wp--preset--font-size--xxs) * 1.5);
  }
}

/* Classes utilitaires */
.heading-xxs {
  font-size: var(--wp--preset--font-size--xxs);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-xs {
  font-size: var(--wp--preset--font-size--xs);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-s {
  font-size: var(--wp--preset--font-size--s);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-m {
  font-size: var(--wp--preset--font-size--m);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-l {
  font-size: var(--wp--preset--font-size--l);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-xl {
  font-size: var(--wp--preset--font-size--xl);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

.heading-xxl {
  font-size: var(--wp--preset--font-size--xxl);
  line-height: 1.2;
  font-weight: var(--font-weight-bold, 700);
  margin: 0 0 0.5em;
  overflow-wrap: break-word;
}

/* ============================================================================
   TYPOGRAPHY — Variantes fluides (hero, section)
============================================================================ */
.hero-title {
  font-size: var(--wp--preset--font-size--xl);
}
@media (min-width: 320px) {
  .hero-title {
    font-size: calc(var(--wp--preset--font-size--xl) + var(--wp--preset--font-size--xl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  .hero-title {
    font-size: calc(var(--wp--preset--font-size--xl) * 1.5);
  }
}
.hero-title {
  overflow-wrap: break-word;
  transform: var(--wp--custom--text-biais);
  color: var(--wp--preset--color--white);
  line-height: 1.2;
}
.hero-title .last-line {
  /* Mobile */
  /* Tablet */
  /* Desktop */
}
@media (max-width: 767px) {
  .hero-title .last-line {
    font-size: calc(var(--wp--preset--font-size--xxl) * 1.3);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hero-title .last-line {
    font-size: calc(var(--wp--preset--font-size--xl) * 2);
  }
}
@media (min-width: 1200px) {
  .hero-title .last-line {
    font-size: calc(var(--wp--preset--font-size--xxl) * 2);
  }
}
.hero-title .last-line {
  color: var(--wp--preset--color--secondary);
  text-shadow: var(--wp--custom--hero-text-shadow);
}

.section-heading {
  font-size: var(--wp--preset--font-size--xl);
}
@media (min-width: 320px) {
  .section-heading {
    font-size: calc(var(--wp--preset--font-size--xl) + var(--wp--preset--font-size--xl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  .section-heading {
    font-size: calc(var(--wp--preset--font-size--xl) * 1.5);
  }
}

/* Paragraphes */
p,
.wp-block-paragraph {
  font-size: var(--wp--preset--font-size--s);
}
p,
.wp-block-paragraph {
  margin: 0 0 1em;
}

/* ============================================================================
   TYPOGRAPHY — Helpers
============================================================================ */
.center {
  text-align: center;
}

/* ============================================================================
   TYPOGRAPHY — Blockquote
============================================================================ */
.wp-block-quote p,
.wp-block-quote cite {
  font-size: var(--wp--preset--font-size--s);
}

/* ============================================================================
   TYPOGRAPHY — Blockquote
============================================================================ */
.wp-block-group.is-number .wp-block-heading {
  font-size: var(--wp--preset--font-size--xxl);
}
@media (min-width: 320px) {
  .wp-block-group.is-number .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) + var(--wp--preset--font-size--xxl) * 0.5 * (100vw - 320px) / (1440px - 320px));
  }
}
@media (min-width: 1440px) {
  .wp-block-group.is-number .wp-block-heading {
    font-size: calc(var(--wp--preset--font-size--xxl) * 1.5);
  }
}
.wp-block-group.is-number .wp-block-heading span {
  display: block;
  font-size: var(--wp--preset--font-size--s);
}

/* ===========================
   ARROW
   =========================== */
#home-1 {
  position: relative;
}
@media (min-width: 768px) {
  @keyframes item-bounce {
    0%, 100% {
      transform: rotate(0deg) translateY(0);
    }
    50% {
      transform: rotate(0deg) translateY(-20px);
    }
  }
  #home-1:hover::before {
    animation: item-bounce 1s ease-in-out infinite;
    will-change: transform;
  }
}
@media (min-width: 768px) {
  #home-1::before {
    bottom: -15%;
  }
}
#home-1::before {
  transform: rotate(360deg);
}
#home-1::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 33%;
  width: 155px;
  height: 172px;
  z-index: 10;
  background-image: url("/wp-content/themes/agreenlabo-1/assets/images/fleche-dessin.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}

/* ============================================================================
   PAGE HOME 5 — Chiffres
============================================================================ */
#home-5 {
  position: relative;
  position: relative;
}
#home-5::after {
  content: "";
  position: absolute;
  inset: 0;
  mask-image: url(/wp-content/themes/agreenlabo-1/assets/images/feuillages.svg);
  -webkit-mask-image: url(/wp-content/themes/agreenlabo-1/assets/images/feuillages.svg);
  mask-repeat: repeat;
  -webkit-mask-repeat: repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: cover;
  -webkit-mask-size: cover;
  background-color: #008063;
  pointer-events: none;
  z-index: 0;
}
#home-5 > * {
  position: relative;
  z-index: 1;
}
#home-5::before {
  background-color: var(--wp--preset--color--secondary);
  filter: brightness(calc(100% - 15%));
}

/* ============================================================================
   PAGE HOME — Bloc slogan
============================================================================ */
#home-1.is-style-hero .wp-block-heading {
  text-align: center;
}

#home-2 .wp-block-columns .wp-block-column, #home-6 .wp-block-columns .wp-block-column {
  justify-content: center;
}

/* ============================================================================
   PAGE HOME — Bloc services (home-3)
============================================================================ */
#home-3 {
  /* Images maskées : couleurs par défaut */
  /* Masques spécifiques */
}
#home-3 .is-style-block-card:nth-child(odd) .wp-block-image.is-mask img,
#home-3 .is-style-block-card:nth-child(even) .wp-block-image.is-mask img {
  background-color: var(--wp--preset--color--white);
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(1) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(2) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(3) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(4) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}

/* ============================================================================
   PAGE HOME — Grilles auto-fit génériques
============================================================================ */
/*
:not(#home-3, #home-4, #home-5)
  [class*="is-block-"]
  .is-layout-grid.is-auto-fit {

  @media (max-width: 1199px) {
    --auto-fit-min: 240px;
  }

  @media (min-width: 1200px) {
    --auto-fit-min: 300px;
  }
}*/
/* ============================================================================
   PAGE HOME 3 — Grille auto-fit
============================================================================ */
/*
#home-3 {
  .is-layout-grid.is-auto-fit {
    @media (max-width: 1199px) {
      --auto-fit-min: 300px;
    }

    @media (min-width: 1200px) {
      --auto-fit-min: 220px;
    }
  }
}*/
/* ============================================================================
   PAGE HOME 4 — Grille auto-fit
============================================================================ */
@media (max-width: 1199px) {
  #home-4 .is-layout-grid.is-auto-fit {
    --auto-fit-min: 240px;
  }
}
@media (min-width: 1200px) {
  #home-4 .is-layout-grid.is-auto-fit {
    --auto-fit-min: 300px;
  }
}

.home .wp-site-blocks #home-2.wp-block-columns.is-block-2 .wp-block-group .wp-block-column.is-block-picture {
  display: flex;
  justify-content: center;
}

/* ============================================================================
   PAGE HOME 5 — Grille 3 colonnes
============================================================================ */
#home-5 {
  max-height: 620px;
}

#home-5 .is-block-0.is-layout-grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 767px) {
  #home-5 .is-block-0.is-layout-grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 768px) {
  #home-5 .is-block-0.is-layout-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

#home-3 .is-style-block-card:nth-child(odd) .wp-block-image.is-mask img,
#home-3 .is-style-block-card:nth-child(even) .wp-block-image.is-mask img {
  background-color: var(--wp--preset--color--white);
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(1) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(2) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(3) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}
#home-3 .is-style-block-card .wp-block-image.is-mask:nth-child(4) img {
  -webkit-mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
          mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
}

/*

// ============================================================================
// Image des masques
// ============================================================================

#home-3{
// ============================================================================
// Bloc services
// ============================================================================
  .is-style-block-card:nth-child(odd) {
    .wp-block-image.is-mask img{
      background-color: var(--wp--preset--color--white);
    }
  } 
  .is-style-block-card:nth-child(even){
    .wp-block-image.is-mask img{
      background-color: var(--wp--preset--color--white);
    } 
  } 
  .is-style-block-card .wp-block-image.is-mask:nth-child(1) img{ 
    mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
  }
  .is-style-block-card .wp-block-image.is-mask:nth-child(2) img{ 
    mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
  }
  .is-style-block-card .wp-block-image.is-mask:nth-child(3) img{ 
    mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
  }
  .is-style-block-card .wp-block-image.is-mask:nth-child(4) img{ 
    mask: var(--wp--custom--backgrounds--home-picto-1) no-repeat center;
  }
}*//*# sourceMappingURL=main.css.map */