/* Mobile-specific fixes for WinWin landing page */

/* Fix mobile viewport and prevent horizontal scroll */
@media screen and (max-width: 768px) {
    body {
        overflow-x: hidden;
    }
    
    /* Fix form mobile styling */
    .t-form__inputsbox {
        padding: 0 20px !important;
    }
    
    .t-input {
        font-size: 16px !important; /* Prevents zoom on iOS */
    }
    
    /* Fix contact form section on mobile */
    .t718__contentbox {
        padding: 20px 15px !important;
        margin: 0 auto !important;
    }
    
    .t718__textwrapper {
        padding: 0 10px !important;
        text-align: center !important;
    }
    
    /* Fix footer overlapping issues */
    .t452__maincontainer {
        padding: 15px 20px !important;
        height: auto !important;
        min-height: 80px;
    }
    
    .t452__content {
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .t452__col {
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .t452__copyright {
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding: 10px 0 !important;
    }
    
    /* Social links mobile fix */
    .t-sociallinks__wrapper {
        justify-content: center !important;
        margin: 10px 0 !important;
    }
    
    /* Hide desktop-only privacy policy to prevent duplication */
    .t452__col_hiddenmobile {
        display: none !important;
    }
    
    /* Form privacy policy mobile fix */
    .t-form .t-text_xs {
        font-size: 11px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 10px 15px !important;
    }
    
    /* Main heading mobile optimization */
    .t396__elem[data-elem-id] h1 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        padding: 0 20px !important;
    }
    
    /* How it works description text mobile */
    .t396__elem p {
        font-size: 14px !important;
        line-height: 1.4 !important;
        padding: 0 15px !important;
    }
}

/* Extra small mobile devices */
@media screen and (max-width: 480px) {
    .winwin-language-selector {
        top: 10px !important;
        right: 10px !important;
        padding: 8px 12px !important;
    }
    
    .t718__contentbox {
        padding: 15px 10px !important;
    }
    
    .t452__maincontainer {
        padding: 10px 15px !important;
    }
    
    .t452__copyright {
        font-size: 11px !important;
    }
}