/*--------------------------------------------------------------
# Responsive Design - Media Queries
--------------------------------------------------------------*/

/* === Large Desktop (1200px+) === */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
    
    .hero-title h1 {
        font-size: var(--font-size-6xl);
    }
    
    .section-header h2 {
        font-size: var(--font-size-5xl);
    }
}

/* === Desktop and Tablet (1024px and below) === */
@media (max-width: 1024px) {
    /* Hero Section Adjustments */
    .hero-info {
        flex-direction: column;
        gap: var(--space-2xl);
    }
    
    /* Two Column Grids become Single Column */
    .chat-content,
    .venus-content {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }
    
    /* Three Column Grids become Two Columns */
    .cast-grid,
    .events-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* Contact Section */
    .contact-content {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }
    
    /* Section Padding Reduction */
    section {
        padding: var(--space-3xl) 0;
    }
}

/* === Tablet (768px and below) === */
@media (max-width: 768px) {
    /* Show Mobile Header */
    .mobile-header {
        display: block;
    }
    
    /* Hide Desktop Navigation */
    .top-navigation {
        display: none;
    }
    
    /* Adjust Site Main for Mobile Header */
    .site-main {
        padding-top: 70px;
    }
    
    /* Hero Section Mobile */
    .main-hero {
        padding: var(--space-3xl) 0 var(--space-2xl);
    }
    
    .hero-title h1 {
        font-size: var(--font-size-4xl);
    }
    
    .phone-number a {
        font-size: var(--font-size-3xl) !important;
    }
    
    /* Single Column Grids */
    .cast-grid,
    .events-grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }
    
    /* Contact Options Single Column */
    .contact-options {
        grid-template-columns: 1fr;
    }
    
    /* News Item Layout */
    .news-item {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-sm);
    }
    
    .news-date {
        min-width: auto;
    }    /* Section Padding Reduction */
    section {
        padding: var(--space-3xl) 0;
    }
    
    /* Container Padding */
    .container {
        padding: 0 var(--space-md);
    }
    
    /* Section Headers */
    .section-header {
        margin-bottom: var(--space-2xl);
    }
    
    .section-header h2 {
        font-size: var(--font-size-3xl);
    }
    
    /* Footer Menu */
    .footer-menu {
        gap: var(--space-lg);
    }
}

/* === Mobile (480px and below) === */
@media (max-width: 480px) {
    /* Typography Adjustments */
    .hero-title h1 {
        font-size: var(--font-size-3xl);
    }
    
    .section-header h2 {
        font-size: var(--font-size-2xl);
    }
    
    .chat-header h2,
    .venus-header h2 {
        font-size: var(--font-size-3xl);
    }
    
    /* Phone Number */
    .phone-number a {
        font-size: var(--font-size-2xl) !important;
    }
    
    /* Card Padding Reduction */
    .cast-info,
    .event-info {
        padding: var(--space-lg);
    }
    
    /* Button Adjustments */
    .btn {
        padding: var(--space-sm) var(--space-lg);
        font-size: var(--font-size-xs);
    }
    
    /* Navigation Menu */
    .mobile-menu a {
        padding: var(--space-md);
        font-size: var(--font-size-sm);
    }
    
    /* Footer Adjustments */
    .footer-menu {
        flex-direction: column;
        gap: var(--space-md);
    }
    
    .footer-social {
        gap: var(--space-md);
    }
    
    .social-link {
        width: 40px;
        height: 40px;
    }
    
    /* Container Extra Small */
    .container {
        padding: 0 var(--space-sm);
    }
    
    /* Section Spacing */
    section {
        padding: var(--space-2xl) 0;
    }
    
    .section-header {
        margin-bottom: var(--space-xl);
    }
    
    .section-footer {
        margin-top: var(--space-xl);
    }
}

/* === Extra Small Mobile (360px and below) === */
@media (max-width: 360px) {
    /* Extreme Mobile Adjustments */
    .hero-title h1 {
        font-size: var(--font-size-2xl);
    }
    
    .phone-number a {
        font-size: var(--font-size-xl) !important;
    }
    
    .section-header h2 {
        font-size: var(--font-size-xl);
    }
    
    /* Button Extra Small */
    .btn {
        padding: var(--space-xs) var(--space-md);
        font-size: var(--font-size-xs);
    }
    
    /* Card Minimal Padding */
    .cast-info,
    .event-info,
    .contact-method {
        padding: var(--space-md);
    }
    
    /* Grid Gaps */
    .cast-grid,
    .events-grid {
        gap: var(--space-md);
    }
}

/* === Landscape Mobile Adjustments === */
@media (max-height: 500px) and (orientation: landscape) {
    .main-hero {
        padding: var(--space-xl) 0;
    }
    
    .hero-title h1 {
        font-size: var(--font-size-3xl);
        margin-bottom: var(--space-lg);
    }
    
    .hero-info {
        gap: var(--space-xl);
    }
    
    section {
        padding: var(--space-xl) 0;
    }
}

/* === Print Styles === */
@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .mobile-header,
    .top-navigation,
    .site-footer,
    .btn {
        display: none !important;
    }
    
    .site-main {
        padding-top: 0 !important;
    }
    
    a {
        text-decoration: underline;
    }
    
    h1, h2, h3 {
        page-break-after: avoid;
    }
}