/* Page /new-astre — grille archive, filtres, intro */

.new-astre-page {
  --new-astre-grid-radius: 9999px;
  --new-astre-grid-gap-col: 0.5rem;
  --new-astre-grid-gap-row: 3rem;
  --new-astre-cell-height: 13rem;
  --new-astre-cell-padding-y: 4rem;
  --new-astre-cell-font-size: var(--text-4xl, 2.4rem);
  --new-astre-cell-line-height: 1.28;
  --new-astre-desc-size: var(--text-xl, 1.25rem);
  --new-astre-desc-leading: var(--text-xl--line-height, 1.25);
  --new-astre-filters-grid-gap: 7.5rem;
  --new-astre-filter-font-family: "David", serif;
  color: var(--new-astre-text, inherit);
}

/* Introduction : pas de padding latéral en plus (aligné logo / filtres / grille) */
.new-astre-intro {
  width: 100%;
}

.new-astre-intro .layout-section {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.new-astre-intro .layout-section:not(:last-child) {
  padding-bottom: 2rem !important;
}

.new-astre-intro .layout-section:last-child {
  padding-bottom: 2.5rem !important;
}

.new-astre-intro .layout-grid,
.new-astre-intro .layout-grid.max-w-6xl,
.new-astre-intro .kirby-inner-grid {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.new-astre-intro .max-w-copy {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Filtres : 1fr + 3fr (même ratio 1:3) ; bord droit description = bord droit grille */
.new-astre-page .new-astre-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) !important;
  column-gap: var(--new-astre-grid-gap-col);
  row-gap: var(--new-astre-filters-grid-gap);
  width: 100%;
  align-items: start;
}

/* display:contents → évite la grille 12 col. de main.css sur .ressources-theme-filters-grid */
.new-astre-page .new-astre-filters-row.ressources-theme-filters-grid {
  display: contents;
}

.new-astre-page .new-astre-filters-row .ressources-theme-filter-col {
  grid-column: 1 !important;
  grid-row: 1;
  width: 100%;
  min-width: 0;
}

.new-astre-page .new-astre-filters-row .new-astre-category-desc-col {
  grid-column: 2 !important;
  grid-row: 1;
  min-width: 0;
  width: 100%;
  max-width: none;
  padding-right: 0;
}

.new-astre-page .new-astre-filters-row .ressources-dropdown {
  width: 100%;
}

/* Liste déroulée dans le flux : pousse la grille sans chevauchement */
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.new-astre-page .ressources-dropdown[open] .ressources-dropdown-list {
  display: block;
}

/* Filtres : David (priorité Caliste dans main.css) */
.new-astre-page .new-astre-filters-row .ressources-dropdown,
.new-astre-page .new-astre-filters-row .ressources-dropdown-summary,
.new-astre-page .new-astre-filters-row .ressources-dropdown-label,
.new-astre-page .new-astre-filters-row .ressources-dropdown-arrow,
.new-astre-page .new-astre-filters-row .ressources-dropdown-list,
.new-astre-page .new-astre-filters-row .ressources-dropdown-list li,
.new-astre-page .new-astre-filters-row .ressources-dropdown-list li button,
.new-astre-page .new-astre-filters-row .ressources-dropdown-list li a {
  font-family: var(--new-astre-filter-font-family) !important;
  letter-spacing: var(--tracking-tight, -0.025em);
  text-wrap: balance;
}

/* Filtres : fond panel (token filtre) ; texte = couleur page bg + logique d’opacité (aligné annonces) */
.new-astre-page [data-new-astre-filters] .ressources-dropdown-label,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list {
  background: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
  background-color: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
  border-color: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
  opacity: 1 !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-label {
  color: var(--page-bg, #ffffff) !important;
  -webkit-text-fill-color: var(--page-bg, #ffffff) !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow {
  color: var(--page-bg, #ffffff) !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow svg,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow svg path {
  fill: var(--page-bg, #ffffff) !important;
  color: inherit !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a {
  color: var(--page-bg, #ffffff) !important;
  -webkit-text-fill-color: var(--page-bg, #ffffff) !important;
  opacity: 0.55 !important;
  background-color: transparent !important;
  border-color: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
  transition: opacity 160ms ease, color 160ms ease, background-color 120ms ease;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li button,
.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li a {
  color: var(--page-bg, #ffffff) !important;
  -webkit-text-fill-color: var(--page-bg, #ffffff) !important;
  background-color: transparent !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button:hover,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a:hover,
.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li button:hover,
.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li a:hover {
  opacity: 1 !important;
  color: var(--page-bg, #000000) !important;
  background-color: #ffffff !important;
  -webkit-text-fill-color: var(--page-bg, #000000) !important;
  border-color: #ffffff !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a::after,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button::after {
  background-image: none !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2221%22%20viewBox%3D%220%200%2029%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M28%2013V14H29V13H28ZM0.292893%2012.2929C-0.0976311%2012.6834%20-0.0976311%2013.3166%200.292893%2013.7071L6.65685%2020.0711C7.04738%2020.4616%207.68054%2020.4616%208.07107%2020.0711C8.46159%2019.6805%208.46159%2019.0474%208.07107%2018.6569L2.41421%2013L8.07107%207.34315C8.46159%206.95262%208.46159%206.31946%208.07107%205.92893C7.68054%205.53841%207.04738%205.53841%206.65685%205.92893L0.292893%2012.2929ZM28%200H27V13H28H29V0H28ZM28%2013V12H1V13V14H28V13Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2221%22%20viewBox%3D%220%200%2029%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M28%2013V14H29V13H28ZM0.292893%2012.2929C-0.0976311%2012.6834%20-0.0976311%2013.3166%200.292893%2013.7071L6.65685%2020.0711C7.04738%2020.4616%207.68054%2020.4616%208.07107%2020.0711C8.46159%2019.6805%208.46159%2019.0474%208.07107%2018.6569L2.41421%2013L8.07107%207.34315C8.46159%206.95262%208.46159%206.31946%208.07107%205.92893C7.68054%205.53841%207.04738%205.53841%206.65685%205.92893L0.292893%2012.2929ZM28%200H27V13H28H29V0H28ZM28%2013V12H1V13V14H28V13Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a:hover::after,
.new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button:hover::after {
  opacity: 1 !important;
  background-color: currentColor !important;
}

/* Description : toujours lisible sur le fond coloré de la page.
   --new-astre-desc-text peut être surchargé ; sinon blanc fixe (fond toujours foncé). */
.new-astre-page .new-astre-category-desc-col,
.new-astre-page .new-astre-category-desc,
.new-astre-page .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc__text p,
.new-astre-page .new-astre-category-desc__text li {
  color: var(--new-astre-desc-text, var(--fixed-white, #ffffff)) !important;
  -webkit-text-fill-color: var(--new-astre-desc-text, var(--fixed-white, #ffffff)) !important;
}

/* Descriptions de catégorie : plus petit que le libellé du filtre (text-xl) */
.new-astre-page .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc__text p,
.new-astre-page .new-astre-category-desc__text li {
  font-size: var(--new-astre-desc-size) !important;
  line-height: var(--new-astre-desc-leading) !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow svg {
  width: 15px;
  height: auto;
}

.new-astre-page .new-astre-category-desc-col {
  display: block;
  max-width: none;
  padding-left: 0;
}

.new-astre-page .new-astre-category-desc,
.new-astre-page .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc__text p {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.new-astre-page .new-astre-category-desc.copy,
.new-astre-page .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc__text p {
  text-align: left;
  text-wrap: wrap !important;
  text-transform: none !important;
}

@media (max-width: 1023px) {
  .new-astre-page .new-astre-filters-row .new-astre-category-desc-col {
    grid-column: 2 !important;
  }
}

@media (max-width: 639px) {
  .new-astre-page .new-astre-body {
    grid-template-columns: 1fr !important;
    row-gap: 1.25rem;
  }

  .new-astre-page .new-astre-filters-row .ressources-theme-filter-col,
  .new-astre-page .new-astre-filters-row .new-astre-category-desc-col {
    grid-column: 1 !important;
  }

  .new-astre-page .new-astre-filters-row .new-astre-category-desc-col {
    grid-row: 2;
    padding-top: 0.75rem;
  }

  .new-astre-page .new-astre-grid {
    grid-column: 1 / -1 !important;
    grid-row: auto;
    margin-top: 0;
  }

  .new-astre-page .ressources-dropdown-list {
    width: 100% !important;
  }
}

/* Description : occupe toute la colonne (pas de balance / max-width copy) */
.new-astre-page .new-astre-category-desc.copy {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.new-astre-page .new-astre-category-desc.copy > .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc.copy > div {
  width: 100% !important;
  max-width: 100% !important;
}

.new-astre-page .new-astre-category-desc__text,
.new-astre-page .new-astre-category-desc__text p,
.new-astre-page .new-astre-category-desc__text li,
.new-astre-page .new-astre-category-desc.copy > h2 {
  margin: 0;
  color: inherit;
}

.new-astre-page .new-astre-category-desc.has-indent .new-astre-category-desc__text p,
.new-astre-page .new-astre-category-desc.has-indent > .new-astre-category-desc__text:first-child p,
.new-astre-page .new-astre-category-desc.has-indent .new-astre-category-desc__text > p:first-child {
  text-indent: 15%;
}

/* Surcharge Caliste : main.css L1519 / L1599 */
.new-astre-page.ressources-page-custom [data-new-astre-filters] .ressources-dropdown-label,
.new-astre-page.ressources-page-custom [data-new-astre-filters] .ressources-dropdown-summary,
.new-astre-page.ressources-page-custom [data-new-astre-filters] .ressources-dropdown-list li button,
.new-astre-page.ressources-page-custom [data-new-astre-filters] .ressources-dropdown-list li a {
  font-family: "David", serif !important;
  text-transform: lowercase !important;
}

.new-astre-page .new-astre-category-desc__text p + p {
  margin-top: 0.75em;
}

.new-astre-page .new-astre-category-desc:empty {
  display: none;
}

/* La colonne reste toujours dans la grille (layout stable) ;
   seul le contenu est masqué quand il n'y a pas de description. */

/* Grille : toutes les cellules à la même hauteur */
.new-astre-page .new-astre-grid {
  grid-column: 1 / -1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  grid-auto-rows: var(--new-astre-cell-height);
  column-gap: var(--new-astre-grid-gap-col);
  row-gap: var(--new-astre-grid-gap-row);
  width: 100%;
  align-items: stretch;
  margin-top: 0;
}

@media (max-width: 1023px) {
  .new-astre-page .new-astre-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 639px) {
  .new-astre-page .new-astre-grid {
    grid-column: 1;
    grid-template-columns: 1fr;
  }
}

.new-astre-page .new-astre-grid__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  height: 100%;
  min-height: var(--new-astre-cell-height);
  text-align: center;
  padding: var(--new-astre-cell-padding-y) 1.5rem;
  box-sizing: border-box;
  text-decoration: none;
  background: var(--new-astre-grid-bg, #000);
  color: var(--new-astre-grid-text, #fff);
  border: 0;
  font: inherit;
  font-size: var(--new-astre-cell-font-size) !important;
  line-height: var(--new-astre-cell-line-height) !important;
  white-space: normal;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition:
    background-color 0s,
    border-radius var(--astre-btn-shape-duration, 0s);
}

.new-astre-page .new-astre-grid__cell:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.new-astre-page .new-astre-grid[data-expanded="1"] {
  grid-auto-rows: minmax(var(--new-astre-cell-height), auto);
}

/* Navigateurs avec View Transitions API : désactiver les animations CSS (la VT les remplace) */
.has-view-transitions .new-astre-page .new-astre-grid__expanded {
  animation: none !important;
}
.has-view-transitions .new-astre-page .new-astre-grid__expanded.is-collapsing {
  animation: none !important;
}

/* View Transitions : tuiles qui glissent — effet puzzle */
::view-transition-old(*) {
  animation: none;
  opacity: 0;
}
::view-transition-new(*) {
  animation: none;
  mix-blend-mode: normal;
}
/* Toutes les cellules : glissement fluide sans rebond */
::view-transition-group(*) {
  animation-duration: 0.4s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
/* Cellule ↔ panneau : légèrement plus long */
::view-transition-group(new-astre-cell-expand) {
  animation-duration: 0.55s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Ouverture : contenu du panneau révélé dans la boîte qui grandit */
.vt-expanding ::view-transition-old(new-astre-cell-expand) {
  opacity: 0 !important;
}
.vt-expanding ::view-transition-new(new-astre-cell-expand) {
  opacity: 1 !important;
  animation: none !important;
}

/* Fermeture : contenu du panneau visible pendant que la boîte rétrécit */
.vt-collapsing ::view-transition-old(new-astre-cell-expand) {
  opacity: 1 !important;
  animation: none !important;
}
.vt-collapsing ::view-transition-new(new-astre-cell-expand) {
  opacity: 0 !important;
}

@keyframes newAstreExpandIn {
  0%   { opacity: 0; transform: translateY(1.75rem); }
  40%  { opacity: 1; }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes newAstreExpandOut {
  from { transform: translateY(0); }
  to   { transform: translateY(1.75rem); }
}

/* Panneau ressource ouvert (pleine largeur, contenu inline) */
.new-astre-page .new-astre-grid__expanded {
  grid-column: 1 / -1;
  position: relative;
  align-self: stretch;
  width: 100%;
  min-height: auto;
  height: auto;
  padding: clamp(1.5rem, 3vw, 2.5rem) 1.5rem clamp(2rem, 4vw, 3rem);
  box-sizing: border-box;
  border-radius: 0;
  background: var(--new-astre-expanded-bg, var(--season-2, #f5e6dc));
  color: var(--new-astre-expanded-text, inherit);
  text-align: left;
  animation: newAstreExpandIn 0.75s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.new-astre-page .new-astre-grid__expanded.is-collapsing {
  animation: newAstreExpandOut 0.3s ease-in both;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .new-astre-page .new-astre-grid__expanded,
  .new-astre-page .new-astre-grid__expanded.is-collapsing {
    animation: none;
  }
}

.new-astre-page .new-astre-grid__expanded-close {
  position: absolute;
  top: clamp(0.75rem, 2vw, 1.25rem);
  right: clamp(0.75rem, 2vw, 1.25rem);
  z-index: 2;
  width: 2.125rem;
  height: 2.125rem;
  min-width: 2.125rem;
  min-height: 2.125rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--acc-res-toggle-bg, #000);
  border-radius: 9999px;
  background: var(--acc-res-toggle-bg, #000);
  font-size: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

.new-astre-page .new-astre-grid__expanded-close::before,
.new-astre-page .new-astre-grid__expanded-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.7rem;
  height: 1.5px;
  background: var(--acc-res-toggle-fg, #fff);
  border-radius: 1px;
}

.new-astre-page .new-astre-grid__expanded-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.new-astre-page .new-astre-grid__expanded-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.new-astre-page .new-astre-grid__expanded-close:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.new-astre-page .new-astre-grid__expanded-title {
  margin: 0 0 clamp(1.25rem, 3vw, 2rem);
  padding-right: 3.5rem;
  text-align: center;
  text-transform: uppercase;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.05;
  color: inherit;
}

.new-astre-page .new-astre-grid__expanded-body {
  width: 100%;
  color: inherit;
  font-family: "David", serif;
}

.new-astre-page .new-astre-grid__expanded-body .layout-section,
.new-astre-page .new-astre-grid__expanded-body .layout-grid,
.new-astre-page .new-astre-grid__expanded-body .kirby-inner-grid {
  width: 100%;
  max-width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Les layout-sections encodent leur propre --section-text en inline style (couleur de la page ressource).
   On l'écrase avec !important pour imposer la couleur du panneau expanded. */
.new-astre-page .new-astre-grid__expanded-body .layout-section {
  --section-text: var(--new-astre-expanded-text, var(--season-4, inherit)) !important;
  --layout-line-color: var(--new-astre-expanded-text, var(--season-4, inherit)) !important;
  --section-button-bg: var(--new-astre-expanded-text, var(--season-4, inherit)) !important;
  --section-button-text: var(--new-astre-expanded-bg, var(--season-2, inherit)) !important;
}

.new-astre-page .new-astre-grid__expanded-body .acc-res {
  margin-top: clamp(1rem, 2.5vw, 2rem);
}

.new-astre-page .new-astre-grid__expanded-body .acc-res__row {
  border-top-color: var(--acc-res-line, currentColor);
}

.new-astre-page .new-astre-grid__expanded-body .acc-res__row:last-child {
  border-bottom-color: var(--acc-res-line, currentColor);
}

body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__expanded {
  background: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__expanded-close {
  background: #000000 !important;
  border-color: #ffffff !important;
}
body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__expanded-close::before,
body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__expanded-close::after {
  background: #ffffff !important;
}

.new-astre-page .new-astre-grid__cell-title {
  display: block;
  max-width: 11ch;
  margin-inline: auto;
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
  font-size: inherit;
  line-height: inherit;
}

.new-astre-page .new-astre-grid__cell--span-2 .new-astre-grid__cell-title {
  max-width: 20ch;
}

@media (max-width: 767px) {
  .new-astre-page {
    --new-astre-cell-font-size: clamp(1.72rem, 8.6vw, 2.35rem);
    --new-astre-grid-gap-col: 0;
    --new-astre-grid-gap-row: 0.5rem;
  }

  .new-astre-page .new-astre-body {
    row-gap: 1.25rem;
  }

  .new-astre-page .new-astre-grid {
    gap: var(--new-astre-grid-gap-row) 0 !important;
    margin-top: 0;
  }

  .new-astre-page .new-astre-grid__cell + .new-astre-grid__cell {
    margin-top: 0;
  }

  /* Intro : titres moyens David (h3 / 4XL) → text-2xl mobile (aligné blocs Texte) */
  .new-astre-page .new-astre-intro h3.tablo-heading__tag.text-4xl,
  .new-astre-page .new-astre-intro h3.tablo-heading__tag.text-4xl :is(p, span, strong, em) {
    --tablo-text-fs: var(--text-2xl);
    --tablo-text-lh: var(--text-2xl--line-height);
    font-size: var(--tablo-text-fs) !important;
    line-height: var(--tablo-text-lh) !important;
  }

  /* Intro : boutons à libellé long — interligne réduit */
  .new-astre-page .new-astre-intro a.button.header-nav-button,
  .new-astre-page .new-astre-intro a.archived-event-btn,
  .new-astre-page .new-astre-intro .action-download__label {
    line-height: 1.1 !important;
  }

  .new-astre-page .new-astre-grid__cell {
    padding-inline: 1rem;
  }

  .new-astre-page .new-astre-grid__cell-title {
    max-width: 14ch;
  }

  .new-astre-page .new-astre-grid__cell--span-2 .new-astre-grid__cell-title {
    max-width: 26ch;
  }

  /* Panneau : blocs Texte 4XL réduits en 2XL sur mobile */
  .new-astre-page .new-astre-grid__expanded
    .copy.tablo-text-block.tablo-text-sized[style*="--tablo-text-fs:var(--text-4xl)"],
  .new-astre-page .new-astre-grid__expanded
    .copy.tablo-text-block.tablo-text-sized[style*="--tablo-text-fs:var(--text-4xl)"] :is(p, li) {
    --tablo-text-fs: var(--text-2xl) !important;
    --tablo-text-lh: var(--text-2xl--line-height) !important;
    font-size: var(--text-2xl) !important;
    line-height: var(--text-2xl--line-height) !important;
  }
}

.new-astre-grid__cell--rounded {
  border-radius: var(--new-astre-grid-radius);
}

.new-astre-grid__cell--square {
  border-radius: 0;
}

.new-astre-grid__cell:hover {
  background: var(--new-astre-grid-hover-bg, var(--new-astre-grid-bg, #000));
}

.new-astre-grid__cell--rounded:hover {
  border-radius: 0;
}

.new-astre-grid__cell--square:hover {
  border-radius: var(--new-astre-grid-radius);
}

/* N&B : cellules grille — noir / blanc ; survol = fond blanc, texte noir, contour noir */
body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__cell {
  background-color: #000000 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__cell .new-astre-grid__cell-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__cell:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border: 2px solid #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

body[data-contrast-mode="bw"] .new-astre-page .new-astre-grid__cell:hover .new-astre-grid__cell-title {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* N&B : filtres — fond noir ; texte blanc atténué, 100 % au survol */
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-label,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-list {
  background-color: #000000 !important;
  border-color: #000000 !important;
  opacity: 1 !important;
}

body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-label,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow svg,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow svg path {
  fill: #ffffff !important;
  color: #ffffff !important;
}

body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li button,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li a {
  background-color: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #000000 !important;
  opacity: 0.55 !important;
}

body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-list li button:hover,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown-list li a:hover,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li button:hover,
body[data-contrast-mode="bw"] .new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list li a:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  border-color: #ffffff !important;
  opacity: 1 !important;
}

/* Filtre catégories : bandeau en grille, flèche carrée (largeur = hauteur) — aligné annonces / ressources */
.new-astre-page [data-new-astre-filters] .ressources-dropdown-summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: stretch !important;
  width: 100% !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-label {
  grid-column: 1;
  flex: unset !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: var(--theme-filter-label-padding-block) 1rem var(--theme-filter-label-padding-block) 26px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown-arrow {
  grid-column: 2;
  align-self: stretch !important;
  width: auto !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  flex: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Menu ouvert : un seul bloc (fond commun, pas de trait entre bandeau et liste) */
.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
  overflow: hidden;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-summary {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--new-astre-filter-bg, var(--new-astre-grid-bg, #000)) !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] :is(
  .ressources-dropdown-label,
  .ressources-dropdown-arrow,
  .ressources-dropdown-list,
  .ressources-dropdown-list > li,
  .ressources-dropdown-list li :is(a, button)
) {
  border: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list {
  margin-top: -1px !important;
  padding-top: 0 !important;
  padding-bottom: calc(var(--theme-filter-label-padding-block) - var(--theme-filter-row-padding-block)) !important;
}

.new-astre-page [data-new-astre-filters] .ressources-dropdown[open] .ressources-dropdown-list > li:not([hidden]) :is(a, button) {
  border-top: 0 !important;
}