.itinerary-container {
    display: flex;
    gap: 3rem;
    margin: 0 auto;

}

.right-content {
    flex: 1; 

    min-height: 100vh;
}

.sticky-sidebar {
    flex: 0 0 500px; 
    height: fit-content;
    position: sticky;
    top: 2rem;
    overflow-y: auto;
}

/* Scrollbar  */

.sticky-sidebar::-webkit-scrollbar {
    width: 0px; 
    background: transparent; 
}

.sticky-sidebar {
    scrollbar-width: none; 
    top:18%;
    -ms-overflow-style: none; 
}


/* Day item  */
.day-item {
    border-bottom: 1px;
    padding: 1rem;
}

.day-item:last-child {
    border-bottom: none;
}

.day-details {
    color: #6b7280;
    font-size: 0.9rem;
    line-height: 1.5;
}

.day-meta {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #f3f4f6;
    font-size: 0.8rem;
    color: #9ca3af;
}


@media (max-width: 768px) {
    .itinerary-container {
        flex-direction: column;
        gap: 1.5rem;
    }

    .sticky-sidebar {
        position: relative;
        top: 0;
        max-height: none;
        flex: none; 
    }

    .right-content {
        flex: none; 

    }
}


       .sticky-stack {
            position: sticky;
            top: 0;
            z-index: 10;
            
        }
        
        .itinerary-item {
            background: white;
            box-shadow: 0 2px 2px rgba(0,0,0,0.1);
            border-radius: 8px;
            margin-bottom: 20px;
        }

        .itinerary-item {
            transition: all ease;
        }

.itinerary-content {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease-in-out;
}