/**
 * VIBEGISTS Theme - Responsive Styles
 * Ensures homepage and all pages are fully responsive
 */

/* Container adjustments */
@media (max-width: 1280px) {
    .container {
        max-width: 96%;
        padding: 0 2%;
    }
}

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .hero-featured-grid {
        grid-template-columns: 1fr !important;
        gap: 2rem;
    }
    
    .hero-featured-image {
        order: -1;
    }
    
    .grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem;
    }
    
    .movie-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    
    .footer-widgets {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile Landscape (max-width: 768px) */
@media (max-width: 768px) {
    .container {
        padding: 0 1rem;
    }
    
    /* Hero section */
    .hero-featured-grid {
        gap: 1.5rem;
    }
    
    .hero-featured-title {
        font-size: 1.75rem;
    }
    
    .hero-featured-excerpt {
        font-size: 0.9rem;
    }
    
    .hero-cta {
        padding: 0.5rem 1.25rem;
        font-size: 0.9rem;
    }
    
    /* Grids - single column on mobile */
    .grid,
    .movie-grid,
    .news-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }
    
    /* Cards */
    .card,
    .movie-card {
        max-width: 100%;
    }
    
    .card-image {
        aspect-ratio: 16/9;
    }
    
    /* Trending scroll row */
    .trending-scroll {
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
    }
    
    .trending-scroll > * {
        scroll-snap-align: start;
        min-width: 280px;
    }
    
    /* Sidebar - moves below content */
    .widget-area {
        margin-top: 2rem;
    }
    
    /* Footer */
    .footer-widgets {
        grid-template-columns: 1fr !important;
        gap: 1.5rem;
    }
    
    .footer-bottom {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }
    
    .footer-nav ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    
    /* Typography */
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
    
    /* Movie single page */
    .hero-movie {
        min-height: 400px;
    }
    
    .hero-movie-title {
        font-size: 1.8rem;
    }
    
    .movie-metadata-panel .metadata-grid {
        grid-template-columns: 1fr;
    }
    
    /* External links */
    .external-links-section {
        padding: 1rem;
    }
    
    .links-list {
        flex-direction: column;
        align-items: stretch;
    }
    
    .link-btn {
        text-align: center;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .hero-featured-title {
        font-size: 1.5rem;
    }
    
    .hero-featured-meta {
        font-size: 0.75rem;
        flex-wrap: wrap;
    }
    
    .trending-scroll > * {
        min-width: 260px;
    }
    
    .movie-title {
        font-size: 1rem;
    }
    
    .play-icon {
        width: 50px;
        height: 50px;
    }
    
    .play-icon svg {
        width: 24px;
        height: 24px;
    }
    
    .pagination .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 0.8rem;
    }
    
    .load-more-btn {
        width: 100%;
        text-align: center;
    }
}

/* Fix for any overflow issues */
img, iframe, video {
    max-width: 100%;
    height: auto;
}

/* Ensure tables are scrollable on mobile */
.entry-content table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

/* Improve touch targets on mobile */
@media (max-width: 768px) {
    a, button, .watch-later-btn, .link-btn, .god-tab {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
    }
}