/* ======================================================================================================================================================
   COLLECTIONS – GRILLE ÉDITORIALE (3 colonnes / section 4 colonnes)
   ====================================================================================================================================================== */

/* Section : hauteur pilotée par le contenu (évite le vide avant le footer) */
section[data-section-id="696abd01e1d862206d905143"] {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 80px;
}

/* Fluid Engine : lignes en hauteur auto pour que la section se réduise avec le contenu */
section[data-section-id="696abd01e1d862206d905143"] [class^="fe-696abd012586340b3c16d2d4"], section[data-section-id="696abd01e1d862206d905143"] .fluid-engine {
  grid-template-rows: repeat(8, minmax(0, auto)) !important;
}

/* Titre */
section[data-section-id="696abd01e1d862206d905143"] .summary-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  text-transform: uppercase;
  color: var(--brown);
  font-family: "Presicav", serif !important;
  font-size: 8px !important;
  letter-spacing: 0.15em !important;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-title .gm-swatches {
  margin-top: 0;
  display: inline-flex;
  gap: 8px;
}

/* Masquer l’excerpt vide */
section[data-section-id="696abd01e1d862206d905143"] .summary-excerpt,
section[data-section-id="696abd01e1d862206d905143"] .summary-excerpt-only {
  display: none !important;
}

/* ======================
   GRID PRINCIPALE
   ====================== */

section[data-section-id="696abd01e1d862206d905143"] .summary-item-list {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(200px, auto);
  gap: 10px;
  align-items: stretch;
}

/* Neutralisation Squarespace */
section[data-section-id="696abd01e1d862206d905143"] .summary-item {
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0;
}

/* ======================
   LAYOUT PAR DÉFAUT
   3 COLONNES = 100 %
   ====================== */

section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item {
  grid-column: span 4;
}

/* ======================
   SECTION SPÉCIALE – GRILLE 4 COLONNES
   Items 7 → 11
   ====================== */

/* Gauche – ligne 1 */
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(7),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(18),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(29),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(40),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(51),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(62),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(73),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(84)
{
  grid-column: 1 / span 3;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(8),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(19),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(30),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(41),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(52),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(63),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(74),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(85) {
  grid-column: 4 / span 3;
}

/* HERO – droite (2 colonnes × 2 lignes) */
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(9),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(20),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(31),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(42),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(53),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(64),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(75),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(86) {
  grid-column: 7 / span 6;
  grid-row: span 2;
}

/* Gauche – ligne 2 */
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(10), 
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(21),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(32),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(43),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(54),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(65),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(76),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(87) 
{
  grid-column: 1 / span 3;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(11),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(22),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(33),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(44),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(55),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(66),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(77),
section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item:nth-child(88) {
  grid-column: 4 / span 3;
}

/* ======================
   THUMBNAILS – même hauteur de row, éléments pleine hauteur
   ====================== */

section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-container,
section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-outer-container {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-container a,
section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-outer-container a {
  flex: 1;
  min-height: 0;
  display: block;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-container img,
section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail-outer-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* // fix filter dynamic width/height */
section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail  {
  width: 100% !important;
  height: 100% !important;
}

section[data-section-id="696abd01e1d862206d905143"] .summary-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  inset: 0 !important ;
}

/* ======================
   MOBILE – RESET LAYOUT
   ====================== */

@media (max-width: 767px) {
  section[data-section-id="696abd01e1d862206d905143"] .summary-item-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  section[data-section-id="696abd01e1d862206d905143"] .summary-item-list>.summary-item {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  section[data-section-id="696abd01e1d862206d905143"] .summary-item-list.gm-filter-active {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* Padding horizontal + hauteur min titre : harmonise les cartes en 2 colonnes */
  section[data-section-id="696abd01e1d862206d905143"] .summary-title {
    min-height: 5.8em !important;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}

/* ======================
   SWATCHES
   ====================== */

section[data-section-id="696abd01e1d862206d905143"] .gm-swatches {
  display: inline-flex;
  gap: 8px;
  margin-top: 8px;
}

@media (max-width: 767px) {
  section[data-section-id="696abd01e1d862206d905143"] .summary-title .gm-swatches,
  section[data-section-id="696abd01e1d862206d905143"] .gm-swatches {
    flex-wrap: wrap;
  }
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch {
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  border-radius: 0;
  background: transparent;
}

/* Mapping couleurs – toutes les variables --diamond-color-* (ordre alphabétique) + fallback hex si variables.css absent */
section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="ambre"] {
  background: var(--diamond-color-or, #ffd700);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="argent"] {
  background: var(--diamond-color-argent, #c0c0c0);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="avocat"] {
  background: var(--diamond-color-avocat, #568203);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="beige"] {
  background: var(--diamond-color-beige, #f5f5dc);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="ble"] {
  background: var(--diamond-color-ble, #a4c2f4);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="bleu"] {
  background: var(--diamond-color-bleu, #0000ff);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="blanc"] {
  background: var(--diamond-color-blanc, #ffffff);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="bordeaux"] {
  background: var(--diamond-color-bordeaux, #800020);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="bordeaux-fonce"] {
  background: var(--diamond-color-bordeaux-fonce, #5a0f2e);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="brun"] {
  background: var(--diamond-color-brun, #8b4513);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="brun-bois-brule"] {
  background: var(--diamond-color-brun-bois-brule, #5a2d0c);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="brun-terre"] {
  background: var(--diamond-color-brun-terre, #a0522d);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="chocolat"] {
  background: var(--diamond-color-chocolat, #654321);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="ciel"] {
  background: var(--diamond-color-ciel, #87ceeb);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="cognac"] {
  background: var(--diamond-color-cognac, #c68642);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="corail"] {
  background: var(--diamond-color-rose-etrusque, #e6b8af);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="grenat"] {
  background: var(--diamond-color-bordeaux-fonce, #5a0f2e);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="grege"] {
  background: var(--diamond-color-grege, #d9d2c3);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="indigo"] {
  background: var(--diamond-color-violet, #ee82ee);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="ivoire"] {
  background: var(--diamond-color-jaune-clair, #ffd966);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="jaune"] {
  background: var(--diamond-color-jaune, #ffd966);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="jaune-clair"] {
  background: var(--diamond-color-jaune-clair, #ffd966);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="jaune-paille"] {
  background: var(--diamond-color-jaune-paille, #f1c232);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="lin"] {
  background: var(--diamond-color-lin, #faf0e6);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="miel"] {
  background: var(--diamond-color-miel, #ffd966);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="noir"] {
  background: var(--diamond-color-noir, #000000);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="olive"] {
  background: var(--diamond-color-olive, #808000);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="or"] {
  background: var(--diamond-color-or, #ffd700);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose"] {
  background: var(--diamond-color-rose, #e06666);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-brun-terre"] {
  background: var(--diamond-color-rose-brun-terre, #c27ba0);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-etrusque"] {
  background: var(--diamond-color-rose-etrusque, #e6b8af);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-fonce"] {
  background: var(--diamond-color-rose-fonce, #cc0000);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-pale"] {
  background: var(--diamond-color-rose-pale, #f4cccc);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-pale-brun-terre"] {
  background: var(--diamond-color-rose-pale-brun-terre, #e6b8af);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rose-terre"] {
  background: var(--diamond-color-rose-terre, #d5a6bd);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="rouge"] {
  background: var(--diamond-color-rouge, #cc0000);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="sable"] {
  background: var(--diamond-color-sable, #d2b48c);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="sapin"] {
  background: var(--diamond-color-sapin, #556b2f);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="sauge"] {
  background: var(--diamond-color-sauge, #9acd32);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="tabac"] {
  background: var(--diamond-color-tabac, #8b5a2b);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="terre"] {
  background: var(--diamond-color-brun-terre, #a0522d);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="tournesol"] {
  background: var(--diamond-color-tournesol, #f4c430);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="transparent"] {
  background: var(--diamond-color-transparent, #ffffff);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert"] {
  background: var(--diamond-color-vert, #008000);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert-clair"] {
  background: var(--diamond-color-vert-clair, #7cfc00);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert-fonce"] {
  background: var(--diamond-color-vert-fonce, #006400);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert-gazon"] {
  background: var(--diamond-color-vert-gazon, #3cb371);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert-kaki"] {
  background: var(--diamond-color-vert-kaki, #556b2f);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vert-prairie"] {
  background: var(--diamond-color-vert-prairie, #9acd32);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vieux-rose"] {
  background: var(--diamond-color-vieux-rose, #c27ba0);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="vigne"] {
  background: var(--diamond-color-vigne, #722f37);
}

section[data-section-id="696abd01e1d862206d905143"] .gm-swatch[data-color="violet"] {
  background: var(--diamond-color-violet, #ee82ee);
}

/* Filtre visuel : masquer les items qui ne correspondent pas au filtre actif */
section[data-section-id="696abd01e1d862206d905143"] .summary-item.gm-filter-hidden {
  display: none !important;
}

/* Grille dynamique quand un filtre est actif : 3 colonnes sur desktop uniquement (mobile = 2 colonnes) */
@media (min-width: 768px) {
  section[data-section-id="696abd01e1d862206d905143"] .summary-item-list.gm-filter-active {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  section[data-section-id="696abd01e1d862206d905143"] .summary-item-list.gm-filter-active>.summary-item {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* ======================
   FILTRES (gm-filterbar) – section 697e19388832206a924322ee
   Block: filters.html – style identique à la page collaboration
   Titre: Presicav 8px uppercase | Filtres: Henry 12px, hover italic | tout sur une ligne
   ====================== */

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: clamp(10px, 3vw, 40px);
  white-space: nowrap;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__label {
  flex: 0 0 auto;
  color: var(--oasis-bordeaux);
  font-family: "Presicav", serif !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__rail {
  flex: 1 1 auto;
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  min-width: 0;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__rail::-webkit-scrollbar {
  display: none;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item {
  display: inline-block;
  position: relative;
  padding: 0 14px 0 0;
  font-family: "Henry", serif;
  font-size: 17px !important;
  line-height: 1.05;
  text-decoration: none;
  color: var(--oasis-bordeaux);
  white-space: nowrap;
  width: max-content;
}

/* Twin spans : normal dans le flux, italic en overlay au hover */
section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item .text-normal {
  position: relative;
  display: inline-block;
  font-style: normal;
  opacity: 1;
  z-index: 2;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item .text-italic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-style: italic;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item:hover .text-normal {
  opacity: 0;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item:hover .text-italic {
  opacity: 1;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item::after {
  content: ", ";
  opacity: 0.9;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item:last-child::after {
  content: "";
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item.is-active {
  font-style: italic;
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item.is-active .text-normal {
  font-style: italic;
}

@media (max-width: 767px) {
  section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__label {
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
  }

  section[data-section-id="697e19388832206a924322ee"] .gm-filterbar__item {
    font-size: 15px !important;
  }
}


/* Thème bright (section claire) */
section[data-section-id="697e19388832206a924322ee"][data-section-theme="bright"] .gm-filterbar__label,
section[data-section-id="697e19388832206a924322ee"][data-section-theme="bright"] .gm-filterbar__item {
  color: var(--oasis-bordeaux);
}

/* Thème dark (section sombre) */
section[data-section-id="697e19388832206a924322ee"][data-section-theme="dark"] .gm-filterbar__label,
section[data-section-id="697e19388832206a924322ee"][data-section-theme="dark"] .gm-filterbar__item {
  color: var(--oasis-beige) !important;
}

section[data-section-id="697e19388832206a924322ee"].dark .gm-filterbar__label,
section[data-section-id="697e19388832206a924322ee"].dark .gm-filterbar__item {
  color: var(--oasis-beige) !important;
}