/* ===========================================
   Base overrides & Custom Animations
   =========================================== */
html {
    scroll-behavior: smooth;
}

/* Animations */
.fade-in-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.is-visible {
    opacity: 1;
    transform: translate(0);
}

.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }

/* Header Scroll */
.header.scrolled {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* Mobile Menu Transition */
#nav-menu {
    transition: left 0.3s ease-in-out;
}
#nav-menu.active {
    left: 0 !important;
}

/* Backgrounds */
.hero-bg {
    background: linear-gradient(135deg, rgba(17, 24, 39, 0.95) 0%, rgba(31, 41, 55, 0.85) 100%),
        url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80&w=2000') center/cover;
}

.cta-box-bg {
    background: linear-gradient(135deg, #111827, #1F2937);
}
.cta-box-bg::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(195, 153, 83, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
}

/* Swiper Customizations */
.swiper-pagination-bullet {
    background: #D1D5DB;
    opacity: 1;
    width: 8px;
    height: 8px;
    transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
    background: #C39953;
    width: 24px;
    border-radius: 4px;
}
.swiper-wrapper {
    align-items: stretch;
}

/* Custom Scrollbar for Card Text */
.custom-scrollbar::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #E5E7EB;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #C39953;
}