/*
Theme Name: Bongo Updates News
Theme URI: https://bongoupdates.com
Author: Bongo Updates
Description: Responsive Swahili news magazine theme with breaking news ticker, featured stories, social links, and ad widget areas.
Version: 1.4.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bongo-updates
*/
:root{--accent:#e74c3c;--dark:#222;--light:#f5f5f5}*{box-sizing:border-box}body{margin:0;background:#f0f0f0;color:#333;font:15px 'Open Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}a:hover{color:var(--accent)}img{max-width:100%;height:auto}h1,h2,h3,h4,.nav,.ticker,.section-title,.btn{font-family:Oswald,Arial,sans-serif}h1,h2,h3{line-height:1.35}.site{max-width:1150px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 8px #0001}.wrap{max-width:1090px;margin:auto;padding:0 18px}.topbar{background:#222;color:#eee;font:12px Oswald,sans-serif}.topbar .wrap{min-height:34px;display:flex;justify-content:space-between;align-items:center}.socials{display:flex;gap:13px}.socials a{color:#eee}.socials a:hover{color:#ff6a59}.branding{display:flex;align-items:center;justify-content:space-between;min-height:112px;gap:25px}.logo{font:700 38px Oswald,sans-serif;text-transform:uppercase;letter-spacing:-1px;color:#222}.logo span{color:var(--accent)}.custom-logo{max-height:85px;width:auto}.header-ad{min-width:0;max-width:728px;flex:1;text-align:right}.nav{background:#222;color:#fff;text-transform:uppercase;font-size:15px}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;padding:0;margin:0}.nav li{position:relative}.nav a{display:block;padding:15px 14px}.nav a:hover,.nav .current-menu-item>a{background:var(--accent);color:white}.nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#222;min-width:180px;z-index:20}.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:block}.nav .sub-menu a{padding:10px 14px}.search-form{display:flex;gap:4px}.search-form input{max-width:150px;padding:7px;border:1px solid #ccc}.search-form button,.btn{border:0;background:var(--accent);color:white;padding:8px 13px;cursor:pointer}.ticker{display:flex;align-items:center;margin:20px 0;border:1px solid #eee;background:#fafafa;height:42px;overflow:hidden}.ticker-label{background:#222;color:white;padding:0 15px;height:100%;display:flex;align-items:center;white-space:nowrap;z-index:2}.ticker-window{overflow:hidden;flex:1;white-space:nowrap}.ticker-track{display:inline-flex;align-items:center;gap:42px;white-space:nowrap;animation:bu-marquee 35s linear infinite;padding-left:100%}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-track a{font-size:15px}.ticker-track a:before{content:'●';color:var(--accent);font-size:8px;margin-right:9px}@keyframes bu-marquee{to{transform:translateX(-100%)}}.featured{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;grid-template-rows:195px 195px;gap:10px;margin:20px 0 30px}.featured article{position:relative;overflow:hidden;background:#222}.featured article:nth-child(1),.featured article:nth-child(2){grid-row:span 2}.featured img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.featured article:hover img{transform:scale(1.04)}.featured .shade{position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.82));pointer-events:none}.featured .feature-text{position:absolute;bottom:0;padding:17px;color:#fff;z-index:1}.featured h2{font-size:23px;margin:6px 0}.featured article:nth-child(n+3) h2{font-size:17px}.tag{display:inline-block;background:var(--accent);color:white;font:11px Oswald,sans-serif;text-transform:uppercase;padding:4px 7px}.date{font-size:12px;color:#aaa}.columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:28px;margin:25px 0}.section-title{border-bottom:3px solid #222;text-transform:uppercase;font-size:21px;margin:0 0 22px;padding:0 0 8px}.story{display:grid;grid-template-columns:300px 1fr;gap:20px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #eee}.story img{width:300px;height:190px;object-fit:cover}.story h2{font-size:23px;margin:5px 0 8px}.story p{color:#777;line-height:1.7;font-size:13px}.btn{display:inline-block;font-size:13px}.widget{margin-bottom:25px}.widget-title{background:#222;color:white;padding:9px 12px;text-transform:uppercase;font:16px Oswald,sans-serif}.widget ul{padding-left:20px;line-height:2}.single-title{font-size:34px;margin:0 0 10px}.single-cover{width:100%;max-height:480px;object-fit:cover;margin:15px 0}.entry-content{font-size:16px;line-height:1.9;overflow-wrap:anywhere}.entry-content img{height:auto}.share-links{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.share-links a{background:#222;color:white;padding:8px 13px;font-size:12px}.share-links a:hover{background:var(--accent)}.footer{background:#222;color:#ddd;padding:35px 0;margin-top:30px}.footer a{color:white}.pagination{margin:20px 0}.pagination .page-numbers{display:inline-block;padding:8px 13px;background:#222;color:white;margin-right:5px}.pagination .current{background:var(--accent)}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px}.skip-link:focus{position:fixed;clip:auto;top:5px;left:5px;background:#fff;padding:10px;z-index:9999;width:auto;height:auto}.mobile-toggle{display:none}.ad-slot{text-align:center;margin:20px 0;overflow:hidden}@media(max-width:850px){.featured{grid-template-columns:1fr 1fr;grid-template-rows:260px 190px 190px}.featured article:nth-child(1),.featured article:nth-child(2){grid-row:span 1}.featured article:nth-child(n+3){grid-column:span 1}.columns{grid-template-columns:1fr}.header-ad{display:none}.branding{min-height:85px}.story{grid-template-columns:230px 1fr}.story img{width:230px;height:160px}}@media(max-width:600px){.wrap{padding:0 13px}.logo{font-size:31px}.mobile-toggle{display:block;background:#333;color:white;border:1px solid #555;padding:9px;margin:7px 0}.nav .wrap{display:block}.nav .menu-area{display:none}.nav .menu-area.is-open{display:block}.nav ul{display:block}.nav .sub-menu{display:block;position:static;padding-left:15px}.nav a{padding:10px}.nav .search-form{padding:8px 0}.ticker-label{padding:0 9px;font-size:12px}.featured{grid-template-columns:1fr 1fr;grid-template-rows:250px 165px 165px;gap:7px}.featured article:first-child{grid-column:span 2}.featured article:nth-child(2){grid-column:span 1}.featured .feature-text{padding:10px}.featured h2{font-size:17px}.featured article:nth-child(n+3) h2{font-size:14px}.featured article:nth-child(2) h2{font-size:14px}.story{grid-template-columns:120px 1fr;gap:12px}.story img{width:120px;height:110px}.story h2{font-size:17px}.story p{display:none}.single-title{font-size:27px}.topbar .wrap{gap:10px}.entry-content{font-size:15px}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;padding-left:10px}.featured img{transition:none}}

/* Fixed home link independent of category menu configuration */
.nav .menu-area{display:flex;align-items:stretch}
.nav .bu-home-link{display:block;flex:none;padding:15px 14px;font-family:Oswald,Arial,sans-serif}
.nav .bu-home-link:hover,.nav .bu-home-link[aria-current="page"]{background:var(--accent);color:#fff}
@media(max-width:600px){.nav .menu-area{display:none}.nav .menu-area.is-open{display:block}.nav .bu-home-link{padding:10px}}

/* Version 1.1: large leading news photo and thumbnail-rich right column */
.story>a:first-child{display:block;overflow:hidden;min-width:0;background:#eee}
.story img{display:block;width:100%;height:210px;object-fit:cover}
.story-lead{display:block}
.story-lead>a:first-child{display:block;width:100%;margin-bottom:15px}
.story-lead img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.story-lead h2{font-size:27px}
.bu-recent-list{display:flex;flex-direction:column;gap:13px}
.bu-recent-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:11px;align-items:start;padding-bottom:13px;border-bottom:1px solid #ececec}
.bu-recent-image{display:block;overflow:hidden;background:#eee;aspect-ratio:4/3}
.bu-recent-image img{display:block;width:100%;height:100%;object-fit:cover}
.bu-recent-info h3{font:500 16px/1.4 Oswald,Arial,sans-serif;margin:0 0 6px;overflow-wrap:anywhere}
.bu-image-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;min-height:80px;background:#e6e6e6;color:#777;font:600 12px Oswald,Arial,sans-serif;letter-spacing:.5px}
.bu-story-placeholder{height:210px}
.story-lead .bu-story-placeholder{height:auto;aspect-ratio:16/9}
@media(max-width:850px){.story img{height:185px}.story-lead img{height:auto}.bu-recent-item{grid-template-columns:125px minmax(0,1fr)}}
@media(max-width:600px){.story:not(.story-lead){grid-template-columns:145px minmax(0,1fr)}.story:not(.story-lead) img{height:125px}.story-lead img{height:auto}.story-lead h2{font-size:23px}.bu-recent-item{grid-template-columns:110px minmax(0,1fr)}}

/* Version 1.2: consistent main-column news images, no oversized lead post */
.main-column .story,.main-column .story.story-lead{display:block;}
.main-column .story>a:first-child,.main-column .story.story-lead>a:first-child{display:block;width:100%;margin:0 0 14px;overflow:hidden;aspect-ratio:16/9;background:#eee;}
.main-column .story>a:first-child img,.main-column .story.story-lead>a:first-child img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;}
.main-column .story .bu-story-placeholder{width:100%;height:100%;aspect-ratio:auto;}
.main-column .story h2,.main-column .story.story-lead h2{font-size:23px;}
@media(max-width:600px){.main-column .story,.main-column .story:not(.story-lead){display:block;}.main-column .story>a:first-child img,.main-column .story:not(.story-lead) img{width:100%;height:100%;}.main-column .story h2{font-size:20px;}}

/* V1.3: ONLY main-column list images/layout restored to compact screenshot-style cards. */
.main-column .story,.main-column .story.story-lead,.main-column .story:not(.story-lead){display:grid;grid-template-columns: minmax(0, 300px) minmax(0,1fr);gap:20px;align-items:start}
.main-column .story>a:first-child,.main-column .story.story-lead>a:first-child{display:block;width:100%;margin:0;aspect-ratio:300/190;overflow:hidden;background:#eee}
.main-column .story>a:first-child img,.main-column .story.story-lead>a:first-child img,.main-column .story:not(.story-lead) img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.main-column .story .bu-story-placeholder,.main-column .story.story-lead .bu-story-placeholder{width:100%;height:100%;aspect-ratio:auto}
.main-column .story h2,.main-column .story.story-lead h2{font-size:23px}
@media(max-width:850px){.main-column .story,.main-column .story.story-lead,.main-column .story:not(.story-lead){grid-template-columns:minmax(0,230px) minmax(0,1fr)}}
@media(max-width:600px){.main-column .story,.main-column .story.story-lead,.main-column .story:not(.story-lead){grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:12px}.main-column .story h2,.main-column .story.story-lead h2{font-size:17px}}

/* Header advertisement slider: preserve existing site header and logo. */
.branding>.header-ad{max-width:728px;min-width:0;flex:1}
.bu-ad-slider{position:relative;width:100%;aspect-ratio:6/1;overflow:hidden;background:#f7f7f7}
.bu-ad-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.bu-ad-slide.is-active{opacity:1;visibility:visible;z-index:1}
.bu-ad-slide a,.bu-ad-slide img{display:block;width:100%;height:100%}
.bu-ad-slide img{object-fit:contain}
@media(max-width:850px){.branding>.header-ad{display:block;max-width:none;width:100%;flex:1}.branding{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.branding>.header-ad{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.bu-ad-slide{transition:none}}

/* V1.4.1: Reduce header banner size only; keep logo and remaining layout unchanged. */
@media(min-width:851px){.branding>.header-ad{flex:0 1 520px;max-width:520px;margin-left:auto}.branding>.header-ad .bu-ad-slider{max-width:520px}}
@media(max-width:850px){.branding>.header-ad{max-width:520px;width:100%;margin-left:auto;margin-right:auto;flex:0 1 520px}.branding>.header-ad .bu-ad-slider{max-width:520px}}

/* Habari Mpya: match supplied screenshot. Other sections remain unchanged. */
@media(min-width:851px){
 .main-column .story,.main-column .story.story-lead,.main-column .story:not(.story-lead){grid-template-columns:minmax(0,312px) minmax(0,1fr);gap:20px;align-items:stretch}
 .main-column .bu-story-media{height:242px}
 .main-column .bu-story-content{min-height:242px}
}
.main-column .story{padding-bottom:20px;margin-bottom:20px}
.main-column .bu-story-media{position:relative;min-width:0;overflow:hidden;background:#eee}
.main-column .bu-story-media>a{display:block;width:100%;height:100%;overflow:hidden}
.main-column .bu-story-media>a img,.main-column .bu-story-media .bu-story-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.main-column .bu-story-tag{position:absolute;left:0;top:16px;z-index:2;pointer-events:none}
.main-column .bu-story-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.main-column .bu-story-content h2{margin:0 0 10px}
.main-column .bu-story-content p{margin:12px 0;line-height:1.7}
.main-column .bu-story-read-more{margin-top:auto}
@media(min-width:601px) and (max-width:850px){.main-column .bu-story-media{height:190px}.main-column .bu-story-content{min-height:190px}}
@media(max-width:600px){.main-column .bu-story-media{height:120px}.main-column .bu-story-content{min-height:120px}.main-column .bu-story-tag{top:8px}.main-column .bu-story-content p{display:none}.main-column .bu-story-read-more{font-size:11px;padding:6px 9px}}