/* 
Theme Name: Left Sidebar Catalog
Description: WooCommerce tema su viršuje centre paieška ir kairėje "drawers" kategorijomis.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: left-sidebar-catalog
License: GPL-2.0-or-later
*/

:root {
  --bg: #0b0b0f;
  --panel: #11141a;
  --muted: #9aa3af;
  --text: #e5e7eb;
  --brand: #6ee7b7;
  --accent: #60a5fa;
  --border: #1f2937;
  --focus: #f59e0b;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: radial-gradient(1200px 600px at 20% -10%, #0f1220, var(--bg));
  color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial
}

.topbar{
  position:sticky;top:0;
  display:grid;grid-template-columns:1fr min(720px, 60%) 1fr;align-items:center;
  padding:14px 16px;
  background:rgba(10,10,14,.85);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(6px);
  z-index:10;
}
.topbar .logo{justify-self:start;font-weight:700;letter-spacing:.3px}
.topbar .search{justify-self:center;width:100%}
.topbar .search input[type="search"]{
  width:100%;padding:10px 12px;background:var(--panel);
  border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none
}
.topbar .search input[type="search"]:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(245,158,11,.25)}
.topbar .right{justify-self:end;opacity:.8}

.wrapper{display:grid;grid-template-columns:320px 1fr;gap:16px;max-width:1200px;margin:18px auto;padding:0 16px}
.sidebar{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:12px}
.content{min-height:40vh;border-radius:14px}

.drawer{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;background:#0e1220}
.drawer summary{list-style:none;cursor:pointer;padding:12px 12px;font-weight:600}
.drawer[open] summary{background:#0f1524;border-bottom:1px dashed var(--border)}
.drawer .drawer-body{padding:10px 12px}
.drawer .drawer-body ul{list-style:none;margin:0;padding-left:0}
.drawer .drawer-body li{margin:6px 0}
.drawer .drawer-body a, .drawer .drawer-body button{
  display:block;width:100%;text-align:left;background:transparent;color:var(--text);
  border:1px solid var(--border);padding:10px 12px;border-radius:10px;cursor:pointer
}
.drawer .drawer-body .children{margin:6px 0 6px 12px;padding-left:6px;border-left:2px dashed var(--border)}

.category-list, .category-list ul{list-style:none;margin:0;padding-left:0}
.category-list li{margin:6px 0}
.category-list button, .category-list a{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:10px;cursor:pointer}
.category-list .expanded>button{background:#0f1524;border-color:#233055}
.category-list ul{margin:6px 0 6px 12px;padding-left:6px;border-left:2px dashed var(--border)}
.category-list .leaf>a{border-style:dashed}

@media (max-width:880px){.wrapper{grid-template-columns:1fr}.sidebar{order:2}}