/*
Theme Name: ZambiaLII Restored
Theme URI: https://zamlii.org
Author: ZambiaLII
Description: A faithful recreation of the original ZambiaLII homepage (archived June 2017), rebuilt as an installable WordPress theme. Activate it and your homepage, navigation menu, and footer link columns are editable from the WordPress dashboard; "Recent News" pulls automatically from your latest Posts.
Version: 1.0
Requires at least: 5.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zamlii-restored
*/

:root{
  --bg:#ffffff;
  --header-bg:#000000;
  --nav-bg:#1f7d6c;
  --nav-bg-hover:#2a9384;
  --logo-green:#8cc63f;
  --link-green:#1f7d6c;
  --heading-gray:#6f6f6f;
  --text-dark:#3a3a3a;
  --footer-bg:#272727;
  --footer-link:#4fb999;
  --footer-heading:#ffffff;
  --badge-yellow:#c8da2e;
  --border-light:#dcdcdc;
  --max-width:1080px;
}

*{box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family:'Open Sans', Arial, Helvetica, sans-serif;
  color:var(--text-dark);
  background:var(--bg);
}

a{color:var(--link-green); text-decoration:none;}
a:hover, a:focus{text-decoration:underline;}
a:focus-visible{outline:2px solid var(--link-green); outline-offset:2px;}

img,svg{display:block;}

/* ---------- Header ---------- */
.site-header{
  background:var(--header-bg);
  padding:28px 20px 32px;
  text-align:center;
}
.logo-img{
  height:84px;
  width:auto;
  display:inline-block;
}

/* ---------- Nav ---------- */
.main-nav{background:var(--nav-bg);}
.main-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  max-width:var(--max-width);
  margin-inline:auto;
}
.main-nav li{position:relative;}
.main-nav a{
  display:flex;
  align-items:center;
  gap:5px;
  color:#fff;
  text-decoration:none;
  font-size:0.8rem;
  font-weight:600;
  letter-spacing:0.5px;
  text-transform:uppercase;
  padding:14px 18px;
  white-space:nowrap;
}
.main-nav a:hover, .main-nav a:focus{
  background:var(--nav-bg-hover);
  text-decoration:none;
}
.main-nav .caret{font-size:0.6rem;}
.main-nav .sub-menu{
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  top:100%;
  left:0;
  background:var(--nav-bg-hover);
  min-width:220px;
  display:none;
  z-index:10;
}
.main-nav li:hover > .sub-menu,
.main-nav li:focus-within > .sub-menu{display:block;}
.main-nav .sub-menu a{text-transform:none; font-weight:400;}

/* ---------- Main content ---------- */
main{max-width:var(--max-width); margin:0 auto; padding:40px 20px 10px;}

.search-section h1{
  font-size:1.9rem;
  font-weight:400;
  color:var(--heading-gray);
  margin:0 0 22px;
}
.search-form{display:flex; max-width:560px; margin-bottom:48px;}
.search-form input[type="search"]{
  flex:1;
  padding:11px 14px;
  font-size:0.95rem;
  border:1px solid var(--border-light);
  border-right:none;
  border-radius:0;
  font-family:inherit;
}
.search-form input[type="search"]:focus{outline:2px solid var(--link-green); outline-offset:0;}
.search-form button{
  background:var(--nav-bg);
  color:#fff;
  border:none;
  padding:0 28px;
  font-size:0.85rem;
  font-weight:700;
  letter-spacing:0.5px;
  text-transform:uppercase;
  cursor:pointer;
}
.search-form button:hover{background:var(--nav-bg-hover);}

.content-block{margin-bottom:38px;}
.content-block h2{
  font-size:1.6rem;
  font-weight:400;
  color:var(--heading-gray);
  margin:0 0 16px;
}
.link-list{list-style:disc; margin:0 0 18px; padding-left:22px;}
.link-list li{margin-bottom:9px; font-size:0.92rem; line-height:1.5;}
.more-btn{
  display:inline-block;
  background:var(--nav-bg);
  color:#fff;
  border:none;
  padding:9px 22px;
  font-size:0.8rem;
  font-weight:700;
  letter-spacing:0.5px;
  cursor:pointer;
}
.more-btn:hover{background:var(--nav-bg-hover); color:#fff; text-decoration:none;}

/* ---------- Footer ---------- */
.site-footer{background:var(--footer-bg); margin-top:30px; padding:48px 20px 56px;}
.footer-columns{max-width:var(--max-width); margin:0 auto; display:flex; flex-wrap:wrap; gap:32px;}
.footer-col{flex:1 1 200px;}
.footer-col:first-child{flex:1.6 1 280px;}
.footer-col h3{color:var(--footer-heading); font-size:1.5rem; font-weight:400; margin:0 0 18px;}
.footer-col ul{list-style:none; margin:0; padding:0;}
.footer-col li{margin-bottom:10px;}
.footer-col a{color:var(--footer-link); font-size:0.92rem;}

.lii-badge{display:inline-block; border:2px solid var(--footer-link); background:#000; text-align:center; width:100%; max-width:220px;}
.lii-badge .badge-main{display:block; color:#fff; font-weight:700; font-size:1.05rem; letter-spacing:1px; padding:18px 14px 14px;}
.lii-badge .badge-sub{display:block; background:var(--badge-yellow); color:#fff; font-weight:700; font-size:0.7rem; letter-spacing:0.5px; padding:6px 0;}
.lii-badge:hover{text-decoration:none; opacity:0.9;}

/* ---------- Responsive ---------- */
@media (max-width:760px){
  .logo{font-size:1.9rem;}
  .main-nav ul{flex-direction:column;}
  .main-nav a{padding:12px 20px;}
  .main-nav .sub-menu{position:static; display:none;}
  .main-nav li:hover > .sub-menu, .main-nav li:focus-within > .sub-menu{display:block;}
  .footer-columns{flex-direction:column; gap:36px;}
  main{padding-top:28px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
}