/* GRID */
.sesamers-articles-cards-container.grid-layout {
  display: grid;
  grid-template-columns: repeat(var(--cols-desktop, 1), minmax(0, 1fr))!important;/* colonnes strictement égales */
  gap: var(--gap-desktop, 16px);
  justify-items: stretch;   /* chaque item remplit sa cellule en largeur */
  align-items: stretch;     /* chaque item remplit la hauteur de sa rangée */
}

@media (max-width: 1024px) {
  .sesamers-articles-cards-container.grid-layout {
    grid-template-columns: repeat(var(--cols-tablet, 1), minmax(0, 1fr))!important;
    gap: var(--gap-tablet, 16px);
  }
}
@media (max-width: 767px) {
  .sesamers-articles-cards-container.grid-layout {
    grid-template-columns: repeat(var(--cols-mobile, 1), minmax(0, 1fr)) !important;
    gap: var(--gap-mobile, 12px);
  }
}

/* Les cartes occupent 100% de leur cellule et s'étirent en hauteur */
.sesamers-articles-cards-container.grid-layout .article-card-home {
  width: auto;            /* pas de largeur fixe parasite */
  max-width: 100%;
  align-self: stretch;
  justify-self: stretch;
  display: flex;          /* pour répartir proprement le contenu interne */
  flex-direction: column;
  margin: 0;              /* neutralise d'éventuelles marges */
  box-sizing: border-box;
  overflow: hidden;       /* évite tout débordement visuel */
}

/* Médias internes : ne doivent jamais élargir la card */
.sesamers-articles-cards-container.grid-layout .article-card-home img,
.sesamers-articles-cards-container.grid-layout .article-card-home video,
.sesamers-articles-cards-container.grid-layout .article-card-home figure,
.sesamers-articles-cards-container.grid-layout .article-card-home .post-thumbnail {
  
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* Si un style externe impose une width (ex: swiper), on neutralise */
.sesamers-articles-cards-container.grid-layout .article-card-home.swiper-active {
  width: auto !important;
  max-width: 100% !important;
}

/* Pagination */
.pagination {
  display: flex;
  margin: 20px auto;
  width: fit-content;
  gap: 5px;
}
.pagination .current {
  background: #FFF381;
  border-radius: 5px;
}
.pagination * {
  color: black;
  padding: 0 5px;
}
.pagination > a:hover {
  background: #FFF381;
  border-radius: 5px;
}