/* Partners Page Mobile Optimization - AGGRESSIVE OVERRIDES */

/* Desktop: Fix spacing under button and match bullets spacing */
.btn-submit-lt {
    margin-bottom: 0 !important;
}

.form-container-lt form {
    padding-bottom: 1.5rem !important;
}

/* Desktop: Fix bottom CTA bullets spacing */
section[style*="background: linear-gradient(135deg, #1e3a5f"] p[style*="margin-top: 1.5rem"] {
    margin-top: 2rem !important;
    padding-bottom: 2rem !important;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    /* CRITICAL: Prevent horizontal scroll on mobile ONLY */
    body, html {
        overflow-x: clip !important;
        max-width: 100vw !important;
    }
    
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
    
    /* FIX: Ensure header is sticky on mobile - AGGRESSIVE */
    header.header-lt,
    .header-lt,
    nav.header-lt {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background: #1e3a5f !important;
        width: 100% !important;
    }
    
    .header-content-lt {
        background: #1e3a5f !important;
        padding: 0.75rem 0 !important;
    }
    
    /* Hide hero stats on mobile (they're in trust bar) - SUPER AGGRESSIVE */
    .hero-stats-lt,
    div.hero-stats-lt,
    .hero-stats-lt[style],
    div[class="hero-stats-lt"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* CRITICAL: Force hero section to show properly */
    section.hero-lt,
    section[style*="padding: 4rem 0 5rem"] {
        padding: 1.5rem 0 1rem !important;
        min-height: auto !important;
        overflow: visible !important;
    }
    
    .hero-split-lt {
        flex-direction: column !important;
        gap: 1.5rem !important;
        display: flex !important;
    }
    
    .hero-content-lt {
        width: 100% !important;
        display: block !important;
        order: 1 !important;
    }
    
    /* CRITICAL: Make headline visible - EXACT HOMEPAGE COPY */
    h1.hero-headline-lt,
    .hero-headline-lt,
    h1[style*="text-align: left"] {
        display: block !important;
        font-size: 3rem !important;
        font-weight: 800 !important;
        text-align: center !important;
        margin-bottom: 1.5rem !important;
        line-height: 1.15 !important;
        padding: 0 1rem !important;
    }
    
    /* Hero text - mobile only - BIGGER FONT, LESS SPACE */
    p.hero-desc-lt,
    .hero-desc-lt {
        font-size: 1.125rem !important;
        text-align: center !important;
        margin-bottom: 0rem !important;
        line-height: 1.6 !important;
    }
    
    /* Stats below headline - Stack vertically */
    .hero-content-lt > div[style*="display: flex"],
    div[style*="display: flex"][style*="gap: 2rem"][style*="margin-bottom: 2rem"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0 !important;
    }
    
    .hero-content-lt > div > div {
        text-align: center !important;
    }
    
    .hero-content-lt > div > div > div:first-child {
        font-size: 1.75rem !important;
    }
    
    .hero-content-lt > div > div > div:last-child {
        font-size: 0.9rem !important;
    }
    
    /* Form container mobile - ORDER AFTER HEADLINE */
    .form-container-lt {
        width: 100% !important;
        padding: 1.5rem !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        order: 2 !important;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }
    
    .form-container-lt h3 {
        font-size: 1.25rem !important;
        margin-bottom: 1rem !important;
    }
    
    .form-group-lt {
        margin-bottom: 1rem !important;
    }
    
    .form-group-lt input {
        font-size: 16px !important;
        padding: 0.875rem !important;
    }
    
    .form-group-lt select {
        width: 100% !important;
        padding: 1rem !important;
        font-size: 1rem !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 12px !important;
        background: white !important;
        color: #1f2937 !important;
        font-family: inherit !important;
        margin-bottom: 1rem !important;
        appearance: none !important;
        background-image: url('data:image/svg+xml;utf8,<svg fill="%236b7280" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: right 1rem center !important;
        background-size: 20px !important;
        cursor: pointer !important;
    }
    
    .form-group-lt select:focus {
        outline: none !important;
        border-color: #10b981 !important;
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    }
    
    /* CRITICAL: Remove huge space under button */
    button.btn-submit-lt,
    .btn-submit-lt,
    button[style*="margin-bottom: 2rem"] {
        margin-bottom: 0 !important;
        margin-top: 0.5rem !important;
        padding: 14px !important;
        font-size: 16px !important;
    }
    
    .form-container-lt form,
    form.lead-form-lt {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Trust Bar - CRITICAL FIX */
    section[style*="background: #1e3a5f"] {
        padding: 1.5rem 0 !important;
    }
    
    .trust-stats-lt {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1rem !important;
        row-gap: 1rem !important;
    }
    
    .trust-stat-lt {
        text-align: center !important;
        padding: 0.5rem !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .trust-stat-lt i {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .stat-number-lt,
    .trust-stat-lt .stat-number-lt,
    div[style*="color: #ffffff"] {
        font-size: 0.95rem !important;
        margin-bottom: 0.25rem !important;
        white-space: nowrap !important;
    }
    
    .stat-label-lt,
    .trust-stat-lt .stat-label-lt,
    div[style*="color: #e5e7eb"] {
        font-size: 0.8rem !important;
        white-space: nowrap !important;
    }
    
    /* The Problem Section - Stack comparison tables */
    section[style*="padding: 6rem 0"] {
        padding: 2rem 0 1rem !important;
    }
    
    /* All section headlines - BIGGER like homepage */
    section h2,
    h2[style*="font-size: 2.75rem"],
    h2[style*="text-align: center"] {
        font-size: 2.25rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1rem !important;
        font-weight: 700 !important;
    }
    
    section p[style*="text-align: center"],
    p[style*="font-size: 1.25rem"] {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        margin-bottom: 2rem !important;
        padding: 0 1rem !important;
    }
    
    /* CRITICAL: Keep CTA text white on gradient background */
    section[style*="background: linear-gradient"] p {
        color: white !important;
    }
    
    /* Comparison grid - Stack vertically */
    div[style*="display: grid"][style*="grid-template-columns: 1fr 1fr"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    /* Comparison cards */
    div[style*="background: #fef2f2"],
    div[style*="background: #f0fdf4"] {
        padding: 1.5rem !important;
        margin: 0 1rem !important;
    }
    
    div[style*="background: #fef2f2"] h3,
    div[style*="background: #f0fdf4"] h3 {
        font-size: 1.15rem !important;
        margin-bottom: 1rem !important;
    }
    
    /* List items in comparison */
    ul[style*="list-style: none"] li {
        font-size: 0.9rem !important;
        line-height: 1.8 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* How Our Pricing Works - Stack 1-2-3 steps */
    section[style*="background: #f9fafb"] {
        padding: 2rem 0 !important;
    }
    
    div[style*="display: grid"][style*="grid-template-columns: repeat(3"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.5rem !important;
    }
    
    /* Step cards */
    div[style*="background: white"][style*="padding: 2.5rem"] {
        padding: 1.5rem !important;
        margin: 0 1rem !important;
    }
    
    /* Step numbers */
    div[style*="width: 60px"][style*="height: 60px"] {
        width: 50px !important;
        height: 50px !important;
        margin: 0 auto 1rem !important;
    }
    
    div[style*="width: 60px"] span {
        font-size: 1.5rem !important;
    }
    
    div[style*="text-align: center"] h3 {
        font-size: 1.15rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    div[style*="text-align: center"] p {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
    }
    
    /* Volume discount text */
    div[style*="background: #f3f4f6"] {
        padding: 1rem !important;
        margin: 1.5rem 1rem 0 !important;
    }
    
    div[style*="background: #f3f4f6"] p {
        font-size: 0.9rem !important;
    }
    
    /* Why We Built This Differently - Mobile optimize */
    section[style*="background: linear-gradient"][style*="padding: 6rem 0"] {
        padding: 2rem 0 !important;
    }
    
    section[style*="background: linear-gradient"] h2 {
        font-size: 1.75rem !important;
        line-height: 1.3 !important;
        margin-bottom: 1.25rem !important;
        padding: 0 1rem !important;
    }
    
    section[style*="background: linear-gradient"] p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1rem !important;
        padding: 0 1rem !important;
    }
    
    /* Testimonial box mobile */
    section[style*="background: linear-gradient"] div[style*="background: white"] {
        padding: 1.5rem !important;
        margin: 0 1rem !important;
    }
    
    section[style*="background: linear-gradient"] div[style*="background: white"] p {
        font-size: 1.05rem !important;
        line-height: 1.5 !important;
        margin: 0 0 1rem 0 !important;
        padding: 0 !important;
    }
    
    /* Attribution mobile */
    section[style*="background: linear-gradient"] div[style*="display: flex"] {
        flex-direction: row !important;
        gap: 0.75rem !important;
        margin-top: 1rem !important;
        padding-top: 1rem !important;
    }
    
    section[style*="background: linear-gradient"] div[style*="width: 48px"] {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        font-size: 0.9rem !important;
        flex-shrink: 0 !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Built for Serious Growth - Stack stats */
    section[style*="background: #1e3a5f"][style*="padding: 5rem 0"] {
        padding: 2rem 0 !important;
    }
    
    div[style*="display: grid"][style*="grid-template-columns: repeat(3, 1fr)"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
        text-align: center !important;
    }
    
    /* Stat items */
    div[style*="text-align: center"] div[style*="font-size: 3rem"] {
        font-size: 2.25rem !important;
    }
    
    div[style*="text-align: center"] div[style*="font-size: 1.1rem"] {
        font-size: 1rem !important;
    }
    
    /* Final CTA Section */
    section[style*="background: linear-gradient(135deg, #10b981"] {
        padding: 2rem 0 !important;
    }
    
    section[style*="background: linear-gradient(135deg, #10b981"] h2 {
        font-size: 1.5rem !important;
        margin-bottom: 1rem !important;
        padding: 0 1rem !important;
    }
    
    section[style*="background: linear-gradient(135deg, #10b981"] p {
        font-size: 0.95rem !important;
        margin-bottom: 1.5rem !important;
        padding: 0 1rem !important;
    }
    
    /* Bottom CTA button */
    a[style*="display: inline-block"][style*="background: white"][style*="color: #10b981"] {
        padding: 1rem 2rem !important;
        font-size: 1rem !important;
        margin-bottom: 1.5rem !important;
        display: block !important;
        text-align: center !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Bottom bullets - Stack and fix spacing */
    .cta-bullets {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.75rem !important;
        align-items: center !important;
        margin-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .cta-bullets span {
        display: block !important;
        text-align: center !important;
        font-size: 0.9rem !important;
    }
    
    /* Footer mobile - LEFT ALIGNED LIKE OTHER PAGES */
    .footer-lt {
        padding: 2rem 0 !important;
    }
    
    /* FIX: Footer logo same size as other pages */
    .footer-logo-lt {
        height: 40px !important;
        max-width: 150px !important;
        width: auto !important;
    }
    
    .footer-grid-lt {
        display: flex !important;
        flex-direction: column !important;
        gap: 2rem !important;
    }
    
    .footer-col-lt {
        text-align: left !important;
    }
    
    .footer-col-lt h4 {
        text-align: left !important;
        margin-bottom: 1rem !important;
    }
    
    .footer-col-lt ul {
        text-align: left !important;
    }
    
    .footer-col-lt ul li {
        text-align: left !important;
    }
    
    .footer-col-lt p {
        text-align: left !important;
    }
    
    .footer-social-lt {
        justify-content: flex-start !important;
    }
    
    /* Container padding mobile */
    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* Extra small mobile devices */
@media (max-width: 480px) {
    h1.hero-headline-lt,
    .hero-headline-lt {
        font-size: 3rem !important;
    }
    
    .trust-stats-lt {
        gap: 0.75rem !important;
    }
    
    section h2,
    h2[style*="font-size: 2.75rem"],
    h2[style*="text-align: center"] {
        font-size: 2rem !important;
    }
}