/*
Theme Name: Yuvot Live Market
Theme URI: https://example.com/yuvot-live-market
Author: Yuvot
Author URI: https://example.com
Description: Whatnot-style live shopping theme. WooCommerce-ready. Includes fully controllable landing template + cart drawer + reminder/follow hooks.
Version: 2.0.0
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: ecommerce, woocommerce, live, video, streaming, marketplace, block-patterns
Text Domain: yuvot-live-market
*/
:root{
  --ylm-bg:#0b0b0f;
  --ylm-surface:#12131a;
  --ylm-surface-2:#1a1b24;
  --ylm-text:#e9ecf1;
  --ylm-muted:#a0a6b4;
  --ylm-accent:#ffcc00;
  --ylm-danger:#ff3b3b;
  --ylm-success:#3bff8d;
  --ylm-radius:16px;
  --ylm-gap:16px;
  --ylm-card-shadow:0 8px 24px rgba(0,0,0,.4);
  --ylm-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, Noto Sans, "Apple Color Emoji","Segoe UI Emoji";
}
html,body{height:100%;}
body{background:linear-gradient(180deg,var(--ylm-bg),#0f0f15);color:var(--ylm-text);font-family:var(--ylm-font);margin:0}
a{color:var(--ylm-text); text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--ylm-gap)}
.card{background:linear-gradient(180deg,var(--ylm-surface),var(--ylm-surface-2));border-radius:var(--ylm-radius);box-shadow:var(--ylm-card-shadow);overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;background:var(--ylm-accent);color:#1a1a1a;font-weight:700;border:none;cursor:pointer}
.btn.ghost{background:transparent;color:var(--ylm-text);border:1px solid rgba(255,255,255,.12)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}

header.site-header{position:sticky;top:0;z-index:999;background:rgba(18,19,26,.88);backdrop-filter:saturate(130%) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
header .nav{display:flex;align-items:center;gap:14px;height:64px}
header .brand{display:flex;align-items:center;gap:10px;font-weight:900}
header .brand .dot{width:10px;height:10px;border-radius:50%;background:var(--ylm-accent);box-shadow:0 0 0 6px rgba(255,204,0,.25)}
header .search{flex:1;display:flex}
header .search input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0e0f14;color:var(--ylm-text)}

.hero{padding:24px 0}
.hero .scroller{display:flex;gap:12px;overflow:auto;padding-bottom:6px}
.hero .chip{white-space:nowrap;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}

.show-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ylm-gap)}
@media (max-width:1024px){.show-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.show-grid{grid-template-columns:repeat(2,1fr)}}

.show-card .thumb{aspect-ratio:16/9;background:#111;position:relative;display:block}
.show-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.show-card .live-dot{position:absolute;top:10px;left:10px;background:var(--ylm-danger);color:white;padding:4px 8px;border-radius:10px;font-size:12px;font-weight:800}
.show-card .meta{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}

.product-card .thumb{aspect-ratio:1/1;background:#111}
.product-card .price{font-weight:900;font-size:18px}

footer.site-footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.06);padding:30px 0;color:var(--ylm-muted)}
.notice{padding:12px;border:1px dashed rgba(255,255,255,.2);border-radius:12px}

.live-layout{display:grid;grid-template-columns:2fr 1fr;gap:var(--ylm-gap)}
@media (max-width:1024px){.live-layout{grid-template-columns:1fr}}
.chat{background:#0e0f14;border-radius:12px;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:70vh}
.chat .messages{flex:1;overflow:auto;padding:12px}
.chat .composer{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.chat .composer input{flex:1;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0b0c10;color:var(--ylm-text)}

#ylm-cart-drawer{position:fixed;top:0;right:0;width:360px;max-width:92vw;height:100vh;background:var(--ylm-surface-2);border-left:1px solid rgba(255,255,255,.08);box-shadow:var(--ylm-card-shadow);transform:translateX(100%);transition:transform .25s ease;z-index:1000;display:flex;flex-direction:column}
#ylm-cart-drawer.open{transform:translateX(0)}
#ylm-cart-drawer header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
#ylm-cart-drawer .body{flex:1;overflow:auto;padding:12px}
#ylm-cart-drawer .footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}