/*
Theme Name: Lucas Shop 1.4 Pro
Theme URI: https://www.bankwp.com
Author: Bank WP
Author URI: https://www.bankwp.com
Description: WooCommerce video shop theme with editable hero, mobile-optimized layout, quick view, dynamic page backgrounds, category slideshows, and creative premium presentation.
Version: 1.4
Text Domain: lucas-shop
License: GPL-2.0+
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, woocommerce, responsive, dark, custom-logo, custom-header
*/

:root{
    --bg-main:#000000;
    --bg-accent:#151515;
    --bg-surface:#0c0c0c;
    --text-main:#f5f5f5;
    --text-soft:#d0d0d0;
    --border:rgba(255,255,255,.12);
    --radius:20px;
    --shadow:0 18px 40px rgba(0,0,0,.62);
    --max:1240px;
}
*,
*::before,
*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
    font-family:Arial, Helvetica, sans-serif;
    color:var(--text-main);
    min-height:100vh;
    background:radial-gradient(circle at top, var(--bg-accent) 0%, var(--bg-surface) 45%, var(--bg-main) 100%);
    overflow-x:hidden;
    transition:background .45s ease,color .2s ease;
}
img{max-width:100%;height:auto}
a{text-decoration:none;color:#fff}
button,input,select,textarea{font:inherit}
.site-wrapper{min-height:100vh;display:flex;flex-direction:column}
.top-timebar{
    width:100%;
    padding:.45rem .9rem;
    display:flex;
    justify-content:flex-end;
    background:linear-gradient(90deg,#000,var(--bg-accent),#000);
    border-bottom:1px solid var(--border);
    color:var(--text-soft);
    font-size:.78rem;
}
#current-time-date{font-family:monospace}
.site-header{
    position:sticky;
    top:0;
    z-index:99;
    background:linear-gradient(180deg, rgba(0,0,0,.96), rgba(8,8,8,.92));
    border-bottom:1px solid var(--border);
    backdrop-filter:blur(8px);
}
.site-header-inner{
    max-width:var(--max);
    margin:0 auto;
    padding:1rem;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:1rem;
    align-items:center;
}
.site-branding{display:flex;align-items:center;gap:.9rem;min-width:0}
.site-branding img{max-height:64px;width:auto}
.site-title,.site-title a{
    margin:0;
    color:#fff;
    font-size:1.35rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    text-shadow:0 0 8px rgba(255,255,255,.28);
}
.site-description{margin:.25rem 0 0;color:var(--text-soft);font-size:.83rem}
.header-controls{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}
.main-navigation ul{list-style:none;display:flex;gap:.85rem;flex-wrap:wrap;margin:0;padding:0}
.main-navigation a{position:relative;font-size:.94rem;display:inline-block;padding:.15rem 0}
.main-navigation a::after{
    content:"";position:absolute;left:0;bottom:-3px;width:0;height:2px;
    background:linear-gradient(90deg,#fff,#ddd,#fff);transition:width .2s ease;
}
.main-navigation a:hover::after,
.main-navigation .current-menu-item>a::after{width:100%}
.mini-cart{
    display:inline-flex;align-items:center;gap:.45rem;min-height:40px;padding:.65rem 1rem;border-radius:999px;
    background:linear-gradient(135deg,#fff,#d0d0d0,#f7f7f7);color:#000;font-weight:700;box-shadow:0 0 12px rgba(255,255,255,.38);
}
.mini-cart-count{
    width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
    background:#000;color:#fff;font-size:.72rem;
}

.header-slider{
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.06);
    background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
}
.header-slider-inner,.container,.footer-widgets-inner{max-width:var(--max);margin:0 auto}
.header-slider-inner{overflow:hidden;padding:.8rem 1rem}
.slider-track,.category-slider{display:flex;gap:1rem;transition:transform .55s ease;will-change:transform}
.slide-item,.category-slide{min-width:220px;max-width:220px;flex:0 0 auto}
.card,
.slide-card,.category-slide-card,.product-card,
.widget,article,.woocommerce ul.products li.product,.page-header-box,.hero-section,.quick-view-panel{
    background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.7));
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}
.slide-card,.category-slide-card,.product-card{overflow:hidden}
.slide-card:hover,.category-slide-card:hover,.product-card:hover,
.widget:hover,article:hover,.woocommerce ul.products li.product:hover,.hero-section:hover{
    transform:translateY(-3px);
    box-shadow:0 0 18px rgba(255,255,255,.12),0 20px 44px rgba(0,0,0,.78);
}
.slide-card img,.category-slide-card img,.product-card img{
    display:block;width:100%;aspect-ratio:4/3;object-fit:cover
}
.slide-card-body,.category-slide-body,.product-card-body{padding:.8rem}

.site-content{flex:1;width:100%}
.container{padding:1rem}
.page-header-box{padding:1rem 1.1rem;margin-bottom:1rem}
.page-header-box h1{margin:.1rem 0}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem}
.no-sidebar .content-layout{grid-template-columns:1fr}
.content-main{min-width:0}
.widget-area{display:grid;gap:1rem}
.widget{padding:1rem}
article{padding:1.05rem;margin-bottom:1rem}
.widget-title{margin-top:0;font-size:.96rem;text-transform:uppercase;letter-spacing:.12em}
.entry-meta{color:var(--text-soft);font-size:.8rem;margin-bottom:.5rem}

.hero-section{margin-bottom:1rem;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:center;padding:1.2rem}
.hero-copy h2{font-size:clamp(1.8rem, 4vw, 3rem);margin:.2rem 0 .7rem;line-height:1.05}
.hero-copy p{color:var(--text-soft);font-size:1rem;max-width:60ch}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}
.hero-media img{width:100%;border-radius:18px;aspect-ratio:16/10;object-fit:cover}

button,input[type=submit],input[type=button],input[type=reset],
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.quick-view-button,.wishlist-button{
    border:none;border-radius:999px;padding:.78rem 1.1rem;
    background:linear-gradient(135deg,#fff,#d1d1d1,#f7f7f7);
    color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;
    box-shadow:0 0 12px rgba(255,255,255,.34);
}
.quick-view-button.quick-view-small{
    padding:.42rem .72rem;
    font-size:.68rem;
    letter-spacing:.04em;
    min-height:auto;
    box-shadow:0 0 8px rgba(255,255,255,.24);
}
.action-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.7rem}
.pagination,.nav-links{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}
.page-numbers{
    display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;
    padding:0 .8rem;border-radius:999px;border:1px solid var(--border);
    color:#fff;background:rgba(255,255,255,.05)
}
.page-numbers.current,.page-numbers:hover{background:#fff;color:#000}

.woocommerce ul.products{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.woocommerce ul.products li.product{margin:0 !important;padding:.9rem;list-style:none}
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img{
    border-radius:14px;transition:transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product a:hover img,
.woocommerce div.product div.images:hover img{
    transform:scale(1.04);box-shadow:0 0 20px rgba(255,255,255,.18);
}
.category-showcase{margin-bottom:1rem}
.category-slider-wrap{overflow:hidden}
.recommended-products{margin-top:1.2rem}
.recommended-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}

.footer-widgets{
    margin-top:2rem;padding:2rem 1rem;
    background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.95));
    border-top:1px solid var(--border);
}
.footer-widgets-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.site-footer{
    padding:1.2rem 1rem 2rem;background:#000;text-align:center;
    color:var(--text-soft);border-top:1px solid rgba(255,255,255,.08)
}
.site-footer a{color:#fff;font-weight:700}

.preloader{
    position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;
    background:radial-gradient(circle, #111 0%, #000 75%);
    transition:opacity .45s ease, visibility .45s ease;
}
.preloader.hidden{opacity:0;visibility:hidden}
.nita-loader{
    font-size:clamp(2.6rem, 8vw, 5rem);font-weight:900;letter-spacing:.35em;color:#fff;
    text-shadow:0 0 18px rgba(255,255,255,.35);animation:nita-spin 1.4s linear infinite;
}
@keyframes nita-spin{
    0%{transform:rotateY(0deg) scale(1)}
    50%{transform:rotateY(180deg) scale(1.04)}
    100%{transform:rotateY(360deg) scale(1)}
}

.quick-view-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:9998;
    display:none;align-items:center;justify-content:center;padding:1rem
}
.quick-view-overlay.active{display:flex}
.quick-view-panel{max-width:900px;width:min(100%,900px);max-height:85vh;overflow:auto;padding:1rem}
.quick-view-close{float:right;margin-bottom:.5rem}
.quick-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.quick-view-panel img{border-radius:16px;width:100%}

@media (max-width:1024px){
    .content-layout{grid-template-columns:1fr}
    .footer-widgets-inner{grid-template-columns:1fr 1fr}
    .hero-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
    .top-timebar{justify-content:center;text-align:center}
    .site-header-inner{grid-template-columns:1fr;align-items:flex-start;padding:.8rem .85rem}
    .site-branding{width:100%;align-items:flex-start;flex-direction:column;gap:.55rem}
    .site-branding img{max-height:54px}
    .header-controls{width:100%;justify-content:flex-start;gap:.65rem}
    .main-navigation{width:100%}
    .main-navigation ul{width:100%;gap:.55rem .9rem}
    .mini-cart{width:100%;justify-content:center}
    .container{padding:.8rem}
    .page-header-box{padding:.9rem}
    .hero-grid{padding:.9rem}
    .hero-copy p{font-size:.95rem}
    .slide-item,.category-slide{min-width:170px;max-width:170px}
    .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
    .quick-view-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
    .site-title,.site-title a{font-size:1.1rem}
    .site-description{font-size:.78rem}
    .main-navigation a{font-size:.9rem}
    .woocommerce ul.products{grid-template-columns:1fr}
    .footer-widgets-inner{grid-template-columns:1fr}
    .hero-actions>*{width:100%;text-align:center;justify-content:center}
}