/**
 * MOBILE TEXT REDUCTION - January 2026
 * Reduces text sizes across the entire mobile site
 * Makes content more compact and reduces scrolling
 */

@media (max-width: 768px) {
    
    /* ========================================
       HIDE DUPLICATE/REDUNDANT SECTIONS ON MOBILE
       ======================================== */
    
    /* Hide entire comparison section on mobile */
    .comparison-section {
        display: none !important;
    }
    
    /* Hide duplicate "Why Coaching Works" section on mobile */
    .why-coaching-works {
        display: none !important;
    }
    
    /* Hide partnership/disclaimers section on mobile (redundant) */
    .partnership-disclaimers-section {
        display: none !important;
    }
    
    /* Hide trust/founders section if duplicate (can show simplified version) */
    section[class*="trust"] {
        display: none !important;
    }
    
    /* Hide resources section on mobile (blog links - can access via menu) */
    .resources-section {
        display: none !important;
    }
    
    /* ========================================
       HERO SECTION - REDUCE SIZE
       ======================================== */
    
    .hero-section,
    .hero {
        padding: 40px 0 30px 0 !important;
        min-height: auto !important;
    }
    
    .hero-title,
    h1 {
        font-size: 1.5rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .hero-subtitle,
    .hero-section p {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1rem !important;
    }
    
    .hero-badge {
        font-size: 0.75rem !important;
        padding: 6px 12px !important;
        margin-bottom: 1rem !important;
    }
    
    /* Reduce hero stats significantly */
    .hero-stats {
        gap: 0.75rem !important;
        margin-top: 1rem !important;
    }
    
    .hero-stats .stat-item {
        padding: 0.5rem !important;
    }
    
    /* Hide duplicate 4th stat item (24/7 appears twice) */
    .hero-stats .stat-item:nth-child(4) {
        display: none !important;
    }
    
    /* ========================================
       SECTION HEADINGS - REDUCE SIZE
       ======================================== */
    
    .section-title,
    h2 {
        font-size: 1.25rem !important;
        line-height: 1.2 !important;
        margin-bottom: 0.75rem !important;
    }
    
    .section-subtitle,
    .section-header p {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
        margin-bottom: 1rem !important;
    }
    
    h3 {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }
    
    h4 {
        font-size: 1rem !important;
        line-height: 1.3 !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* ========================================
       BODY TEXT - REDUCE SIZE
       ======================================== */
    
    body,
    p,
    li,
    .feature-description,
    .benefit-description {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* Small text even smaller */
    small,
    .text-sm,
    .small-text {
        font-size: 0.75rem !important;
    }
    
    /* ========================================
       BUTTONS - REDUCE SIZE
       ======================================== */
    
    .btn-primary,
    .btn-secondary,
    .btn-large {
        font-size: 0.9rem !important;
        padding: 12px 24px !important;
    }
    
    .btn-large {
        font-size: 1rem !important;
        padding: 14px 28px !important;
    }
    
    /* ========================================
       CARDS - REDUCE PADDING
       ======================================== */
    
    .feature-card,
    .benefit-card,
    .problem-card,
    .solution-card,
    .testimonial-card,
    .pricing-card {
        padding: 1rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .feature-title,
    .benefit-title,
    .card-title {
        font-size: 1rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* ========================================
       SECTIONS - REDUCE SPACING
       ======================================== */
    
    section,
    .section {
        padding: 2rem 0 !important;
    }
    
    .section-header {
        margin-bottom: 1rem !important;
    }
    
    /* Grid gaps */
    .features-grid,
    .benefits-grid,
    .problem-grid,
    .solution-grid {
        gap: 1rem !important;
    }
    
    /* ========================================
       FAQ - MORE COMPACT
       ======================================== */
    
    .faq-question {
        font-size: 0.95rem !important;
        padding: 1rem !important;
    }
    
    .faq-answer-content,
    .faq-answer p {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        padding: 0 1rem 1rem !important;
    }
    
    .faq-item {
        margin-bottom: 0.75rem !important;
    }
    
    /* ========================================
       TESTIMONIALS - REDUCE SIZE
       ======================================== */
    
    .testimonial-text {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
    }
    
    .author-name {
        font-size: 0.9rem !important;
    }
    
    .author-role {
        font-size: 0.75rem !important;
    }
    
    /* ========================================
       PRICING - MORE COMPACT
       ======================================== */
    
    .pricing-amount {
        font-size: 2.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .pricing-amount span {
        font-size: 1.125rem !important;
    }
    
    .pricing-label {
        font-size: 1.125rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .pricing-features li {
        font-size: 0.85rem !important;
        padding: 0.5rem 0 !important;
    }
    
    /* ========================================
       FOOTER - REDUCE SIZE
       ======================================== */
    
    .footer {
        padding: 2rem 0 1rem !important;
    }
    
    /* Hide footer logo on mobile */
    .footer img[src*="logo"] {
        display: none !important;
    }
    
    /* Hide the logo and brand text in footer */
    .footer > .container > div:first-child > div:first-child {
        display: none !important;
    }
    
    .footer-heading {
        font-size: 0.95rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .footer-column a,
    .footer-description {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }
    
    .footer-bottom {
        font-size: 0.75rem !important;
        padding-top: 1rem !important;
    }
    
    /* ========================================
       FORMS - REDUCE SIZE
       ======================================== */
    
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea,
    select {
        font-size: 0.9rem !important;
        padding: 10px 14px !important;
    }
    
    label {
        font-size: 0.875rem !important;
    }
    
    /* ========================================
       COACHES SECTION - MORE COMPACT
       ======================================== */
    
    .coach-card {
        padding: 1rem !important;
    }
    
    .coach-name {
        font-size: 0.95rem !important;
    }
    
    .coach-specialty {
        font-size: 0.8rem !important;
    }
    
    .coach-description {
        font-size: 0.8rem !important;
        line-height: 1.4 !important;
    }
    
    /* ========================================
       COMPARISON SUMMARY - REDUCE
       ======================================== */
    
    .comparison-cta {
        padding: 1.25rem !important;
    }
    
    .comparison-summary {
        font-size: 0.9rem !important;
        line-height: 1.5 !important;
        margin-bottom: 1rem !important;
    }
    
    .comparison-note {
        font-size: 0.8rem !important;
    }
    
    /* ========================================
       HOW IT WORKS - MORE COMPACT
       ======================================== */
    
    .step-number {
        width: 50px !important;
        height: 50px !important;
        font-size: 1.25rem !important;
    }
    
    .step-title {
        font-size: 1.05rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .step-description {
        font-size: 0.85rem !important;
        line-height: 1.5 !important;
    }
    
    .step-item {
        margin-bottom: 1.5rem !important;
    }
    
    /* ========================================
       STATS - REDUCE SIZE
       ======================================== */
    
    .stat-number {
        font-size: 1.75rem !important;
    }
    
    .stat-label {
        font-size: 0.75rem !important;
    }
    
    .hero-stats {
        gap: 1.5rem !important;
        margin-top: 1.5rem !important;
    }
    
    /* ========================================
       TRUST BADGES - SMALLER
       ======================================== */
    
    .trust-badge {
        font-size: 0.7rem !important;
        padding: 6px 12px !important;
    }
    
    /* ========================================
       ICONS - SLIGHTLY SMALLER
       ======================================== */
    
    .feature-icon,
    .benefit-icon {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 0.75rem !important;
    }
    
    .feature-icon svg,
    .benefit-icon svg {
        width: 26px !important;
        height: 26px !important;
    }
    
    /* ========================================
       CONTAINER PADDING - REDUCE
       ======================================== */
    
    .container {
        padding: 0 1rem !important;
    }
    
    /* ========================================
       LINE HEIGHT ADJUSTMENTS
       ======================================== */
    
    * {
        line-height: 1.5 !important;
    }
    
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.3 !important;
    }
    
}

/* ========================================
   EXTRA SMALL SCREENS (<375px)
   ======================================== */

@media (max-width: 375px) {
    
    /* Even more compact for tiny screens */
    .hero-title,
    h1 {
        font-size: 1.5rem !important;
    }
    
    .section-title,
    h2 {
        font-size: 1.35rem !important;
    }
    
    body,
    p {
        font-size: 0.8rem !important;
    }
    
    .btn-primary,
    .btn-secondary {
        font-size: 0.85rem !important;
        padding: 10px 20px !important;
    }
    
    .comparison-table th,
    .comparison-table td {
        padding: 6px 4px !important;
        font-size: 0.65rem !important;
    }
    
}