/* =========================================================================
   DARA AFFILIATION — CORRECTIF D'AFFICHAGE IPHONE
   -------------------------------------------------------------------------
   Probleme observe : le site ne s'affiche pas pareil d'un iPhone a l'autre.
   Cause technique la plus frequente : l'unite CSS "100vh" ne correspond
   PAS a la meme hauteur reelle sur tous les iPhones, car Safari mobile
   affiche/masque sa barre d'adresse differemment selon le modele et
   l'encoche/Dynamic Island. Résultat : une section en "min-height:100vh"
   peut paraitre coupee, trop haute, ou laisser un espace vide selon le
   telephone.

   Correctif : on utilise "100dvh" (hauteur de viewport DYNAMIQUE, qui
   s'ajuste automatiquement a la barre d'adresse reelle) partout ou le
   design utilisait un "100vh" fixe. Les navigateurs qui ne connaissent
   pas encore 100dvh ignorent le bloc @supports et gardent le 100vh
   d'origine : aucun risque de casse sur un vieux telephone.

   Fichier charge en tout dernier dans <head> pour etre prioritaire.
   ========================================================================= */

@supports (height: 100dvh) {
    .hero{ min-height:100dvh !important; }
    .auth-section{ min-height:100dvh; }
    .legal-section{ min-height:100dvh; }
    #loader{ height:100dvh; }
    .dashboard-body{ min-height:100dvh; }
    .dash-layout{ min-height:100dvh; }
    .dash-sidebar{ height:100dvh; }
}

/* ---------- ZONE DE SECURITE (encoche / barre de gestes) ----------
   Le bouton du chat flottant et le menu mobile ne doivent jamais se
   retrouver caches ou coupes par la barre de gestes du bas, qui n'a
   pas la meme hauteur sur tous les iPhones. */
#dara-chatbot{
    right: calc(22px + env(safe-area-inset-right, 0px));
    bottom: calc(22px + env(safe-area-inset-bottom, 0px));
}

.header{
    padding-top: env(safe-area-inset-top, 0px);
}

/* Evite tout debordement horizontal residuel (barre de defilement
   laterale involontaire) qui varie selon la largeur d'ecran exacte
   du modele d'iPhone. */
html, body{
    max-width: 100%;
    overflow-x: hidden;
}