/* Tour Detail Page Styles */

/* Date picker customization */
#departure-date-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: none !important;
}

#departure-date-select::-ms-expand {
    display: none !important;
}

/* Toast notification animation */
@keyframes slide-in-right {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.animate-slide-in-right {
    animation: slide-in-right 0.3s ease-out;
}

/* Navigation tabs */
.nav-tab {
    transition: all 0.3s;
}

.nav-tab.active-tab {
    border-bottom-color: var(--primary-color, #3b82f6);
    color: var(--primary-color, #3b82f6);
}

/* Itinerary toggle */
.itinerary-icon {
    transition: transform 0.3s ease;
}

.itinerary-content {
    transition: all 0.3s ease;
}

/* Similar tours slider */
.similar-tours-section .scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.similar-tours-section .scrollbar-hide::-webkit-scrollbar {
    display: none;
}

.similar-tour-dot {
    transition: all 0.3s ease;
}

/* Favorite button transitions */
.favorite-btn {
    transition: all 0.2s ease;
}

/* Booking form loading state */
.booking-form-loading {
    opacity: 0.6;
    pointer-events: none;
}

/* Image hover effects */
.tour-image-hover {
    transition: transform 0.7s ease;
}

.tour-image-hover:hover {
    transform: scale(1.05);
}

/* Sticky tabs */
.sticky-tabs-container {
    position: sticky;
    top: 73px;
    z-index: 40;
    background-color: var(--bg-light, #ffffff);
}

@media (prefers-color-scheme: dark) {
    .sticky-tabs-container {
        background-color: var(--bg-dark, #1a1d2d);
    }
}