.lang-btn {
    background-color: #ffffff;
    width: 100%;
    text-align: right;
    text-decoration: underline;
}

/* Fix: .content-wrapper.menu has position:relative; top:80px in webflow.css
   which shifts the white card 80px below its static position without adding
   height to the parent section, causing the background image to overflow.
   We cancel the top offset entirely and use margin-top on the wrapper instead,
   so the parent section correctly wraps around the full card height. */
.content-wrapper.menu {
    top: 0 !important;
    margin-top: 60px;
    margin-bottom: 60px;
}

.content-section.menu {
    padding-top: 0;
    padding-bottom: 0;
}

#second-image {
    background-image: url('../images/events.webp');
}

#first-image {
    background-image: url('../images/erna.webp');
}

/* État initial pour les blocs du hero */
.hero-text .first-row,
.hero-text .second-row {
  opacity: 0;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

/* Position initiale : décalé horizontalement */
.hero-text .first-row {
  transform: translateX(100px);  /* Slide-in depuis la droite */
}
.hero-text .second-row {
  transform: translateX(-100px); /* Slide-in depuis la gauche */
}

/* Lorsque l'élément reçoit la classe .visible (ajoutée par JS ou via Webflow interactions) */
.hero-text.visible .first-row,
.hero-text.visible .second-row {
  opacity: 1;
  transform: translateX(0);
}