/* 
|--------------------------------------------------------------------------
| Global Responsive Adjustments
|--------------------------------------------------------------------------
*/

/* Container padding adjustments */
@media (max-width: 1023px) {
    :root {
        --container-padding: 24px;
    }
    
    .section {
        padding: 64px 0;
    }
}

@media (max-width: 767px) {
    :root {
        --container-padding: 16px;
    }
    
    .section {
        padding: 48px 0;
    }
    
    .section-title {
        margin-bottom: 32px;
    }
    
    /* Typography scaling */
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    h3 { font-size: 20px; }
    
    /* Homepage Hero Adjustments */
    .hero-section {
        height: 500px;
    }
    
    .hero-content {
        padding-top: 60px;
    }
    
    .hero-content h1 {
        font-size: 40px;
    }
    
    .hero-content p {
        font-size: 16px;
    }
    
    /* Deals Grid */
    .deals-grid {
        grid-template-columns: 1fr;
    }
    
    /* Forms Stack */
    .form-grid.flights-grid,
    .form-grid.hotels-grid {
        grid-template-columns: 1fr;
    }
    
    .input-with-icon input {
        padding: 14px 14px 14px 44px;
    }
    
    /* Buttons */
    .btn-search {
        height: 48px;
    }
}

/* Small mobile devices */
@media (max-width: 480px) {
    .booking-tabs {
        flex-wrap: wrap;
    }
    
    .tab-btn {
        min-width: 50%;
        padding: 12px 8px;
        font-size: 14px;
    }
    
    .flight-options {
        flex-direction: column;
        gap: 12px;
    }
}