/**
 * Auth (connexion / inscription / etc.) — mobile & encoches
 * Préfixé .weavy-auth-root pour limiter l’impact au shortcode weavy_auth.
 */

.weavy-auth-root {
    box-sizing: border-box;
}

/* Encoches + éviter que le sélecteur de langue recouvre le contenu sur petit écran */
@media (max-width: 639px) {
    .weavy-auth-root {
        padding-left: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
        padding-top: max(1rem, env(safe-area-inset-top, 0px)) !important;
        /* Espace pour pastille langue fixe en bas */
        padding-bottom: max(5.5rem, calc(env(safe-area-inset-bottom, 0px) + 4rem)) !important;
    }
}

@media (min-width: 640px) {
    .weavy-auth-root {
        padding-left: max(1.5rem, env(safe-area-inset-left, 0px)) !important;
        padding-right: max(1.5rem, env(safe-area-inset-right, 0px)) !important;
        padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px)) !important;
    }
}

.weavy-auth-root .weavy-auth-lang {
    position: fixed !important;
    z-index: 20;
    bottom: max(1rem, env(safe-area-inset-bottom, 0px)) !important;
    right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
}

@media (max-width: 639px) {
    .weavy-auth-root .weavy-auth-lang > div {
        padding: 8px 14px !important;
        gap: 10px !important;
        border-radius: 9999px !important;
        box-shadow: 0 2px 12px rgba(15, 23, 42, 0.15) !important;
    }

    .weavy-auth-root .weavy-auth-lang button .text-2xl {
        font-size: 1.125rem !important;
        line-height: 1 !important;
    }

    .weavy-auth-root .weavy-auth-lang button .text-sm {
        font-size: 11px !important;
    }
}