/*
Theme Name: GlowNue Shop Lite
Theme URI: https://glownue.com/
Author: Max (for James)
Description: Minimal Woocommerce-ready theme inspired by marketplace layout. Top bar with logo, search, cart/login, and a horizontal categories menu. Color theme: dark brown, gold, army green.
Version: 1.0.0
Text Domain: glownue-shop-lite
*/

:root{
  --gn-brown:#4B2E2B;
  --gn-gold:#D4AF37;
  --gn-army:#4B5320;
  --gn-bg:#FFFFFF;
  --gn-text:#1a1a1a;
  --gn-muted:#666666;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--gn-bg);color:var(--gn-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-size:16px;line-height:1.6}

a{color:var(--gn-brown);text-decoration:none}
a:hover{opacity:.85}

.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header{border-bottom:1px solid #eee;background:#fff;position:sticky;top:0;z-index:50}
.topbar{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:40px;width:auto}
.brand .site-name{font-weight:700;color:var(--gn-brown);font-size:1.25rem}

.search{flex:1}
.search form{display:flex;border:2px solid var(--gn-army);border-radius:999px;overflow:hidden}
.search input{flex:1;border:0;padding:10px 14px;font-size:1rem;outline:none}
.search button{border:0;background:var(--gn-army);color:#fff;padding:0 16px;cursor:pointer;font-weight:600}

.actions{display:flex;align-items:center;gap:12px}
.action-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #eee;border-radius:10px;padding:8px 10px}
.action-btn .badge{background:var(--gn-gold);color:#000;border-radius:999px;padding:2px 8px;font-size:.8rem}

.navbar{background:var(--gn-brown)}
.navbar .menu{display:flex;gap:16px;overflow:auto;white-space:nowrap}
.navbar a{display:block;color:#fff;padding:10px 12px;border-bottom:3px solid transparent}
.navbar a:hover, .navbar .current-menu-item>a{border-bottom-color:var(--gn-gold)}

main{padding:24px 0}
.footer{background:#111;color:#ddd;margin-top:40px}
.footer a{color:#ddd}
.footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:28px 0}
.footer-copy{border-top:1px solid #222;padding:14px 0;color:#aaa;text-align:center}

.btn-primary{background:var(--gn-gold);color:#000;padding:10px 14px;border-radius:10px;font-weight:700;border:0;cursor:pointer}
.btn-primary:hover{filter:brightness(0.95)}

/* Responsive */
@media (max-width:768px){
  .brand .site-name{display:none}
  .footer-inner{grid-template-columns:1fr}
}