/*
Theme Name: Ukzambia
Theme URI: https://ukzambia.com/
Author: Generated by GPT
Description: Custom WP theme with sidebar menu and unique design.
Version: 1.0.0
Text Domain: ukzambia
*/
:root{
  --color-bg: #ffffff;
  --color-text: #1f2937;
  --color-muted: #6B7280;
  --color-border: #E5E7EB;
  --color-accent: #EA580C;
  --font-base: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
  --font-size: 15px;
  --line-height: 1.5;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-text);
  font-size:var(--font-size);
  line-height:var(--line-height);
  font-family:var(--font-base);
  -webkit-font-smoothing:antialiased;
  text-rendering: optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--color-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
header.site-header{
  border-bottom:1px solid var(--color-border);
  position:sticky;top:0;background:rgba(255,255,255,0.95);backdrop-filter:saturate(180%) blur(8px);z-index:50;
}
.ukza-brand{display:flex;align-items:center;gap:10px;padding:14px 0;text-decoration:none;color:inherit}
.ukza__title{font-size:calc(var(--font-size)*1.4);font-weight:700;margin:0}
.ukza-menu-toggle{display:none;background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:8px 12px}
@media (max-width: 800px){
  .ukza-menu-toggle{display:inline-flex;align-items:center}
  aside.ukza-sidebar{display:none;position:absolute;top:60px;left:0;width:250px;background:#fff;height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
  aside.ukza-sidebar.open{display:block}
  .layout{flex-direction:column}
}
.layout{display:flex;gap:2rem;}
aside.ukza-sidebar{flex:1;max-width:250px}
section.ukza-content{flex:3}
nav.ukza-side-nav ul{list-style:none;padding:0;margin:0}
nav.ukza-side-nav li{margin:6px 0}
nav.ukza-side-nav li a{display:block;padding:6px 0;color:var(--color-text);}
nav.ukza-side-nav li a:hover{color:var(--color-accent)}
nav.ukza-side-nav ul ul{margin-left:16px;border-left:2px solid var(--color-border);padding-left:12px}
.ukza-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}
@media (max-width: 980px){.ukza-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 640px){.ukza-grid{grid-template-columns:1fr}}
.ukza-card{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:transform .2s}
.ukza-card:hover{transform:translateY(-2px)}
.ukza-card__body{padding:18px}
.ukza-card__title{margin:0 0 6px;font-size:calc(var(--font-size)*1.3);line-height:1.4}
.ukza-meta{color:var(--color-muted);font-size:calc(var(--font-size)*0.85);margin-bottom:10px}
article.ukza-post{max-width:800px;margin:0 auto}
article.ukza-post h1{font-size:calc(var(--font-size)*2);margin:0 0 0.5em}
article.ukza-post .content > * + *{margin-top:1rem}
footer.site-footer{border-top:1px solid var(--color-border);padding:26px 0;color:var(--color-muted);text-align:center}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:20px}
.pagination a{color:var(--color-accent);padding:6px 12px;border:1px solid var(--color-border);border-radius:999px}