/* 
    Responsive Overrides for BizScoop Homepage
    Target: Content area below hero section
    Author: Antigravity
*/
/* ── Category Featured Typography ── */
.cat-featured-title {
    font-size: 24px !important;
}
.cat-featured-excerpt {
    font-size: 14px !important;
}

/* ── TABLET & MOBILE (Below 1024px) ── */
@media (max-width: 1024px) {
    .home-main-layout {
        flex-direction: column !important;
        gap: 30px !important;
    }

    .home-sidebar {
        width: 100% !important;
        flex-shrink: 1 !important;
    }

    .sidebar-sticky {
        position: static !important;
        top: auto !important;
    }

    .home-main-column {
        width: 100% !important;
    }

    /* Section Head Adjustments */
    .sec-head {
        padding-bottom: 10px !important;
    }

    /* Ad banner responsiveness */
    .home-main-column x-ad-banner {
        width: 100% !important;
    }

    /* Hero Grid Responsiveness */
    .home-hero-grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        gap: 5px !important;
    }
    
    .home-hero-main {
        grid-row: auto !important;
        height: 450px !important;
    }
}

/* ── MOBILE ONLY (Below 767px) ── */
@media (max-width: 767px) {
    /* Force all grids to single column */
    .home-two-grid, 
    .home-feature-grid, 
    .home-list-grid,
    .home-video-grid,
    .nested-grid-stack {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    /* Exceptions for specific grids */
    .keep-2-col-mobile {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }

    /* Card Adjustments */
    .img-card {
        height: auto !important;
        aspect-ratio: 16/9 !important;
    }

    .home-content-box {
        padding: 15px !important;
        margin-bottom: 25px !important;
    }

    /* Spacing fixes */
    .wrap {
        padding: 0 10px !important;
    }

    /* List post adjustments */
    .list-post {
        flex-direction: row; /* Keep small horizontal for now unless requested otherwise */
    }

    /* Newsletter form on mobile */
    .home-sidebar form {
        gap: 10px !important;
    }

    /* Section Title Readability */
    .sec-title {
        font-size: 16px !important;
    }

    /* Category Featured Typography Mobile */
    .cat-featured-title {
        font-size: 20px !important;
    }
    .cat-featured-excerpt {
        font-size: 13px !important;
    }

    /* Advertise Page Mobile Fixes */
    .adv-title { font-size: 38px !important; }
    .adv-grid-4 { grid-template-columns: 1fr 1fr !important; gap: 15px !important; margin-bottom: 40px !important; }
    .adv-form-box { padding: 25px 20px !important; }
    .adv-stat-number { font-size: 30px !important; }

    /* About Page Mobile Fixes */
    .about-hero { padding: 40px 0 !important; }
    .about-title { font-size: 36px !important; }
    .about-box { padding: 25px 20px !important; }
    .about-grid-2 { grid-template-columns: 1fr !important; gap: 20px !important; margin-bottom: 30px !important; }
    .about-grid-3 { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
    .about-footer { padding: 30px 20px !important; }

    /* Careers Page Mobile Fixes */
    .careers-hero { padding: 60px 0 !important; }
    .careers-hero-title { font-size: 34px !important; }
    .careers-hero-subtitle { font-size: 14px !important; }
    .careers-grid-3 { grid-template-columns: 1fr !important; gap: 20px !important; }
    .careers-flex-container { flex-direction: column !important; gap: 30px !important; }
    .careers-hero-badge { padding: 30px 20px !important; }
    .careers-job-row { border-radius: 8px !important; }
    .careers-job-row > div { flex-direction: column !important; align-items: flex-start !important; gap: 15px !important; }
    .careers-apply-btn { width: 100% !important; justify-content: center !important; }

    /* Contact Page Mobile Overrides */
    .contact-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
    .contact-form-card { padding: 30px 20px !important; }
    .contact-form-grid { grid-template-columns: 1fr !important; gap: 15px !important; }
    .contact-form-grid > div { grid-column: span 1 !important; }

    /* Privacy Policy Page Mobile Overrides */
    .privacy-header { padding: 40px 0 !important; margin-bottom: 25px !important; }
    .privacy-title { font-size: 30px !important; }
    .privacy-card { padding: 30px 15px !important; }
    .privacy-contact-box { padding: 20px 15px !important; margin-top: 35px !important; }

    /* Advertise Page Tablet/Mobile Fixes */
    .adv-grid-2 { grid-template-columns: 1fr !important; gap: 30px !important; }
    .adv-sidebar { position: static !important; }

    /* Hero Mobile Heights */
    .home-hero-main {
        height: 320px !important;
    }
    .home-hero-box-2, 
    .home-hero-box-small {
        height: 180px !important;
    }
}

/* ── TABLET SPECIFIC (768px - 1024px) ── */
@media (min-width: 768px) and (max-width: 1024px) {
    .home-two-grid {
        grid-template-columns: 1fr 1fr !important;
    }
    
    .home-feature-grid,
    .home-video-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .home-list-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}