/**
 * Duyarlı tasarım için CSS
 */

/* Tablet ve küçük ekranlar */
@media (max-width: 992px) {
    .search-form {
        grid-template-columns: 1fr;
    }
    
    .form-row {
        grid-column: span 1;
        flex-direction: column;
    }
    
    .search-button {
        grid-column: span 1;
    }
    
    .segment-details {
        grid-template-columns: 1fr;
    }
    
    /* Uçuş detayları için tablet ekran ayarları */
    .segment-route {
        flex-direction: column;
        gap: var(--spacing-lg);
    }
    
    .route-airport {
        flex: 0 0 100%;
        text-align: center;
    }
    
    .route-line {
        width: 100%;
        height: 2px;
        margin: var(--spacing-md) 0;
    }
    
    .route-duration {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .flight-legs {
        padding: var(--spacing-md);
    }
    
    .leg-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
}

/* Mobil ekranlar */
@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        gap: var(--spacing-md);
    }
    
    .nav-list {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .hero {
        padding: var(--spacing-xl) 0;
    }
    
    .hero-title {
        font-size: var(--font-xlarge);
    }
    
    .hero-subtitle {
        font-size: var(--font-medium);
    }
    
    .search-form-container {
        margin-top: -30px;
        padding: var(--spacing-md);
    }
    
    .flight-segment {
        padding: var(--spacing-md);
    }
    
    .time-container {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
    
    .flight-path {
        width: 100%;
        margin: var(--spacing-sm) 0;
    }
    
    .airport-container {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }
    
    .departure-airport, .arrival-airport {
        text-align: left;
    }
    
    .flight-duration {
        margin: var(--spacing-sm) 0;
    }
    
    .flight-footer {
        flex-direction: column;
        gap: var(--spacing-md);
        align-items: stretch;
    }
    
    .price-container {
        text-align: center;
    }
    
    .results-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }
    
    .footer-content {
        flex-direction: column;
        gap: var(--spacing-lg);
        text-align: center;
    }
    
    .footer-links {
        flex-direction: column;
        gap: var(--spacing-md);
    }
    
    /* Uçuş detayları için mobil ekran ayarları */
    .flight-details-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }
    
    .flight-details-title {
        font-size: var(--font-large);
    }
    
    .back-button {
        margin-bottom: var(--spacing-sm);
    }
    
    .flight-details-segment {
        padding: var(--spacing-md);
    }
    
    .leg-timeline {
        flex-direction: column;
        gap: var(--spacing-md);
    }
    
    .timeline-line {
        display: none;
    }
    
    .price-row {
        flex-direction: column;
        gap: var(--spacing-xs);
        text-align: center;
    }
    
    .price-row.price-total {
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Küçük mobil ekranlar */
@media (max-width: 480px) {
    .hero-title {
        font-size: var(--font-large);
    }
    
    .hero-subtitle {
        font-size: var(--font-normal);
    }
    
    .departure-time, .arrival-time {
        font-size: var(--font-large);
    }
    
    .airline-container {
        flex-direction: column;
    }
    
    .price-value {
        font-size: var(--font-large);
    }
    
    /* Uçuş detayları için küçük mobil ekran ayarları */
    .airport-time {
        font-size: var(--font-large);
    }
    
    .purchase-button {
        width: 100%;
        padding: var(--spacing-md);
    }
    
    .flight-leg {
        padding: var(--spacing-sm);
    }
}