/* 🔒 Hide multi-language spans inside text elements, not buttons */
:not(button)[data-lang]:not(.active) {
  display: none !important;
  visibility: hidden !important;
}

[data-lang].active {
  display: inline !important;
  visibility: visible !important;
}


.card-hover {
  transition: transform .25s ease, box-shadow .25s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.svg-fade {
  opacity: 0;
  transform: translateY(6px);
  animation: svgIn .6s ease .15s forwards;
}
@keyframes svgIn {
  to { opacity: 1; transform: none; }
}

/* 🖼️ Illustration helpers */
.illustration {
  display: block;
  width: 100%;
  height: auto;
}

/* Hide header/footer during injection to prevent language flash */
.lang-pending {
  opacity: 0;
  visibility: hidden;
}

/* Fade in smoothly once ready */
.lang-ready {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease;
}