/*
Theme Name: ELEVATE Fashion Store
Theme URI: https://example.com/elevate
Author: ELEVATE
Description: Tema toko fashion responsif berdasarkan template HTML ELEVATE.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: elevate-fashion
*/

        /* Hide scrollbar for clean look but allow scrolling */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        /* Smooth scrolling */
        html {
            scroll-behavior: smooth;
        }

        /* Cart Sidebar scrollbar */
        .cart-scroll::-webkit-scrollbar { width: 4px; }
        .cart-scroll::-webkit-scrollbar-track { background: transparent; }
        .cart-scroll::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
        
        /* Custom selection color */
        ::selection {
            background-color: #111;
            color: #fff;
        }

        /* Marquee Animation */
        .marquee-content {
            display: inline-block;
            white-space: nowrap;
            animation: marquee 25s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        /* FAQ Accordion Transition */
        .faq-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-in-out;
        }
    

/* ELEVATE WordPress theme responsive refinements */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;scroll-padding-top:5rem}
body{margin:0;max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
button,a,input{ -webkit-tap-highlight-color:transparent }
#elevate-mobile-menu{z-index:55}
#cart-sidebar{max-width:100vw;max-height:100dvh}
#cart-sidebar-overlay{z-index:50}
#custom-modal{z-index:70}
@media(max-width:767px){
  header .h-20{height:4.25rem}
  header .text-3xl{font-size:1.45rem;line-height:1.8rem}
  section.relative.min-h-\[85vh\]{min-height: min(760px, 82svh)}
  section.relative h1{font-size:clamp(2.5rem,11vw,4rem);line-height:1.04;overflow-wrap:anywhere}
  section.relative p{font-size:1rem}
  #produk{padding-top:4rem;padding-bottom:4rem}
  #produk h2{font-size:1.8rem;line-height:1.2}
  #product-container{column-gap:1rem;row-gap:2rem}
  #product-container .group .absolute.inset-x-0.bottom-0{opacity:1;transform:none;padding:.5rem}
  #product-container .group button{padding:.65rem .35rem;font-size:.62rem}
  #faq .text-3xl{font-size:1.65rem}
  footer{padding-top:3rem!important}
  footer .p-12{padding:1.5rem}
  #cart-sidebar .p-6{padding:1rem}
}
@media(max-width:380px){
  #product-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  #product-container h3{font-size:.78rem}
  #product-container p{font-size:.75rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}