/* MOBILE FIXES v2.10 - FORCE LOAD - IPHONE 15 PLUS OPTIMIZED */

/* 1. Landing Page Fixes */
body, html {
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.no-scroll, html.no-scroll {
    overflow: hidden !important;
    height: 100% !important;
    overscroll-behavior: contain !important;
}

.hero-layout {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: 1rem 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    
    /* Force stack on mobile */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2rem !important;
}

/* 2. FORCE SHOW HERO VISUAL (Logo & Price) */
.hero-visual {
    display: block !important;
    width: 100% !important;
    order: 2 !important; /* Show below text */
    margin-top: 1rem !important;
}

.hero-text {
    order: 1 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 1rem !important;
}

/* 3. Marquee Animation Fix */
.ticker-wrap {
    width: max-content !important;
    animation: tickerMove 25s linear infinite !important;
}
/* Ensure ticker runs even in low-performance mode */
body.perf-low .ticker-wrap {
    animation: tickerMove 25s linear infinite !important;
    will-change: transform;
}

/* 4. Input Fixes */
.input-m {
    width: 100% !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
}
input[type="datetime-local"] {
    max-width: 100% !important;
    width: 100% !important;
}

/* 5. Footer Fixes */
#support-section {
    padding: 2rem 0 !important;
}
#support-section .container {
    padding-bottom: 1rem !important;
}

/* 6. Logo Fix */
.logo-container img {
    display: block !important;
    height: 50px !important;
    width: auto !important;
    max-width: 100%;
}

/* 7. Landing Page Logo Size */
.hero-visual img {
    max-width: 180px !important; /* Smaller on mobile to fit */
    height: auto !important;
}

/* 8. Hide Debug Badge */
.version-badge {
    display: none !important;
}

/* 9. Entry Overlay Center Fix */
#entryOverlay {
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overscroll-behavior: contain !important;
}
#entryOverlay .brand-text {
    text-align: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}
#entryOverlay div[data-lang="entry_welcome"] {
    text-align: center !important;
    width: 100% !important;
}

/* 10. Profile & Security Modal Mobile Tweaks */
#profileSecurityModal > div {
    width: 96% !important;
    max-width: 96% !important;
    padding: 0.8rem !important;
}
#profileSecurityModal > div > div[style*="grid-template-columns: 240px 1fr"] {
    grid-template-columns: 1fr !important;
}
#profileSecurityModal .ps-card {
    padding: 1rem !important;
}
#profileSecurityModal .ps-row input {
    width: 100% !important;
}