/* MOBILE OVERRIDES - CLEAN VERSION 20260204 */

@media (max-width: 968px) {

    /* Force mobile visibility */
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    /* Enable scrolling and fluid feel - ULTRA AGGRESSIVE */
    html,
    body {
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        height: auto !important;
        min-height: 100% !important;
        scroll-behavior: smooth !important;
        background: #0a0a0a !important;
        position: relative !important;
    }

    /* Auth Page - LINEAR FLOW IS BEST FOR MOBILE SCROLL */
    #auth-page {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 5000 !important;
        background: #000000 !important;
        /* Deep black */
        /* display: block !important; REMOVED to allow JS to hide it */
        padding-bottom: 250px !important;
    }

    .landing-container,
    .landing-content {
        /* display: block !important; REMOVED to avoid keeping it visible */
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        position: relative !important;
        background: #000000 !important;
    }

    /* Content layout - Stack linearly */
    .landing-hero {
        padding: 20px 20px 60px 20px !important;
        display: block !important;
        /* NOT flex */
        height: auto !important;
        background: #000000 !important;
    }

    .auth-box-v2 {
        order: 1 !important;
        /* BOX FIRST */
        width: 100% !important;
        padding: 25px 20px !important;
        margin: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
    }

    .hero-text {
        order: 2 !important;
        margin-top: 40px !important;
        margin-bottom: 50px !important;
        text-align: center !important;
        position: relative !important;
        width: 100% !important;
        padding: 0 20px !important;
    }

    .hero-text .logo-large {
        display: none !important;
        /* Hide redundant logo in text block */
    }

    .hero-text h2 {
        font-size: 1.6rem !important;
        margin-bottom: 15px !important;
        line-height: 1.2 !important;
    }

    .hero-text p {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }

    .trust-badges {
        margin-top: 40px !important;
        margin-bottom: 50px !important;
        gap: 25px !important;
        padding: 0 20px !important;
    }

    .trust-item {
        margin-bottom: 20px !important;
        padding: 15px 0 !important;
    }

    .trust-info {
        line-height: 1.5 !important;
    }

    .trust-info p {
        margin-top: 5px !important;
    }

    /* Restore Logo at the VERY top */
    .logo-mobile {
        display: block !important;
        text-align: center !important;
        padding: 20px 0 10px 0 !important;
        width: 100% !important;
    }

    /* Footer - Linear flow at the end */
    .landing-footer {
        display: block !important;
        position: relative !important;
        margin-top: 50px !important;
        padding: 60px 20px !important;
        background: #000000 !important;
        width: 100% !important;
        border-top: 1px solid rgba(236, 72, 153, 0.2) !important;
        box-sizing: border-box !important;
    }

    .landing-footer .footer-links {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
        margin-bottom: 30px !important;
    }

    .landing-footer .footer-links a {
        font-size: 1rem !important;
        color: #94a3b8 !important;
        text-decoration: underline !important;
    }

    .landing-footer p {
        margin: 0 !important;
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        color: #64748b !important;
        text-align: center !important;
    }
}

/* Close mobile media query here so PWA styles are global */

/* PWA Install Prompt Styles - CORREGIDO ID */
.install-prompt {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1e293b;
    border-top: 3px solid #ec4899;
    padding: 25px 20px;
    display: none;
    flex-direction: column;
    z-index: 1000000;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.8);
    transform: translateY(100%);
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.install-prompt.show {
    display: flex;
    transform: translateY(0);
}

.install-prompt-content h3 {
    margin: 0 0 8px 0;
    color: #fff;
    font-size: 1.2rem;
}

.install-prompt-content p {
    margin: 0 0 20px 0;
    color: #94a3b8;
    font-size: 0.9rem;
}

.install-prompt-buttons {
    display: flex;
    gap: 12px;
}

.install-prompt-buttons button {
    flex: 1;
    padding: 14px;
    border-radius: 12px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

.btn-install {
    background: #ec4899;
    color: white;
}

.btn-dismiss {
    background: #334155;
    color: #cbd5e1;
}

.pwa-splash {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000000;
}

.pwa-splash.hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
}