/*
Theme Name: WATA Enterprises Pro (Demo)
Theme URI: https://wataenterprises.com/
Author: WATA ENTERPRISES LIMITED
Description: Full-featured retail demo theme for WATA ENTERPRISES LIMITED. Demo cart (localStorage) and product templates included.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: wata-enterprises
Tags: retail, ecommerce, responsive, demo
*/


:root{
  --brand-blue:#003399;
  --accent:#0099ff;
  --muted:#6b7280;
  --bg:#f6f8fb;
}
*{box-sizing:border-box}
body{font-family:Inter, Arial, sans-serif;margin:0;color:#111;background:var(--bg);}
a{color:var(--brand-blue);text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:20px}
.header{background:linear-gradient(90deg,var(--brand-blue),#0066cc);color:#fff;padding:18px 0}
.header .inner{display:flex;align-items:center;gap:18px}
.logo{height:72px;width:auto;background:white;padding:6px;border-radius:8px}
.site-title{font-weight:800;font-size:20px}
.site-tag{font-size:13px;opacity:0.95}
.nav{display:flex;gap:12px;margin-left:auto}
.nav a{color:#fff;padding:8px 12px;border-radius:6px;background:rgba(255,255,255,0.05)}
.hero{background:#fff;padding:36px;border-radius:10px;margin-top:18px;display:flex;gap:20px;align-items:center}
.hero .left{flex:1}
.hero .right{width:420px}
.search{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef8}
.categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.cat-card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 4px 12px rgba(2,6,23,0.05);text-align:center}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.product-card{background:#fff;padding:12px;border-radius:10px;border:1px solid #eef3fb}
.product-card img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.product-title{font-size:15px;margin:8px 0}
.price{font-weight:800;color:var(--brand-blue)}
.btn{display:inline-block;padding:8px 12px;background:var(--brand-blue);color:#fff;border-radius:8px}
.small{font-size:13px;color:var(--muted)}
.footer{background:#071636;color:#cfe5ff;padding:24px;margin-top:28px}
.footer .cols{display:flex;gap:20px;flex-wrap:wrap}
.cart-count{background:#ff5a1f;color:#fff;padding:2px 8px;border-radius:12px;font-weight:700;margin-left:8px}
@media(max-width:800px){ .header .inner{flex-direction:column;align-items:flex-start} .hero{flex-direction:column} .nav{margin-left:0;flex-wrap:wrap}}