/* Full-bleed quand alignfull */
.wp-block-inspiration-slider.alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* Variables du composant (radius piloté en CSS) */
.wp-block-inspiration-slider {
  --slider-gap: clamp(12px, 2vw, 28px);
  --slider-pointer-color: var(--wp--preset--color--base);
  --slider-radius: var(--wp--custom--radius--l);
}

/* Padding interne (place pour la pagination + légende en bas) 
.wp-block-inspiration-slider .swiper {
  padding: 0 var(--slider-gap) 64px;
} */

/* Slides dimensionnées en CSS pour utiliser slidesPerView:'auto' */
.wp-block-inspiration-slider .swiper-slide {
  width: clamp(260px, 62vw, 980px);
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  transition: transform 0.35s ease, opacity 0.35s ease, filter 0.35s ease;
  opacity: 0.3;
  transform: scale(0.92);
  filter: saturate(0.75);
}
@media (min-width: 720px) {
  .wp-block-inspiration-slider .swiper-slide {
    width: min(76vw, 980px);
  }
}
@media (min-width: 1100px) {
  .wp-block-inspiration-slider .swiper-slide {
    width: min(62vw, 1100px);
  }
}

/* Image en SVG clippée avec flèche intégrée */
.wp-block-inspiration-slider .media-svg {
  display: block;
  width: 100%;
  height: auto;
}

/* Mise en avant de la slide active / voisines */
.wp-block-inspiration-slider .swiper-slide-active {
  opacity: 1;
  transform: scale(1);
  filter: none;
}
.wp-block-inspiration-slider .swiper-slide-next,
.wp-block-inspiration-slider .swiper-slide-prev {
  opacity: 0.8;
  transform: scale(0.96);
}

/* Pagination */
.wp-block-inspiration-slider .swiper-pagination {
  position: static;
  margin-top: 10px;
}
.wp-block-inspiration-slider .swiper-pagination-bullet {
  opacity: 1;
}
.wp-block-inspiration-slider .swiper-pagination-bullet-active {
  background: var(--inspiration-accent) !important;
}

/* Légende globale SOUS les puces */
.wp-block-inspiration-slider .swiper-caption {
  max-width: min(80ch, 92%);
  margin: 8px auto 0;
  text-align: center;
  font-size: 0.95rem;
  opacity: 0.9;
}
/* On cache les légendes internes aux slides */
.wp-block-inspiration-slider .swiper-slide .caption {
  display: none;
}

/* Flèches */
.wp-block-inspiration-slider .swiper-button-prev,
.wp-block-inspiration-slider .swiper-button-next {
  --swiper-navigation-color: var(--inspiration-accent);
}
/* Inactives */
.wp-block-inspiration-slider .swiper-pagination-bullet {
  background-color: var(--wp--preset--color--accent-5) !important;
  opacity: 1; /* optionnel : pour éviter qu'elles soient trop pâles */
}
.wp-block-inspiration-slider .swiper-pagination-bullet-active {
  background: var(--inspiration-accent) !important;
}

.swiper-pagination-bullet {
  width: 19px !important;
  height: 19px !important;
}

.wp-block-inspiration-slider .swiper,
.wp-block-inspiration-slider .swiper-wrapper,
.wp-block-inspiration-slider .swiper-slide {
  overflow: visible;
}

/* Opacités pilotables */
/* .wp-block-inspiration-slider {
  --opacity-inactive: 0.25; /* très loin 
  --opacity-side: 0.2; /* juste à côté de l'active 
} */

/* valeur par défaut pour TOUTES les slides */
.wp-block-inspiration-slider .swiper .swiper-wrapper .swiper-slide {
  /* opacity: var(--opacity-inactive); */
  transition: opacity 0.35s, transform 0.35s, filter 0.35s;
}

/* slide active */
.wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  opacity: 1;
}

/* voisines (inclure les duplicates quand loop=true) */
/* .wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-prev,
.wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-next,
.wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-duplicate-prev,
.wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-duplicate-next {
  opacity: var(--opacity-side);
} */

/* option : teinte/désaturation pour renforcer l’effet */
.wp-block-inspiration-slider .swiper .swiper-wrapper .swiper-slide {
  filter: saturate(0.75);
}
.wp-block-inspiration-slider
  .swiper
  .swiper-wrapper
  .swiper-slide.swiper-slide-active {
  filter: none;
}
@media (max-width: 25em) {
  .inspiration-slider {
    padding-top: 18rem;
    padding-bottom: var(--wp--preset--spacing--xs);
  }
  .single-inspiration .wp-site-blocks .contenu .inspiration-slider {
    padding-top: 6rem;
    padding-bottom: var(--wp--preset--spacing--xs);
  }
  .wp-block-inspiration-slider .swiper-slide {
    width: 100%;
  }
  .swiper {
    padding-bottom: 0 !important;
  }
}
@media (min-width: 25.000001em) {
  .inspiration-slider {
    padding-top: 12rem;
    padding-bottom: 1rem;
    overflow: hidden;
  }
  .single-inspiration .wp-site-blocks .contenu .inspiration-slider,
  .single-realisation .wp-site-blocks .contenu .inspiration-slider {
    padding-top: 8rem !important;
    padding-bottom: var(--wp--preset--spacing--xs);
  }
}
/* === Fix flèches Chrome: remplacer l'icône font par des chevrons SVG via mask === */
.wp-block-inspiration-slider .swiper-button-prev,
.wp-block-inspiration-slider .swiper-button-next {
  /* On force l’utilisation de la couleur d’accent du composant */
  color: var(--inspiration-accent) !important;
  /* S’assure que les boutons restent au-dessus et cliquables */
  z-index: 3;
  pointer-events: auto;
  top: 50%; /* placer à la moitié du conteneur */
  transform: translateY(-50%); /* recentrer exactement */
  position: absolute;
}

/* On neutralise l’icône police de Swiper */
.wp-block-inspiration-slider .swiper-button-prev::after,
.wp-block-inspiration-slider .swiper-button-next::after {
  content: "";
  display: block;
  width: 54px !important; /* ajuste si besoin */
  height: 97px !important; /* ajuste si besoin */
  background: currentColor;
  border-radius: var(--wp--custom--radius--s);

  /* Chrome/Safari */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  /* Firefox/standards */
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  /* On évite la police d’icônes Swiper */
  font-family: initial !important;
}

/* Flèche gauche (prev) */
@media (max-width: 48em) {
  .wp-block-inspiration-slider .swiper-button-prev::after,
  .wp-block-inspiration-slider .swiper-button-next::after {
    width: 16px !important; /* largeur du SVG */
    height: 16px !important;
  }
}
.wp-block-inspiration-slider .swiper-button-prev::after {
  content: "";
  display: block;
  width: 54px !important; /* largeur du SVG */
  height: 97px !important; /* hauteur du SVG */
  background: currentColor;

  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%2254%22%20height=%2297%22%20viewBox=%220%200%2054%2097%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M47.1122%2096.1592C45.5785%2096.1611%2044.1043%2095.5657%2043.0022%2094.4992L3.52217%2056.4292C2.40849%2055.3589%201.52246%2054.0747%200.917217%2052.6536C0.311978%2051.2325%200%2049.7038%200%2048.1592C0%2046.6146%200.311978%2045.0859%200.917217%2043.6648C1.52246%2042.2437%202.40849%2040.9595%203.52217%2039.8892L43.0022%201.81922C43.5536%201.24504%2044.2152%200.787993%2044.9474%200.475411C45.6796%200.162829%2046.4673%200.00113668%2047.2634%205.97157e-06C48.0595%20-0.00112474%2048.8477%200.15833%2049.5808%200.46883C50.3138%200.779331%2050.9767%201.2345%2051.5298%201.80711C52.0829%202.37972%2052.5148%203.058%2052.7998%203.80138C53.0847%204.54477%2053.2167%205.33798%2053.188%206.13358C53.1593%206.92917%2052.9704%207.7108%2052.6326%208.43171C52.2948%209.15261%2051.8151%209.79798%2051.2222%2010.3292L12.0022%2048.1592L51.2222%2085.9892C52.0727%2086.807%2052.6589%2087.8607%2052.9054%2089.0146C53.1519%2090.1685%2053.0473%2091.3697%2052.6052%2092.4636C52.1632%2093.5576%2051.4037%2094.4942%2050.4248%2095.1528C49.4458%2095.8114%2048.2921%2096.1619%2047.1122%2096.1592Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%2254%22%20height=%2297%22%20viewBox=%220%200%2054%2097%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M47.1122%2096.1592C45.5785%2096.1611%2044.1043%2095.5657%2043.0022%2094.4992L3.52217%2056.4292C2.40849%2055.3589%201.52246%2054.0747%200.917217%2052.6536C0.311978%2051.2325%200%2049.7038%200%2048.1592C0%2046.6146%200.311978%2045.0859%200.917217%2043.6648C1.52246%2042.2437%202.40849%2040.9595%203.52217%2039.8892L43.0022%201.81922C43.5536%201.24504%2044.2152%200.787993%2044.9474%200.475411C45.6796%200.162829%2046.4673%200.00113668%2047.2634%205.97157e-06C48.0595%20-0.00112474%2048.8477%200.15833%2049.5808%200.46883C50.3138%200.779331%2050.9767%201.2345%2051.5298%201.80711C52.0829%202.37972%2052.5148%203.058%2052.7998%203.80138C53.0847%204.54477%2053.2167%205.33798%2053.188%206.13358C53.1593%206.92917%2052.9704%207.7108%2052.6326%208.43171C52.2948%209.15261%2051.8151%209.79798%2051.2222%2010.3292L12.0022%2048.1592L51.2222%2085.9892C52.0727%2086.807%2052.6589%2087.8607%2052.9054%2089.0146C53.1519%2090.1685%2053.0473%2091.3697%2052.6052%2092.4636C52.1632%2093.5576%2051.4037%2094.4942%2050.4248%2095.1528C49.4458%2095.8114%2048.2921%2096.1619%2047.1122%2096.1592Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Flèche droite (next) */
.wp-block-inspiration-slider .swiper-button-next::after {
  content: "";
  display: block;
  width: 54px !important;
  height: 97px !important;
  background: currentColor;

  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%2254%22%20height=%2297%22%20viewBox=%220%200%2054%2097%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M6.07973%2096.1592C7.61341%2096.1611%209.08755%2095.5657%2010.1897%2094.4992L49.6697%2056.4292C50.7834%2055.3589%2051.6694%2054.0747%2052.2747%2052.6536C52.8799%2051.2325%2053.1919%2049.7038%2053.1919%2048.1592C53.1919%2046.6146%2052.8799%2045.0859%2052.2747%2043.6648C51.6694%2042.2437%2050.7834%2040.9595%2049.6697%2039.8892L10.1897%201.81922C9.63825%201.24504%208.97665%200.787993%208.24447%200.475411C7.51229%200.162829%206.72459%200.00113668%205.92847%205.97157e-06C5.13236%20-0.00112474%204.3442%200.15833%203.61114%200.46883C2.87807%200.779331%202.21517%201.2345%201.66207%201.80711C1.10898%202.37972%200.677051%203.058%200.392143%203.80138C0.107235%204.54477%20-0.0248076%205.33798%200.00391388%206.13358C0.0326354%206.92917%200.221533%207.7108%200.559303%208.43171C0.897073%209.15261%201.37678%209.79798%201.96973%2010.3292L41.1897%2048.1592L1.96973%2085.9892C1.11923%2086.807%200.532998%2087.8607%200.286507%2089.0146C0.0400156%2090.1685%200.14455%2091.3697%200.586647%2092.4636C1.02874%2093.5576%201.78817%2094.4942%202.76714%2095.1528C3.74612%2095.8114%204.89983%2096.1619%206.07973%2096.1592Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;

  mask-image: url("data:image/svg+xml;utf8,%3Csvg%20width=%2254%22%20height=%2297%22%20viewBox=%220%200%2054%2097%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%20%3Cpath%20d=%22M6.07973%2096.1592C7.61341%2096.1611%209.08755%2095.5657%2010.1897%2094.4992L49.6697%2056.4292C50.7834%2055.3589%2051.6694%2054.0747%2052.2747%2052.6536C52.8799%2051.2325%2053.1919%2049.7038%2053.1919%2048.1592C53.1919%2046.6146%2052.8799%2045.0859%2052.2747%2043.6648C51.6694%2042.2437%2050.7834%2040.9595%2049.6697%2039.8892L10.1897%201.81922C9.63825%201.24504%208.97665%200.787993%208.24447%200.475411C7.51229%200.162829%206.72459%200.00113668%205.92847%205.97157e-06C5.13236%20-0.00112474%204.3442%200.15833%203.61114%200.46883C2.87807%200.779331%202.21517%201.2345%201.66207%201.80711C1.10898%202.37972%200.677051%203.058%200.392143%203.80138C0.107235%204.54477%20-0.0248076%205.33798%200.00391388%206.13358C0.0326354%206.92917%200.221533%207.7108%200.559303%208.43171C0.897073%209.15261%201.37678%209.79798%201.96973%2010.3292L41.1897%2048.1592L1.96973%2085.9892C1.11923%2086.807%200.532998%2087.8607%200.286507%2089.0146C0.0400156%2090.1685%200.14455%2091.3697%200.586647%2092.4636C1.02874%2093.5576%201.78817%2094.4942%202.76714%2095.1528C3.74612%2095.8114%204.89983%2096.1619%206.07973%2096.1592Z%22%20fill=%22black%22/%3E%20%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}