/*
Theme Name: Aniomablogger
Theme URI: https://aniomablogger.com
Author: Aniomablogger Editorial
Description: A custom news theme for aniomablogger — News, Politics, Sports and Entertainment coverage of the Anioma region and Delta State. Built on WordPress's native post/category system: no external backend required.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aniomablogger
*/

/* ============================================================
   TOKEN SYSTEM (overridable live via Customizer -> see inc/customizer.php,
   which prints an inline <style> tag in wp_head that reassigns these vars)
   ============================================================ */
:root{
  --anioma-green: #0B3D2E;
  --anioma-green-deep: #072A20;
  --anioma-green-soft: #E7EFE9;
  --anioma-gold: #C99A2E;
  --anioma-gold-soft: #F3E6C4;
  --anioma-red: #B3261E;
  --paper: #FAF7EF;
  --paper-raised: #FFFFFF;
  --ink: #1A1A17;
  --ink-soft: #6B6E63;
  --line: #E4DFD1;
  --shadow: 0 8px 24px rgba(11,61,46,0.08);
  --radius: 3px;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
h1,h2,h3,h4{font-family:var(--font-display); margin:0; line-height:1.1; color:var(--ink);}
p{margin:0 0 1em;}
:focus-visible{outline:3px solid var(--anioma-gold); outline-offset:2px;}
.screen-reader-text{position:absolute !important; clip:rect(1px,1px,1px,1px); width:1px; height:1px; overflow:hidden;}

.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
.eyebrow{font-family:var(--font-mono); font-size:11.5px; letter-spacing:0.14em; text-transform:uppercase; font-weight:600;}

/* ---------- Adire-inspired divider (signature texture) ---------- */
.adire-divider{height:14px; width:100%; background-image:radial-gradient(circle at 7px 7px, var(--anioma-gold) 2px, transparent 2.4px); background-size:24px 14px; background-position:center; opacity:0.55;}
.adire-divider.on-green{background-image:radial-gradient(circle at 7px 7px, var(--anioma-green-soft) 2px, transparent 2.4px);}

/* ---------- Topbar ---------- */
.topbar{background:var(--anioma-green-deep); color:#D9E4DC; font-family:var(--font-mono); font-size:12px;}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; padding-top:7px; padding-bottom:7px; gap:12px;}
.topbar .social a{margin-left:14px; opacity:0.85;}
.topbar .social a:hover{opacity:1; color:var(--anioma-gold);}

/* ---------- Masthead ---------- */
.masthead{background:var(--paper); border-bottom:1px solid var(--line); padding:26px 0 20px;}
.masthead .wrap{display:flex; align-items:center; justify-content:space-between; gap:20px;}
.brand{display:flex; flex-direction:column; gap:4px;}
.brand-name{font-family:var(--font-display); font-weight:900; font-size:clamp(28px,4vw,42px); letter-spacing:-0.01em; color:var(--anioma-green);}
.brand-name .dot{color:var(--anioma-red);}
.brand-tag{font-family:var(--font-mono); font-size:12px; letter-spacing:0.08em; color:var(--ink-soft); text-transform:uppercase;}
.masthead-actions{display:flex; align-items:center; gap:14px;}
.search-form{display:flex; align-items:center; border:1.5px solid var(--line); border-radius:999px; padding:8px 8px 8px 16px; background:var(--paper-raised);}
.search-form input{border:none; outline:none; font-family:var(--font-body); font-size:14px; background:transparent; width:170px; color:var(--ink);}
.search-form button{border:none; background:var(--anioma-green); color:#fff; width:32px; height:32px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.btn-subscribe{background:var(--anioma-gold); color:var(--anioma-green-deep); font-weight:700; font-size:13.5px; padding:11px 20px; border-radius:999px; border:none; white-space:nowrap;}
.btn-subscribe:hover{background:var(--anioma-green); color:#fff;}

/* ---------- Nav ---------- */
.nav-bar{background:var(--anioma-green); position:sticky; top:0; z-index:50; transition:box-shadow .2s ease;}
.nav-bar.scrolled{box-shadow:var(--shadow);}
.nav-bar .wrap{display:flex; align-items:center; justify-content:space-between;}
.nav-links{display:flex; list-style:none; margin:0; padding:0;}
.nav-links li{position:relative;}
.nav-links a{display:block; padding:15px 18px; color:#EAF1EC; font-weight:600; font-size:14.5px; letter-spacing:0.01em; border-bottom:3px solid transparent; transition:background .15s;}
.nav-links a:hover{background:rgba(255,255,255,0.06);}
.nav-links li.current-cat > a,
.nav-links a.active{color:#fff; border-bottom-color:var(--anioma-gold);}
.nav-toggle{display:none; background:none; border:none; color:#fff; padding:14px;}
.nav-toggle svg{width:24px; height:24px;}

/* ---------- Breaking ticker ---------- */
.ticker{background:var(--anioma-red); color:#fff; overflow:hidden; position:relative;}
.ticker .wrap{display:flex; align-items:center; padding:0; max-width:1180px;}
.ticker-label{font-family:var(--font-mono); font-weight:700; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; background:rgba(0,0,0,0.18); padding:9px 16px; display:flex; align-items:center; gap:8px; flex-shrink:0;}
.live-dot{width:8px; height:8px; border-radius:50%; background:#fff; animation:pulse 1.4s infinite ease-in-out;}
@keyframes pulse{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:0.45; transform:scale(0.75);}}
.ticker-track-wrap{overflow:hidden; flex:1;}
.ticker-track{display:flex; white-space:nowrap; animation:scroll-left 32s linear infinite; width:max-content;}
@keyframes scroll-left{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.ticker-track span{padding:9px 32px 9px 0; font-size:13.5px; font-weight:500;}
.ticker-track span::before{content:"●"; margin-right:10px; font-size:8px; vertical-align:middle; color:var(--anioma-gold);}
.ticker-empty{padding:9px 16px; font-size:13.5px;}

/* ---------- Layout ---------- */
.page{padding:36px 0 64px;}
.layout{display:grid; grid-template-columns:1fr 320px; gap:44px; align-items:start;}
.section-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; gap:12px; flex-wrap:wrap;}
.section-head h2{font-size:26px; font-weight:700;}
.section-head .eyebrow{color:var(--anioma-red);}

/* ---------- Pills ---------- */
.pill-row{display:flex; gap:8px; flex-wrap:wrap;}
.pill{font-family:var(--font-mono); font-size:12px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase; padding:7px 14px; border-radius:999px; border:1.5px solid var(--line); background:var(--paper-raised); color:var(--ink-soft); display:inline-block;}
.pill:hover{border-color:var(--anioma-green);}
.pill.active{background:var(--anioma-green); border-color:var(--anioma-green); color:#fff;}

/* ---------- Hero ---------- */
.hero{display:grid; grid-template-columns:1.6fr 1fr; gap:26px; margin-bottom:44px;}
.hero-lead{position:relative; border-radius:var(--radius); overflow:hidden; background:#04140f; box-shadow:var(--shadow);}
.hero-lead img{height:440px; width:100%; object-fit:cover; opacity:0.92;}
.hero-lead .hero-copy{position:absolute; left:0; right:0; bottom:0; padding:28px 28px 24px; background:linear-gradient(0deg, rgba(7,42,32,0.95) 10%, rgba(7,42,32,0.55) 60%, transparent 100%); color:#fff;}
.hero-secondary{display:flex; flex-direction:column; gap:18px;}
.hero-sec-card{display:flex; gap:14px;}
.hero-sec-card img{width:120px; height:88px; object-fit:cover; border-radius:var(--radius); flex-shrink:0; background:var(--line);}
.hero-sec-card h3{font-size:16.5px; font-weight:600; line-height:1.3;}

/* ---------- Category badge ---------- */
.badge{display:inline-block; font-family:var(--font-mono); font-weight:700; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; padding:4px 10px; border-radius:3px; margin-bottom:10px; background:var(--anioma-green-soft); color:var(--anioma-green);}
.badge.on-dark{background:rgba(255,255,255,0.16); color:#fff;}
.badge-c1{background:var(--anioma-green-soft); color:var(--anioma-green);}
.badge-c2{background:#F0E3E2; color:var(--anioma-red);}
.badge-c3{background:var(--anioma-gold-soft); color:#7A5A0F;}
.badge-c4{background:#E7E1F5; color:#4B3A8F;}

/* ---------- Cards / grid ---------- */
.grid{display:grid; grid-template-columns:repeat(2,1fr); gap:28px;}
.card{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;}
.card img{height:190px; width:100%; object-fit:cover; background:var(--line);}
.card-body{padding:18px 18px 20px;}
.card h3{font-size:19px; font-weight:600; margin-bottom:8px;}
.card h3 a:hover{color:var(--anioma-green);}
.card p{color:var(--ink-soft); font-size:14.5px; margin-bottom:12px;}
.meta{display:flex; align-items:center; gap:10px; font-family:var(--font-mono); font-size:11.5px; color:var(--ink-soft); flex-wrap:wrap;}
.meta .dot-sep::before{content:"·"; margin-right:10px;}

.load-more-wrap{margin-top:36px; text-align:center;}
.load-more-wrap a{display:inline-block; padding:13px 30px; background:transparent; border:1.5px solid var(--anioma-green); color:var(--anioma-green); font-weight:700; font-size:14px; border-radius:999px; letter-spacing:0.02em;}
.load-more-wrap a:hover{background:var(--anioma-green); color:#fff;}

/* ---------- Sidebar ---------- */
.widget{background:var(--paper-raised); border:1px solid var(--line); border-radius:var(--radius); padding:22px; margin-bottom:26px;}
.widget h4{font-family:var(--font-mono); font-size:13px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--anioma-green); padding-bottom:12px; margin-bottom:16px; border-bottom:2px solid var(--anioma-gold);}
.trend-item{display:flex; gap:14px; padding:12px 0; border-bottom:1px solid var(--line);}
.trend-item:last-child{border-bottom:none; padding-bottom:0;}
.trend-num{font-family:var(--font-display); font-weight:900; font-size:26px; color:var(--anioma-gold); width:30px; flex-shrink:0; line-height:1;}
.trend-item h5{font-size:14.5px; font-weight:600; line-height:1.35; margin:0;}
.trend-item h5 a:hover{color:var(--anioma-green);}

.widget-newsletter{background:var(--anioma-green); color:#fff; border:none;}
.widget-newsletter h4{color:var(--anioma-gold); border-bottom-color:rgba(255,255,255,0.25);}
.widget-newsletter p{color:#D9E4DC; font-size:14px;}
.nl-form{display:flex; flex-direction:column; gap:10px; margin-top:12px;}
.nl-form input{padding:11px 14px; border-radius:var(--radius); border:none; font-family:var(--font-body); font-size:14px; width:100%;}
.nl-form button{background:var(--anioma-gold); color:var(--anioma-green-deep); font-weight:700; padding:11px; border:none; border-radius:var(--radius); font-size:14px;}
.nl-form button:hover{background:#fff;}
.nl-form button:disabled{opacity:0.6; cursor:default;}
.nl-msg{font-size:13.5px; margin-top:10px; display:none;}
.nl-msg.show{display:block;}
.nl-msg.success{color:var(--anioma-gold);}
.widget:not(.widget-newsletter) .nl-msg.success{color:#8A7215;}
.nl-msg.error{color:#ffb4ae;}
.widget:not(.widget-newsletter) .nl-msg.error{color:var(--anioma-red);}

.cat-list{list-style:none; margin:0; padding:0;}
.cat-list li{border-bottom:1px solid var(--line);}
.cat-list li:last-child{border-bottom:none;}
.cat-list a{display:flex; justify-content:space-between; padding:11px 2px; font-size:14.5px; font-weight:600;}
.cat-list a:hover{color:var(--anioma-green);}
.cat-list span{font-family:var(--font-mono); color:var(--ink-soft); font-size:12.5px;}

/* ---------- Single article ---------- */
.article-head{max-width:760px; margin:0 auto 28px;}
.article-head h1{font-size:clamp(28px,4vw,42px); font-weight:700; margin:12px 0 16px;}
.article-dek{font-size:18px; color:var(--ink-soft); font-family:var(--font-display); font-style:italic; margin-bottom:18px;}
.article-hero-img{max-width:920px; margin:0 auto 30px; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);}
.article-hero-img img{width:100%; height:420px; object-fit:cover;}
.article-body{max-width:720px; margin:0 auto;}
.article-body p{font-size:17.5px; line-height:1.75;}
.article-body > p:first-of-type::first-letter{font-family:var(--font-display); font-weight:700; font-size:3.4em; float:left; line-height:0.85; padding:6px 8px 0 0; color:var(--anioma-green);}
.share-row{display:flex; gap:10px; margin:26px 0; align-items:center;}
.share-row a{width:36px; height:36px; border-radius:50%; border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:var(--ink-soft);}
.share-row a:hover{border-color:var(--anioma-green); color:var(--anioma-green);}
.back-link{display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--anioma-green); margin-bottom:18px; font-size:14px;}
.related-wrap{max-width:920px; margin:50px auto 0;}

/* ---------- About page ---------- */
.about-hero{background:var(--anioma-green); color:#fff; padding:56px 0; text-align:center;}
.about-hero h1{font-size:clamp(30px,4.5vw,46px); margin-bottom:14px;}
.about-hero p{max-width:640px; margin:0 auto; color:#D9E4DC; font-size:17px;}
.values-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:34px;}
.value-card{background:var(--paper-raised); border:1px solid var(--line); padding:20px; border-radius:var(--radius); text-align:center;}
.value-card .num{font-family:var(--font-display); font-weight:900; color:var(--anioma-gold); font-size:22px;}
.about-cols{display:grid; grid-template-columns:1fr 1fr; gap:30px; max-width:920px; margin:44px auto 0;}
.about-cols h3{color:var(--anioma-green); font-size:20px; margin-bottom:10px;}

/* ---------- Empty / 404 ---------- */
.empty-state{text-align:center; padding:70px 20px;}
.empty-state h2{font-size:24px; margin-bottom:10px;}
.empty-state p{color:var(--ink-soft);}

/* ---------- Comments ---------- */
.comments-area{max-width:720px; margin:50px auto 0;}
.comments-area .comment-list{list-style:none; margin:0; padding:0;}
.comments-area .comment{border-top:1px solid var(--line); padding:18px 0;}
.comment-form input, .comment-form textarea{width:100%; padding:11px 14px; border:1.5px solid var(--line); border-radius:var(--radius); font-family:var(--font-body); margin-bottom:12px;}
.comment-form button{background:var(--anioma-green); color:#fff; border:none; padding:12px 24px; border-radius:999px; font-weight:700;}

/* ---------- Footer ---------- */
footer.site-footer{background:var(--anioma-green-deep); color:#CBD6CE; padding:52px 0 22px;}
.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:36px; padding-bottom:34px; border-bottom:1px solid rgba(255,255,255,0.12);}
.footer-grid h5{font-family:var(--font-mono); font-size:12.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--anioma-gold); margin-bottom:16px;}
.footer-brand .brand-name{color:#fff;}
.footer-grid p{font-size:14px; color:#AAB6AC;}
.footer-links{list-style:none; margin:0; padding:0;}
.footer-links li{margin-bottom:10px;}
.footer-links a{font-size:14px; color:#CBD6CE;}
.footer-links a:hover{color:var(--anioma-gold);}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:22px; font-size:13px; color:#8A9A8D; flex-wrap:wrap; gap:10px;}
.footer-social{display:flex; gap:12px;}
.footer-social a{width:32px; height:32px; border-radius:50%; border:1px solid rgba(255,255,255,0.2); display:flex; align-items:center; justify-content:center; font-size:12px;}

/* ---------- Back to top ---------- */
#backtotop{position:fixed; right:22px; bottom:22px; width:44px; height:44px; border-radius:50%; background:var(--anioma-green); color:#fff; border:none; box-shadow:var(--shadow); display:flex; align-items:center; justify-content:center; opacity:0; pointer-events:none; transition:opacity .2s, transform .2s; z-index:60;}
#backtotop.show{opacity:1; pointer-events:auto;}
#backtotop:hover{background:var(--anioma-gold); color:var(--anioma-green-deep);}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .layout{grid-template-columns:1fr;}
  .hero{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .about-cols{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .search-form input{width:110px;}
  .grid{grid-template-columns:1fr;}
  .nav-links{display:none; position:absolute; top:100%; left:0; right:0; background:var(--anioma-green); flex-direction:column; box-shadow:var(--shadow); z-index:40;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:14px 24px; border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav-toggle{display:block;}
  .masthead-actions .search-form{display:none;}
  .footer-grid{grid-template-columns:1fr;}
  .values-grid{grid-template-columns:1fr 1fr;}
  .hero-lead img{height:280px;}
}