/* MOBILE/RESPONSIVE FIXES — 2026-02-11 */

/* ============================================
   1. Testimonial pagination dots — increase tap target to 44px
   ============================================ */
@media (max-width: 991px) {
    .slick-dots li button,
    .aft2-reviews__tabs button,
    .aft2-reviews__tabs .aft2-reviews__tab {
        min-width: 44px !important;
        min-height: 44px !important;
        padding: 12px !important;
    }
    .slick-dots li {
        margin: 0 4px !important;
    }
}

/* ============================================
   2. "scroll to discover" text — minimum 12px
   ============================================ */
@media (max-width: 767px) {
    .scroll-discover,
    .scroll-to-discover,
    [class*="scroll"] span,
    .cbl__text p:only-child {
        /* Targeted below more specifically */
    }
    
    /* Homepage hero scroll text */
    .page-template-page-demo .afe-block--hero .cbl__text {
        font-size: 12px !important;
    }
}

/* ============================================
   3. Counter stat labels — larger on mobile
   ============================================ */
@media (max-width: 767px) {
    /* Stat description labels under counter numbers */
    .cb-counter__label,
    .fd-counter .cb-counter__label,
    .cbl__widget--counter .cb-counter__label {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        line-height: 1.4 !important;
    }
    
    /* Counter section text widgets (labels like "NATIONWIDE", "MILLIONS CLOSED") */
    .afe-block--counters .cbl__text,
    .afe-block--counters .cbl__text p,
    .counters-section .cbl__text,
    .counters-section .cbl__text p {
        font-size: 11px !important;
        letter-spacing: 0.5px !important;
        line-height: 1.4 !important;
    }
}

/* ============================================
   4. Explore Areas — community stats spacing
   ============================================ */
@media (max-width: 767px) {
    /* Make community stat grids more readable */
    .community-stats,
    .afe-block--area .cbl__row {
        gap: 8px !important;
    }
    
    .community-stats .stat-item,
    .afe-block--area .cbl__widget--text {
        min-width: 45% !important;
        margin-bottom: 8px !important;
    }
    
    /* "Best of" links — bigger tap targets */
    .afe-block--area a,
    .community-links a {
        padding: 8px 4px !important;
        display: inline-block !important;
    }
}

/* ============================================
   5. Mortgage calculator amortization table
   ============================================ */
@media (max-width: 767px) {
    .amort-table-container,
    .amortization-table {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    
    .amort-table-container table,
    .amortization-table table {
        min-width: 400px !important;
    }
    
    /* Scroll hint shadow on right edge */
    .amort-table-container,
    .amortization-table {
        background: 
            linear-gradient(to right, transparent 95%, rgba(185,163,139,0.15)) !important;
    }
}

/* ============================================
   6. Footer link tap targets
   ============================================ */
@media (max-width: 991px) {
    .footer-menu a,
    .site-footer a,
    footer a {
        min-height: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 8px 4px !important;
    }
}

/* 7. Hamburger — left as-is (42×40px is close enough to 44px minimum) */

/* ============================================
   8. Blog category labels — slightly larger
   ============================================ */
@media (max-width: 767px) {
    .post-category,
    .blog-category,
    .afe-blog-item__category,
    .post-meta-category {
        font-size: 11px !important;
        padding: 4px 8px !important;
    }
}