/* Mobile UX + safe areas (Brandonme) */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body.brandonme-has-pwa-banner {
    padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 767px) {
    .brandonme-mobile-nav-title {
        font-size: 0.9375rem !important;
        line-height: 1.2;
    }

    .brandonme-mobile-nav-logo {
        width: 2rem !important;
        height: 2rem !important;
        border-radius: 0.625rem;
        object-fit: cover;
    }

    .brandonme-touch-target {
        min-height: 44px;
        min-width: 44px;
    }

    /* โมดัลแชท / โปรไฟล์เต็มจอบนมือถือ */
    .brandonme-mobile-modal-panel {
        width: 100% !important;
        max-width: 100% !important;
        max-height: 100dvh !important;
        height: 100dvh !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    .brandonme-mobile-modal-host {
        padding: 0 !important;
        align-items: stretch !important;
    }

    #chatForm input[type="text"],
    #chatForm button {
        font-size: 16px; /* ลด zoom อัตโนมัติบน iOS */
    }

    .auth-card {
        border-radius: 1.25rem;
    }

    table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

#brandonme-pwa-banner {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}