.elementor-2838 .elementor-element.elementor-element-0111acd{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ✅ Fix alignement tuiles catégories (Sélection en ligne uniquement) */
.mda-cat-grid img{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important; /* même ratio pour toutes les tuiles */
  object-fit: cover !important;
  display: block !important;
}

/* ✅ évite des hauteurs différentes */
.mda-cat-grid .elementor-widget-image,
.mda-cat-grid .elementor-widget-image a{
  display: block;
  width: 100%;
}
.mda-cat-content{
  padding:22px;
}
.mda-cat::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    to top,
    rgba(0,0,0,.45),
    rgba(0,0,0,.08)
  );
}
.mda-cat-btn{
  transition:transform .25s ease, background .25s ease;
}
.mda-cat:hover .mda-cat-btn{
  transform:translateY(-2px);
  background:#d8b15a;
}
/* Effet premium cartes catégories */
.mda-cat-card{
  transition: transform .35s ease, box-shadow .35s ease;
}

.mda-cat-card img{
  transition: transform .6s ease, filter .4s ease;
}

.mda-cat-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

.mda-cat-card:hover img{
  transform: scale(1.04);
  filter: brightness(.95);
}
/* CTA cartes catégories plus premium */
.mda-cat-card .mda-btn{
  transform: translateY(2px);
  transition: all .25s ease;
}

.mda-cat-card:hover .mda-btn{
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* Texte cartes légèrement plus lisible */
.mda-cat-card h3{
  font-size: clamp(20px,2.2vw,24px);
  letter-spacing:-0.01em;
}

.mda-cat-card p{
  font-size:14px;
  opacity:.92;
}
/* Effet "carte vivante" — version robuste (cible .mda-cat) */
body.elementor-page-2838 .mda-cat{
  transition: transform .35s ease, box-shadow .35s ease;
  will-change: transform;
}

body.elementor-page-2838 .mda-cat img{
  transition: transform .6s ease, filter .4s ease;
  will-change: transform;
}

body.elementor-page-2838 .mda-cat:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.10);
}

body.elementor-page-2838 .mda-cat:hover img{
  transform: scale(1.04);
  filter: brightness(.95);
}

/* Bonus : sur mobile (pas de hover), on garde une micro-réaction au tap */
body.elementor-page-2838 .mda-cat:active{
  transform: translateY(-2px);
}/* End custom CSS */