/* style.css ෆයිල් එක */

body { 
    scroll-behavior: smooth; 
    overflow-x: hidden; 
}

/* Custom Scrollbar - Gold Theme */
::-webkit-scrollbar { 
    width: 6px; 
}
::-webkit-scrollbar-track { 
    background: transparent; 
}
::-webkit-scrollbar-thumb { 
    background: #e5c37f; 
    border-radius: 10px; 
}

/* Footer Link Active State */
.active-footer-link {
    color: #e5c37f !important;
    transform: translateX(4px) !important;
    opacity: 1 !important;
}

/* Carousel Animations */
.slider-track {
    transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.no-transition {
    transition: none !important;
}
/* Premium Stretch & Fade Scroll Indicator Animation */
.animate-scroll-down {
    animation: luxuryScroll 2.5s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@keyframes luxuryScroll {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    70% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

/* Subtle Breathing Effect for SCROLL text */
.pointer-events-auto span.uppercase {
    animation: gentlePulse 3s ease-in-out infinite;
}

@keyframes gentlePulse {
    0%, 100% { opacity: 0.7; }
    50% { opacity: 1; text-shadow: 0 0 8px rgba(255,255,255,0.2); }
}
/* Premium Button Sweep Fill Animation */
.btn-luxury {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-luxury::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #e5c37f; /* Brand Gold */
    transition: width 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1;
}

.btn-luxury:hover::before {
    width: 100%;
}

.btn-luxury:hover {
    color: #0a0a0a !important; /* Brand Dark */
}
/* --- New Arrivals Section CSS --- */

/* Hide default scrollbar for the product track */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
    display: none; /* Chrome, Safari and Opera */
}

/* Smooth scrolling for the product track */
#product-track {
    scroll-behavior: smooth;
}
/* Touch Devices සඳහා ඊතල සඟවා Sticky Hover ප්‍රශ්නය විසඳීම */
@media (hover: none) {
    #slider-prev, #slider-next {
        display: none !important;
    }
}
/* Premium Tab Switch Animation (Fade & Slide Up) */
@keyframes fadeUpPremium {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    animation: fadeUpPremium 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    opacity: 0; /* Animation එක පටන් ගන්නකන් නොපෙනී තියෙන්න */
}
/* --- Premium Infinite Marquee Animation FIX --- */
.marquee-track {
    display: flex;
    width: max-content;
    animation: scrollLuxuryMarquee 30s linear infinite;
    will-change: transform; /* Performance Boost for Mobile */
}

.marquee-track:hover {
    animation-play-state: paused;
}

@keyframes scrollLuxuryMarquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-33.333333%); 
    }
}
/* --- Dual Range Slider Premium Styling --- */
input[type="range"]::-webkit-slider-thumb {
    pointer-events: auto;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a0a0a; /* Dark background */
    border: 2px solid #e5c37f; /* Gold border */
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}

[data-theme="dark"] input[type="range"]::-webkit-slider-thumb {
    background: #ffffff;
    border-color: #e5c37f;
}

/* Firefox Support */
input[type="range"]::-moz-range-thumb {
    pointer-events: auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a0a0a;
    border: 2px solid #e5c37f;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: transform 0.2s;
}
input[type="range"]::-moz-range-thumb:hover {
    transform: scale(1.2);
}
[data-theme="dark"] input[type="range"]::-moz-range-thumb {
    background: #ffffff;
    border-color: #e5c37f;
}

/* --- SHOP PAGE ANIMATION FIXES --- */
#shop-grid .product-card {
    will-change: transform, opacity;
}
/* Cart Drawer Helper Classes */
body.cart-open {
    overflow: hidden;
}

#cart-drawer.open {
    transform: translateX(0);
}

#cart-drawer-overlay.open {
    opacity: 1;
    pointer-events: auto;
}