/* Silk Road Tours — small custom styles layered on top of Tailwind */

html {
    scroll-behavior: smooth;
}

/* Subtle lift on hover for cards */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px -12px rgba(52, 38, 27, 0.18);
}

/* Gentle image zoom inside an overflow-hidden frame */
.img-zoom img {
    transition: transform 0.5s ease;
}
.img-zoom:hover img {
    transform: scale(1.05);
}

/* Simple cross-fade for hero */
.hover-fade {
    transition: opacity 0.3s ease;
}
.hover-fade:hover {
    opacity: 0.85;
}

/* Desktop dropdown — touch/laptop click-toggle fallback (complements group-hover) */
[data-desktop-dropdown].open > div:nth-child(2) {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}
[data-desktop-dropdown].open > a svg {
    transform: rotate(180deg);
}

/* Safe single-line text truncation (works everywhere, incl. Tailwind CDN) */
.truncate-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Day-by-Day unified card: open state highlight */
[data-day-item] [data-day-card] {
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
[data-day-item][data-open="true"] [data-day-card] {
    border-color: rgba(127, 168, 184, 0.7);
    box-shadow: 0 18px 34px -20px rgba(29, 110, 140, 0.35);
}

/* Day-by-Day panel entrance animation */
[data-day-panel] {
    animation: day-panel-in 0.28s ease;
}
@keyframes day-panel-in {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Booking form sticky card (lg+): slim themed scrollbar for inner scrolling */
#book {
    scrollbar-width: thin;
    scrollbar-color: rgba(127, 168, 184, 0.45) transparent;
}
#book::-webkit-scrollbar {
    width: 6px;
}
#book::-webkit-scrollbar-thumb {
    background: rgba(127, 168, 184, 0.45);
    border-radius: 3px;
}
#book::-webkit-scrollbar-track {
    background: transparent;
}