/* ==========================================================================
   MOBILE RESPONSIVENESS & UTILITIES (PHASE 20-21)
   ========================================================================== */

/* Standard Breakpoints: 1200px+, 1024px, 768px, 480px */

/* --- 1. LAPTOP (1024px) --- */
@media (max-width: 1024px) {
    .v4-main { flex: 0 0 65%; } /* Scale down from 780px */
    .v4-layout { gap: 30px; }
}

/* --- 2. TABLET (768px) --- */
@media (max-width: 768px) {
    .v4-main, .v4-sidebar { flex: none; width: 100%; }
    .v4-layout { flex-direction: column; }
    
    .archive-main-title { font-size: 38px !important; }
    .v4-title { font-size: 42px !important; }
    
    /* Grid Adjustments */
    .artist-premium-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
    }

    /* Comparison Table Responsiveness */
    .comparison-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .pro-table {
        min-width: 600px; /* Ensure table doesn't squish too much */
    }

    .mobileblockdisplay { display: block !important; }
}

/* --- 3. MOBILE (480px) --- */
@media (max-width: 480px) {
    .artist-premium-grid {
        grid-template-columns: 1fr;
    }
    .v4-block { padding: 25px; }
    .v4-proud-img { height: 300px; }
    
    .archive-main-title { font-size: 32px !important; }
    .v4-title { font-size: 36px !important; }

    /* Button accessibility */
    .v4-btn-gold, .v4-primary-cta, .v4-wa-cta {
        padding: 14px 20px;
        font-size: 15px;
    }
    
    /* Shop grid cards */
    .woocommerce ul.products li.product {
        margin-bottom: 25px !important;
    }
}

/* --- 4. ACCESS-ABILITY FIXES --- */
.comparison-table-wrap::after {
    content: '← Scroll for more →';
    display: none;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding: 10px;
}

@media (max-width: 768px) {
    .comparison-table-wrap::after { display: block; }
}