/*
 * SHISHA24 Unified E-shop UI
 * Jednotné prvky pro: eshop-uvod, eshop listing, product detail
 */

:root{
  --u-bg:#0e0e14;
  --u-surface:#15151f;
  --u-surface2:#1c1c2a;
  --u-accent:#f5a623;
  --u-accent-hover:#ffc240;
  --u-accent-subtle:rgba(245,166,35,.1);
  --u-border:rgba(255,255,255,.08);
  --u-border-accent:rgba(245,166,35,.32);
  --u-text:#f0f0f0;
  --u-text-muted:rgba(240,240,240,.62);
  --u-green:#23d97a;
  --u-red:#ff4d4d;
  --u-orange:#ff9f3a;
}

/* Base unification */
body.eshop-unified{
  background:var(--u-bg) !important;
  color:var(--u-text) !important;
}

body.eshop-unified .top-info-bar,
body.eshop-unified .top-info{
  background:var(--u-surface) !important;
  color:var(--u-text-muted) !important;
  border-bottom:1px solid var(--u-border) !important;
}

body.eshop-unified .eshop-header,
body.eshop-unified .site-header{
  background:rgba(14,14,20,.96) !important;
  border-bottom:1px solid var(--u-border) !important;
  backdrop-filter:blur(14px) !important;
}

body.eshop-unified .category-nav,
body.eshop-unified .cat-nav{
  background:var(--u-surface) !important;
  border-bottom:1px solid var(--u-border) !important;
}

body.eshop-unified .cat-item,
body.eshop-unified .category-item{
  border:1px solid transparent !important;
  color:var(--u-text-muted) !important;
  background:transparent !important;
}

body.eshop-unified .cat-item:hover,
body.eshop-unified .category-item:hover{
  background:var(--u-surface2) !important;
  border-color:var(--u-border) !important;
  color:var(--u-text) !important;
  transform:none !important;
}

body.eshop-unified .cat-item.active,
body.eshop-unified .category-item.active{
  background:var(--u-accent-subtle) !important;
  border-color:var(--u-border-accent) !important;
  color:var(--u-accent) !important;
}

body.eshop-unified .cart-btn,
body.eshop-unified .btn-cart,
body.eshop-unified .checkout-btn,
body.eshop-unified .atc-btn,
body.eshop-unified .pcard-atc,
body.eshop-unified .pgcard-btn{
  background:var(--u-accent) !important;
  color:#0e0e14 !important;
}

body.eshop-unified .cart-btn:hover,
body.eshop-unified .btn-cart:hover,
body.eshop-unified .checkout-btn:hover,
body.eshop-unified .atc-btn:hover,
body.eshop-unified .pcard-atc:hover,
body.eshop-unified .pgcard-btn:hover{
  background:var(--u-accent-hover) !important;
}

body.eshop-unified .cart-content,
body.eshop-unified .auth-content,
body.eshop-unified .cart-modal,
body.eshop-unified .auth-modal{
  border-color:var(--u-border-accent) !important;
}

/* Unified cards */
body.eshop-unified .pcard,
body.eshop-unified .pgcard,
body.eshop-unified .product-card{
  background:var(--u-surface) !important;
  border:1px solid var(--u-border) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35) !important;
}

body.eshop-unified .pcard:hover,
body.eshop-unified .pgcard:hover,
body.eshop-unified .product-card:hover{
  border-color:var(--u-border-accent) !important;
}

/* Unified availability */
body.eshop-unified .pcard-avail.in,
body.eshop-unified .availability-row.in{color:var(--u-green) !important;}
body.eshop-unified .pcard-avail.low,
body.eshop-unified .availability-row.low{color:var(--u-orange) !important;}
body.eshop-unified .pcard-avail.out,
body.eshop-unified .availability-row.out{color:var(--u-red) !important;}

/* Unified live business status */
.live-status-bar{
  background:linear-gradient(90deg,#1a3a1f,#14532d);
  border-bottom:1px solid rgba(35,217,122,.3);
  padding:9px 0;
}

.live-status-bar.closed{
  background:linear-gradient(90deg,#7f1d1d,#991b1b);
  border-bottom-color:rgba(255,77,77,.35);
}

.live-status-inner{
  max-width:1380px;
  margin:0 auto;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
  font-size:12px;
  color:#fff;
}

.live-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(0,0,0,.2);
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.live-status-text{font-weight:700;}

/* Unified legal copy under CTA */
.legal-18-copy{
  margin-top:10px;
  font-size:11px;
  color:var(--u-text-muted);
  line-height:1.5;
}

@media (max-width:768px){
  .live-status-inner{padding:0 14px;}
}