/* ============================================================
   landing.css — Corrections UI pour page login/register
   Problème : formulaire inscription trop long, bouton inaccessible
   Solution : rendre formulaire scrollable avec max-height
   ============================================================ */

/* Conteneur principal du formulaire */
.landing .form-box {
  max-height: calc(100vh - 100px);  /* Laisser 100px pour header/footer */
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

/* S'assurer que le bouton submit reste visible en bas */
.landing .form-box .form-row:last-child {
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Ajouter padding interne pour éviter le clipping */
.landing .form-box .form {
  padding-bottom: 20px;
}

/* Mobile : ajuster la hauteur max sur petits écrans */
@media screen and (max-height: 700px) {
  .landing .form-box {
    max-height: calc(100vh - 80px);
  }
}

/* Très petit écrans : réduire encore plus */
@media screen and (max-height: 500px) {
  .landing .form-box {
    max-height: calc(100vh - 40px);
  }
}

/* Styling de la scrollbar (optionnel, pour esthétique) */
.landing .form-box::-webkit-scrollbar {
  width: 6px;
}

.landing .form-box::-webkit-scrollbar-track {
  background: transparent;
}

.landing .form-box::-webkit-scrollbar-thumb {
  background: rgba(119, 80, 248, 0.5);  /* pridé-primary avec transparence */
  border-radius: 3px;
}

.landing .form-box::-webkit-scrollbar-thumb:hover {
  background: rgba(119, 80, 248, 0.8);
}

/* ============================================================
   Background landing optimisé — WebP + fallback JPG (image-set)
   Le fond vient de /vikinger/css/styles.min.css (image lourde ~982KB) ;
   ce fichier (landing.css) est chargé APRÈS → on override ici.
   Chemins ABSOLUS car landing.css est sous /assets/css/ mais les images
   du thème sont dans /vikinger/img/landing/.
   Fichiers attendus :
     /vikinger/img/landing/landing-background.webp  (≈120-180 KB)
     /vikinger/img/landing/landing-background.jpg   (compressé, ≈150-200 KB)
   ============================================================ */
.landing {
  background-color: #0b0b1a; /* rendu instantané pendant le chargement (LCP) */
  /* Fallback navigateurs sans image-set */
  background-image: url("/vikinger/img/landing/landing-background.jpg");
  background-image: -webkit-image-set(
    url("/vikinger/img/landing/landing-background.webp") type("image/webp"),
    url("/vikinger/img/landing/landing-background.jpg")  type("image/jpeg")
  );
  background-image: image-set(
    url("/vikinger/img/landing/landing-background.webp") type("image/webp"),
    url("/vikinger/img/landing/landing-background.jpg")  type("image/jpeg")
  );
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}