/* Package itinerary day pills — overflow fades + room to sit later days inward */

.itinerary-days {
    position: relative;
}

.itinerary-days__scroller {
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    padding-right: 2.75rem;
    scroll-padding-inline: 1.75rem;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.itinerary-days__scroller::-webkit-scrollbar {
    display: none;
}

.itinerary-days__fade {
    position: absolute;
    top: 0;
    bottom: 0.25rem;
    width: 3rem;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.itinerary-days__fade--start {
    left: 0;
    background: linear-gradient(to right, #13233d 8%, rgba(19, 35, 61, 0.82) 42%, transparent);
}

.itinerary-days__fade--end {
    right: 0;
    background: linear-gradient(to left, #13233d 8%, rgba(19, 35, 61, 0.82) 42%, transparent);
}

.itinerary-days.is-overflow-start .itinerary-days__fade--start,
.itinerary-days.is-overflow-end .itinerary-days__fade--end {
    opacity: 1;
}
