/*
 Theme Name: ToolsZest Child (GeneratePress)
 Template: generatepress
 Version: 2.1.0
 Description: ToolsZest/ToolsHub lightweight child theme for a scalable tools website (ACF Free + Vanilla JS).
 Author: Mohammad Yunus
*/

/* Design tokens */
:root{
  --primary:#2563eb;
  --bg:#ffffff;
  --surface:#f6f7fb;
  --text-main:#0f172a;
  --text-muted:#475569;
  --border:#e2e8f0;
  --radius:16px;
  --shadow: 0 10px 30px rgba(2,6,23,.08);
}

[data-theme="dark"]{
  --bg:#0b1220;
  --surface:#0f172a;
  --text-main:#e5e7eb;
  --text-muted:#94a3b8;
  --border:#1f2a44;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

body{ background:var(--bg); color:var(--text-main); }
a{ color:var(--primary); }
.tz-muted{ color:var(--text-muted); }

/* Layout */
.tz-container{ width:min(1100px, 92vw); margin:0 auto; }
.tz-grid{ display:grid; gap:16px; }
@media(min-width:768px){ .tz-grid.cols-3{ grid-template-columns:repeat(3,1fr);} .tz-grid.cols-2{ grid-template-columns:repeat(2,1fr);} }

/* Cards */
.tz-card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px;
}
.tz-card h3{ margin:0 0 8px; font-size:18px; }
.tz-card p{ margin:0; color:var(--text-muted); }

/* Tool page */
.tz-hero{ padding:28px 0 10px; }
.tz-hero h1{ margin:0 0 10px; font-size:34px; line-height:1.15; }
.tz-section{ padding:18px 0; }
.tz-section h2{ margin:0 0 12px; font-size:22px; }
.tz-tool-ui textarea, .tz-tool-ui input, .tz-tool-ui select{
  width:100%; padding:12px; border-radius:12px; border:1px solid var(--border);
  background:var(--bg); color:var(--text-main);
}
.tz-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:12px; border:1px solid var(--border);
  background:var(--primary); color:white; cursor:pointer;
}
.tz-chip{ display:inline-flex; gap:8px; align-items:center; padding:8px 12px; border:1px solid var(--border); border-radius:999px; background:var(--surface); cursor:pointer; }