/* Kaydırma davranışı düzeltmeleri */

/* Tüm cihazlar için temel kaydırma davranışı */
.tabs,
.cargo-cards,
.feature-highlights__cards,
.country-slider {
    -webkit-overflow-scrolling: touch; /* iOS için düzgün kaydırma */
    overflow-x: auto; /* Basit yatay kaydırma */
    overflow-y: hidden;
    user-select: none; /* Metin seçimini engelle */
    scrollbar-width: none; /* Firefox için scrollbar gizleme */
}

/* Webkit (Chrome, Safari, Edge) için scrollbar gizleme */
.tabs::-webkit-scrollbar,
.cargo-cards::-webkit-scrollbar,
.feature-highlights__cards::-webkit-scrollbar,
.country-slider::-webkit-scrollbar {
    display: none;
}

/* Sadece masaüstünde grab cursor gösterimi */
@media (min-width: 769px) {
    .tabs,
    .cargo-cards,
    .feature-highlights__cards,
    .country-slider {
        cursor: grab; /* Masaüstünde, kaydırılabilir olduğunu belirtmek için el işareti */
    }
    
    /* Aktif sürükleme sırasında cursor değişimi - sadece masaüstünde */
    .tabs.active,
    .cargo-cards.active,
    .feature-highlights__cards.active,
    .country-slider.active {
        cursor: grabbing; /* Sürükleme sırasında el kapama işareti */
    }
    
    /* Masaüstünde scrollbar stilleri */
    .tabs::-webkit-scrollbar,
    .cargo-cards::-webkit-scrollbar,
    .feature-highlights__cards::-webkit-scrollbar,
    .country-slider::-webkit-scrollbar {
        height: 6px;
    }
    
    .tabs::-webkit-scrollbar-track,
    .cargo-cards::-webkit-scrollbar-track,
    .feature-highlights__cards::-webkit-scrollbar-track,
    .country-slider::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    .tabs::-webkit-scrollbar-thumb,
    .cargo-cards::-webkit-scrollbar-thumb,
    .feature-highlights__cards::-webkit-scrollbar-thumb,
    .country-slider::-webkit-scrollbar-thumb {
        background: #c7c7c7;
        border-radius: 3px;
    }
    
    .tabs::-webkit-scrollbar-thumb:hover,
    .cargo-cards::-webkit-scrollbar-thumb:hover,
    .feature-highlights__cards::-webkit-scrollbar-thumb:hover,
    .country-slider::-webkit-scrollbar-thumb:hover {
        background: #a1a1a1;
    }
}

/* Mobil cihazlarda daha basit kaydırma davranışı */
@media (max-width: 768px) {
    .tabs,
    .cargo-cards,
    .feature-highlights__cards,
    .country-slider {
        overflow-x: scroll; /* Mobilde scroll davranışını vurgula */
        scroll-behavior: auto; /* Yumuşak kaydırmayı kapat */
        touch-action: manipulation; /* Hem yatay hem dikey kaydırmaya izin ver */
    }
}