/* assets/css/style.css */

/* --- Lenis Smooth Scroll Required CSS --- */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }
.lenis.lenis-scrolling iframe { pointer-events: none; }

/* --- Premium Utilities & Micro-interactions --- */
.glass-nav { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(20px); 
    border-bottom: 1px solid rgba(0,0,0,0.05); 
}
        
.img-hover-zoom { overflow: hidden; }
.img-hover-zoom img { transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.img-hover-zoom:hover img { transform: scale(1.08); }
        
.text-outline {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,0.4);
} 
/* Adding a dark outline class for the white theme */
.text-outline-dark {
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(10, 10, 10, 0.9); /* Deep Black outline */
}

/* Custom Luxury Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f4f4f4; }
::-webkit-scrollbar-thumb { background: #E50914; }
::-webkit-scrollbar-thumb:hover { background: #B20710; }

/* Link underline animations */
.btn-link {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
}
.btn-link::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px;
    bottom: 0;
    left: 0;
    background-color: #E50914;
    transform-origin: bottom right;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-link:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* --- HERO SLIDER & KEN BURNS EFFECTS --- */
.ken-burns-wrapper img {
    transform: scale(1);
    transition: transform 6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Zooms in only when the slide becomes active */
.swiper-slide-active .ken-burns-wrapper img {
    transform: scale(1.12);
}

/* Luxury Line Pagination for Hero */
.hero-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.hero-pagination .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.4;
    width: 25px;
    height: 2px;
    border-radius: 0;
    transition: all 0.5s ease;
    margin: 0 !important;
}
.hero-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #E50914; /* Red accent */
    width: 45px;
}

/* --- GSAP Optimization --- */
.gsap-reveal {
    overflow: hidden;
    will-change: transform, clip-path;
}
.gsap-reveal img {
    will-change: transform;
}


/* --- PREMIUM SEAMLESS MARQUEE --- */
.marquee-wrapper {
    display: flex;
    width: fit-content; /* Container ko content ke hisaab se fit karo */
    animation: marqueeScroll 20s linear infinite;
}

@keyframes marqueeScroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); } /* Half-way scroll for seamless loop */
}

/* Pause on hover fix */
.marquee-wrapper:hover {
    animation-play-state: paused;
}


/* Must add this to style.css at the end */
.continuous-trending-slider .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
}



 /* Wedding Slider Specific Styling */
  .wedding-slider .product-card {
    transition: all 0.4s ease;
    background: white;
  }
  .wedding-slider .product-card .add-to-cart-btn {
    background: #A57D3C;
    border: 1px solid #A57D3C;
    color: white;
    transition: all 0.3s ease;
  }
  .wedding-slider .product-card .add-to-cart-btn:hover {
    background: transparent;
    color: #A57D3C;
  }
  .wedding-slider .product-card .tag {
    background: #1C1C1C;
    color: white;
  }