/*--------------------------------------------------------------
# NEWSLETTER MOBILE FIX - Finansowe Szoty
# Poprawki UX dla sekcji newslettera na urządzeniach mobilnych
--------------------------------------------------------------*/

/* Mobile Newsletter Fixes - max-width: 767px */
@media (max-width: 767px) {
    
    /* Główna sekcja newslettera */
    section[style*="linear-gradient(135deg, #4285f4"] {
        padding: 3rem 1rem !important;
    }
    
    /* Kontener newslettera */
    section[style*="linear-gradient(135deg, #4285f4"] > div[style*="max-width: 520px"] {
        max-width: 100% !important;
        margin: 0 1rem !important;
        padding: 2rem 1.5rem !important;
        border-radius: 20px !important;
    }
    
    /* Tytuł główny */
    section[style*="linear-gradient(135deg, #4285f4"] h2 {
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Podtytuł */
    section[style*="linear-gradient(135deg, #4285f4"] > div p:first-of-type {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Kontener formularza - KLUCZOWA POPRAWKA */
    #simple-newsletter > div[style*="display: flex"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        align-items: stretch !important;
        margin-bottom: 1.5rem !important;
    }
    
    /* Input email - pełna szerokość */
    #simple-newsletter input[type="email"] {
        flex: 1 1 100% !important;
        width: 100% !important;
        padding: 14px 16px !important;
        font-size: 1rem !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
    }
    
    /* Przycisk submit - pełna szerokość i wyśrodkowanie */
    #simple-newsletter button[type="submit"] {
        width: 100% !important;
        padding: 16px 24px !important;
        font-size: 1rem !important;
        white-space: normal !important;
        border-radius: 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }
    
    /* Tytuł "Co otrzymasz" */
    #simple-newsletter ~ div h4 {
        font-size: 0.95rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* Lista benefitów */
    #simple-newsletter ~ div ul {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    #simple-newsletter ~ div ul li {
        font-size: 0.9rem !important;
        margin-bottom: 0.75rem !important;
        padding-right: 0.5rem !important;
        line-height: 1.4 !important;
    }
    
    /* Ikona checkmark */
    #simple-newsletter ~ div ul li span {
        width: 18px !important;
        height: 18px !important;
        font-size: 11px !important;
        margin-right: 10px !important;
        flex-shrink: 0 !important;
    }
    
    /* Komunikat prywatności */
    #simple-newsletter ~ div p:last-child {
        font-size: 0.85rem !important;
        margin-top: 1rem !important;
        text-align: center !important;
    }
    
    /* Newsletter message box */
    #newsletter-message {
        margin-bottom: 1rem !important;
        font-size: 0.9rem !important;
    }
}

/* Extra Small Mobile - max-width: 480px */
@media (max-width: 480px) {
    
    section[style*="linear-gradient(135deg, #4285f4"] {
        padding: 2.5rem 0.75rem !important;
    }
    
    section[style*="linear-gradient(135deg, #4285f4"] > div[style*="max-width: 520px"] {
        margin: 0 0.75rem !important;
        padding: 1.75rem 1.25rem !important;
    }
    
    section[style*="linear-gradient(135deg, #4285f4"] h2 {
        font-size: 1.35rem !important;
    }
    
    #simple-newsletter input[type="email"],
    #simple-newsletter button[type="submit"] {
        padding: 14px 16px !important;
        font-size: 0.95rem !important;
    }
    
    #simple-newsletter ~ div ul li {
        font-size: 0.85rem !important;
    }
}

/* Landscape orientation na małych urządzeniach */
@media (max-width: 767px) and (orientation: landscape) {
    section[style*="linear-gradient(135deg, #4285f4"] {
        padding: 2rem 1rem !important;
    }
    
    section[style*="linear-gradient(135deg, #4285f4"] > div[style*="max-width: 520px"] {
        padding: 1.5rem !important;
    }
}

/* Touch-friendly targets - zwiększone obszary klikalne */
@media (max-width: 767px) {
    #simple-newsletter input[type="email"],
    #simple-newsletter button[type="submit"] {
        min-height: 48px !important;
        -webkit-tap-highlight-color: rgba(66, 133, 244, 0.2);
    }
    
    #simple-newsletter button[type="submit"]:active {
        transform: scale(0.98) !important;
    }
}

/* Poprawki dla Focus States na mobile */
@media (max-width: 767px) {
    #simple-newsletter input[type="email"]:focus {
        border-color: #4285f4 !important;
        box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.15) !important;
        outline: none !important;
    }
}

/* Zapobieganie zoom na iOS */
@media (max-width: 767px) {
    #simple-newsletter input[type="email"] {
        font-size: 16px !important; /* Minimum 16px prevents iOS zoom */
    }
}