/* ============================================================
   Discover China - Custom Styles
   Note: Utility classes using Tailwind's @apply / @layer must
   stay in the <style type="text/tailwindcss"> block inside
   index.html (processed by the Tailwind CDN). This file holds
   the plain CSS rules only.
   ============================================================ */

html {
    scroll-behavior: smooth;
}

.hero-section {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.destination-card {
    transition: all 0.3s ease;
}

.destination-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.destination-card img {
    height: 250px;
    object-fit: cover;
}

/* Language toggle animation */
.lang-toggle {
    transition: all 0.3s ease;
}

.lang-toggle:hover {
    transform: scale(1.1);
}