/* ===========================
   GRILLE (UL / LI)
   =========================== */
.mc-menus-cantine { padding: 10px 0; }

.mc-menu-title{
    font-size:0.9rem !important;
    color:var(--ast-global-color-3) !important;
    margin:.6em 0 0; 
} 
/* UL : on enlève les puces et les marges par défaut */
.mc-menus-cantine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
  gap: 20px;
  padding: 10px 0;
  list-style: none;     /* ❌ pas de puces */
  margin: 0;            /* reset */
}

/* LI : on s'assure qu'il n'y a pas de puces ni d'indentation */
.mc-menus-cantine-grid > li {
  list-style: none;     /* ❌ pas de puces */
  margin: 0;            /* reset */
  padding: 0;           /* reset */
}

/* Carte (le contenu de LI) */
.mc-menus-cantine-grid .mc-menu-item {
  text-align: center;
  background: #fff;
  border-radius: 6px;
  padding: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  transition: transform .3s ease, box-shadow .3s ease;
}

/* Hover & focus clavier */
.mc-menus-cantine-grid .mc-menu-item:hover,
.mc-menus-cantine-grid .mc-menu-item:focus-visible {
  transform: translateY(-4px);
  box-shadow: 0 4px 14px rgba(0,0,0,0.22);
  outline: none;
}

/* Images */
.mc-menus-cantine-grid img {
  max-width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
  transition: transform .3s ease, box-shadow .3s ease;
}

/* Zoom léger au survol */
.mc-menus-cantine-grid .mc-menu-item:hover img { transform: scale(1.03); }

/* Texte sous l’image */
.mc-menus-cantine-grid .mc-menu-item div {
  margin-top: 8px;
  font-size: 14px;
  color: #555;
}

/* ===========================
   SWIPER
   =========================== */
.mc-menus-swiper { --swiper-pagination-bottom: 0px; padding:5px 10px;}

.mc-menu-item-slide {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 5px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,.05);
  transition: box-shadow .3s ease;
  font-size: .9rem;
}
.mc-menu-item-slide:hover,
.mc-menu-item-slide:focus-visible {
  box-shadow: 0 4px 10px rgba(0,0,0,.1);
  outline: none;
}

.mc-menu-thumb {
  max-width: 100%;
  height: auto;
  min-height:180px;
  max-height: 260px;
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  transition: transform .3s ease;
}
.mc-menu-item-slide:hover .mc-menu-thumb { transform: scale(1.03); }

/* Fallback si pas d’image */
.mc-menu-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  height: 180px;
  background: #eee;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
}

/* Badge date */
.mc-menu-date {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #555;
}

/* Bullets & flèches */
.mc-menus-swiper .swiper-pagination-bullet-active { background: #A6A6A6 !important; }
@media (max-width: 768px) {
  .mc-menus-swiper .swiper-button-next,
  .mc-menus-swiper .swiper-button-prev { display: none; }
}

@media (max-width: 900px) {
  .mc-menu-thumb {
    min-height: 160px;
    max-height: 220px;
  }
}
@media (max-width: 600px) {
  .mc-menu-thumb {
    min-height: 140px;
    max-height: 180px;
  }
}
/* ===========================
   EFFETS GLOBAUX (si tu gardes ces classes)
   =========================== */
.mc-menu-item img {
  transition: transform .3s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}
.mc-menu-item img:hover { transform: scale(1.05); }

/* ===========================
   ACCESSIBILITÉ & PRÉFÉRENCES
   =========================== */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
  .mc-menu-item,
  .mc-menu-thumb,
  .mc-menus-cantine-grid img { transition: none !important; }
}

.mc-menus-swiper .swiper-pagination  {
    --swiper-pagination-bottom:-6px;
}