@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body { 
    font-family: 'Outfit', sans-serif; 
}

h1, h2, h3, .font-source {
    font-family: 'Playfair Display', serif;
}

.hero-bg {
    background-image: linear-gradient(to bottom, rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.8)), url('attached_assets/ogImage.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.nav-link {
     font-size: 0.85rem; 
     text-transform: uppercase; 
     letter-spacing: 0.15em; 
     font-weight: 500;
}

.tour-card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.1);
}

.tour-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2);
}

.tour-card img { 
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1); 
}

.tour-card:hover img { 
    transform: scale(1.08); 
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Smooth momentum scrolling on iOS */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

.glass-badge {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Smooth fade in animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }