/* ============================================================
   CLS FIX MINIMAL & REVERSIBLE (produits + logo + slider)
   - Scopé finement pour ne rien casser
   - Supprimez ce fichier pour rollback instantané
   ============================================================ */

/* ---------- Produits : réserve l’espace sans déformer ---------- */
.product-thumb .image,
.product-layout .product-thumb .image,
.product-grid .product-thumb .image,
.product-list .product-thumb .image {
  position: relative;
  /* Réserve un carré (adapter si vos vignettes ne sont pas carrées) */
  aspect-ratio: 1 / 1;
  overflow: hidden; /* évite les débordements */
}

.product-thumb .image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* remplit le cadre sans étirer */
  display: block;
}

/* Si tes vignettes sont 4:3 au lieu de 1:1, remplace par: aspect-ratio: 4 / 3; */


/* ---------- Slideshow / bannières : bloque la hauteur ---------- */
.slideshow .swiper-container,
.slideshow .swiper,
#slideshow0,
#slideshow {             /* adapte selon l’ID de ton module */
  min-height: 310px;     /* ta hauteur admin PC (ex: 1200x310) */
}

/* Image du slide : occupe l’espace réservé sans shift */
.slideshow img,
#slideshow img,
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---------- Mobile : hauteur de slide plus compacte si besoin ---------- */
@media (max-width: 767px) {
  .slideshow .swiper-container,
  .slideshow .swiper,
  #slideshow0,
  #slideshow {
    min-height: 220px;   /* ajuste selon tes visuels mobiles */
  }
}

/* ---------- Police : atténue le shift lié aux fonts externes ---------- */
/* Si tu utilises une @font-face custom, assure-toi d’avoir `font-display: swap;` dans ta feuille principale.
   Ici on ajoute un fallback propre pour limiter le “reflow” de titre à texte. */
html {
  text-rendering: optimizeLegibility;
}

/* ---------- Divers : évite les flashes d’éléments tardifs ---------- */
img { /* ne force PAS une largeur globale (pour ne pas casser ailleurs) */
  /* intentionally blank: on laisse les règles précédentes, bien ciblées */
}