/* Large Screen Responsive Improvements */

/* Ultra-wide displays (1920px and above) */
@media (min-width: 1920px) {
    /* Improve content scaling */
    .hero-title {
        font-size: 8rem;
        line-height: 1.1;
    }
    
    .hero-subtitle {
        font-size: 4rem;
        line-height: 1.2;
    }
    
    .hero-description {
        font-size: 2rem;
        line-height: 1.4;
    }
    
    /* Better grid layouts */
    .route-grid-large {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 3rem;
    }
    
    .content-main-large {
        grid-column: span 6;
    }
    
    .sidebar-large {
        grid-column: span 2;
    }
    
    /* Better button sizing */
    .btn-large {
        padding: 1.5rem 3rem;
        font-size: 1.25rem;
    }
    
    /* Improved spacing */
    .section-large {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    
    /* Better card layouts */
    .card-grid-large {
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        gap: 3rem;
    }
    
    /* Navigation improvements */
    .nav-large {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    
    /* Typography scaling */
    .text-large-1 { font-size: 4.5rem; }
    .text-large-2 { font-size: 3.5rem; }
    .text-large-3 { font-size: 2.5rem; }
    .text-large-4 { font-size: 2rem; }
    .text-large-5 { font-size: 1.75rem; }
    .text-large-6 { font-size: 1.5rem; }
}

/* 4K displays (2560px and above) */
@media (min-width: 2560px) {
    .hero-title {
        font-size: 12rem;
    }
    
    .hero-subtitle {
        font-size: 6rem;
    }
    
    .hero-description {
        font-size: 3rem;
    }
    
    .route-grid-4k {
        grid-template-columns: repeat(12, minmax(0, 1fr));
        gap: 4rem;
    }
    
    .content-main-4k {
        grid-column: span 9;
    }
    
    .sidebar-4k {
        grid-column: span 3;
    }
    
    .section-4k {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }
    
    .nav-4k {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}

/* Better image scaling */
@media (min-width: 1920px) {
    .hero-background {
        background-size: cover;
        background-position: center;
    }
    
    .card-image {
        height: 300px;
        object-fit: cover;
    }
}

@media (min-width: 2560px) {
    .card-image {
        height: 400px;
    }
}

/* Prevent content from being too wide on ultra-wide */
.max-content-width {
    max-width: 2560px;
    margin: 0 auto;
}

/* Better responsive tables */
@media (min-width: 1920px) {
    .responsive-table {
        font-size: 1.25rem;
    }
    
    .responsive-table th,
    .responsive-table td {
        padding: 1.5rem;
    }
}

/* Improved form layouts */
@media (min-width: 1920px) {
    .form-large {
        max-width: 800px;
        margin: 0 auto;
    }
    
    .form-large input,
    .form-large textarea,
    .form-large select {
        padding: 1.5rem;
        font-size: 1.25rem;
    }
}