/*
Theme Name: The Wave Newspaper Beta
Theme URI: https://thewave.friqtechmedia.co.ke
Author: FRIQTECH MEDIA COMPANY
Description: A bold, responsive newspaper theme designed for The Wave Newspaper.
Version: 3.0
Text Domain: the-wave-newspaper-beta
*/

:root{--wave-blue:#084182;--wave-red:#D3131B;--wave-navy:#0B1E38;--wave-light:#F2F5F8;--wave-white:#fff;--wave-border:#dfe4e8}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,"Helvetica Neue",sans-serif;background:var(--wave-light);color:var(--wave-navy);line-height:1.6}
img{max-width:100%;height:auto} a{color:var(--wave-blue);text-decoration:none} a:hover{color:var(--wave-red)}
.container{width:90%;max-width:1200px;margin:30px auto;display:flex;gap:30px}.main-content{flex:3;min-width:0}.sidebar{flex:1;background:#fff;padding:20px;border-top:4px solid var(--wave-blue);height:fit-content}
.top-bar{background:var(--wave-blue);color:#fff;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.top-bar a{color:#fff;margin-left:15px}
.main-header{background:#fff;padding:18px 5%;text-align:center;border-bottom:1px solid #ddd}.header-inner{max-width:1200px;margin:auto}.site-logo img{max-height:90px;width:auto}.site-title{font-size:2.8rem;font-weight:900;color:var(--wave-navy);text-transform:uppercase;letter-spacing:1px}.site-title a{color:inherit}.site-tagline{color:var(--wave-red);font-weight:800;letter-spacing:1.5px;text-transform:uppercase;font-size:.9rem;margin-top:3px}
.main-navigation{background:var(--wave-navy)}.navigation-inner{max-width:1200px;margin:auto}.main-navigation ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap}.main-navigation li a{display:block;color:#fff;padding:13px 18px;font-weight:700;text-transform:uppercase;font-size:.85rem}.main-navigation li a:hover,.main-navigation li.current-menu-item>a{background:var(--wave-red);color:#fff}
.mobile-menu-toggle{display:none;background:var(--wave-red);border:0;color:#fff;padding:11px 16px;font-weight:700}
.ticker-bar{display:flex;align-items:center;background:#fff;border-bottom:3px solid var(--wave-blue);overflow:hidden;height:42px}.ticker-title{background:var(--wave-red);color:#fff;padding:0 18px;height:100%;display:flex;align-items:center;font-weight:800;font-size:.8rem;text-transform:uppercase;white-space:nowrap;z-index:2}.ticker-wrap{width:100%;overflow:hidden;background:var(--wave-light)}.ticker-move{display:inline-block;white-space:nowrap;padding-left:100%;animation:ticker 35s linear infinite}.ticker-move:hover{animation-play-state:paused}.ticker-item{display:inline-block;padding:0 20px;font-weight:600;font-size:.88rem;color:var(--wave-navy)}@keyframes ticker{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
.section-heading{border-bottom:4px solid var(--wave-blue);margin-bottom:20px}.section-heading h2{display:inline-block;background:var(--wave-blue);color:#fff;padding:8px 16px;font-size:1.05rem;text-transform:uppercase}
.post-card{background:#fff;margin-bottom:22px;padding:20px;border-left:4px solid var(--wave-red);box-shadow:0 2px 5px rgba(0,0,0,.05)}.post-card.post-list{display:flex;gap:20px}.post-thumbnail{flex:0 0 280px}.post-thumbnail img{width:100%;height:185px;object-fit:cover;display:block}.post-category a{color:var(--wave-red);font-size:.72rem;font-weight:800;text-transform:uppercase}.post-title{font-size:1.5rem;line-height:1.25;margin:5px 0 7px}.post-title a{color:var(--wave-navy)}.post-meta{font-size:.75rem;color:#666;margin-bottom:10px;text-transform:uppercase}.read-more{display:inline-block;margin-top:8px;color:var(--wave-red);font-weight:800}
.sidebar-widget{margin-bottom:25px}.sidebar-widget h3{font-size:1rem;text-transform:uppercase;border-bottom:2px solid var(--wave-red);padding-bottom:7px;margin-bottom:12px}.recent-posts{list-style:none}.recent-posts li{padding:10px 0;border-bottom:1px solid #ddd}.recent-posts a{font-weight:700;color:var(--wave-navy)}.recent-posts small{display:block;color:#777}.ad-placeholder{min-height:180px;background:#e9edf1;display:flex;align-items:center;justify-content:center;color:#777;font-size:.72rem;letter-spacing:1px}
.site-footer{background:var(--wave-navy);color:#fff;padding:40px 5% 0;margin-top:50px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto 30px}.footer-col h3{color:#fff;border-bottom:2px solid var(--wave-red);padding-bottom:8px;margin-bottom:15px;font-size:1rem;text-transform:uppercase}.footer-col p,.footer-col a{color:#ccc;font-size:.88rem;display:block;margin-bottom:8px}.footer-col a:hover{color:#fff}.footer-col ul{list-style:none}.footer-bottom{background:var(--wave-blue);text-align:center;padding:14px;margin:0 -5.5%;font-size:.82rem}.pagination{margin:25px 0}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.pagination a,.pagination span{background:#fff;padding:8px 12px;border:1px solid #ddd}.pagination .current{background:var(--wave-blue);color:#fff}
.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px}.hero-story{position:relative;background:#000;min-height:390px;overflow:hidden}.hero-story img{width:100%;height:390px;object-fit:cover;opacity:.78}.hero-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.9))}.hero-overlay h1{font-size:2rem;line-height:1.15}.hero-overlay h1 a{color:#fff}.top-story-list{display:grid;gap:20px}.top-story{background:#fff;display:flex;gap:12px;padding:12px}.top-story img{width:120px;height:90px;object-fit:cover}.top-story h3{font-size:1rem;line-height:1.25}.news-section{margin:35px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#fff}.news-card img{width:100%;height:170px;object-fit:cover}.news-card-body{padding:14px}.news-card h3{font-size:1.1rem;line-height:1.3}.news-card .post-meta{margin-top:7px}
.no-results{background:#fff;padding:40px;text-align:center}
@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.top-bar{display:block;text-align:center}.top-bar-right{margin-top:5px}.site-title{font-size:2rem}.main-navigation ul{display:none;flex-direction:column}.main-navigation ul.is-open{display:flex}.mobile-menu-toggle{display:block;margin:auto}.post-card.post-list{display:block}.post-thumbnail{margin-bottom:14px}.post-thumbnail img{height:auto}.news-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.container{flex-direction:column}.hero-story,.hero-story img{min-height:300px;height:300px}.hero-overlay h1{font-size:1.5rem}}


/* =========================================================
   The Wave Newspaper 2.0 visual refresh
   Menu + front page only
   ========================================================= */

/* Horizontal primary menu */
.main-navigation {
    background: linear-gradient(135deg, #061f3f 0%, #084182 55%, #0b5cab 100%);
    border-top: 4px solid #d3131b;
    border-bottom: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 5px 18px rgba(11,30,56,.18);
}
.main-navigation > div,
.main-navigation > ul,
.main-navigation .menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
    margin: 0;
    padding: 0;
}
.main-navigation li {
    float: none;
    display: block;
    margin: 0;
}
.main-navigation a {
    display: block;
    color: #fff;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 18px;
    border-right: 1px solid rgba(255,255,255,.09);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
    background: #d3131b;
    color: #fff;
}
.main-navigation .mobile-menu-toggle {
    background: #d3131b;
    color: #fff;
    border: 0;
    font-weight: 800;
}

/* Front-page visual hierarchy */
.front-page {
    background: linear-gradient(180deg, #f5f8fb 0%, #ffffff 34%);
}
.front-page .section-heading {
    border-left: 6px solid #d3131b;
    border-bottom: 2px solid #084182;
    padding: 10px 14px;
    margin: 0 0 18px;
    background: #fff;
    color: #0b1e38;
    box-shadow: 0 3px 12px rgba(11,30,56,.08);
}
.front-page .hero-grid {
    gap: 22px;
    margin-bottom: 30px;
}
.front-page .hero-story,
.front-page .top-story {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(11,30,56,.13);
}
.front-page .hero-story {
    border-bottom: 5px solid #d3131b;
}
.front-page .hero-overlay {
    background: linear-gradient(180deg, transparent 25%, rgba(4,20,40,.9) 100%);
}
.front-page .hero-overlay h1,
.front-page .hero-overlay a {
    color: #fff;
}
.front-page .top-story {
    border-left: 4px solid #084182;
    background: #fff;
}
.front-page .news-section {
    margin-top: 34px;
}
.front-page .news-grid {
    gap: 20px;
}
.front-page .news-card {
    background: #fff;
    border: 1px solid #e1e8ef;
    border-top: 4px solid #084182;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(11,30,56,.08);
    transition: transform .2s ease, box-shadow .2s ease, border-top-color .2s ease;
}
.front-page .news-card:hover {
    transform: translateY(-3px);
    border-top-color: #d3131b;
    box-shadow: 0 10px 24px rgba(11,30,56,.14);
}
.front-page .post-category {
    color: #d3131b;
    font-weight: 800;
}
.front-page .news-card .post-title a,
.front-page .top-story h3 a {
    color: #0b1e38;
}
.front-page .news-card .post-title a:hover,
.front-page .top-story h3 a:hover {
    color: #084182;
}
.front-page .sidebar {
    border-top: 5px solid #d3131b;
    box-shadow: 0 6px 18px rgba(11,30,56,.08);
}
.front-page .ad-placeholder {
    border: 2px dashed #9fb2c5;
    background: linear-gradient(135deg, #f7f9fb, #edf3f8);
    color: #536b82;
}

/* Keep mobile menu usable while desktop stays horizontal */
@media (max-width: 768px) {
    .main-navigation > ul,
    .main-navigation .menu {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }
    .main-navigation > ul.is-open,
    .main-navigation .menu.is-open {
        display: flex;
    }
    .main-navigation li,
    .main-navigation a {
        width: 100%;
    }
    .main-navigation a {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.09);
        padding: 13px 16px;
    }
}


/* The Wave Newspaper Beta 3.0 */
.main-navigation{background:#061b33;border-top:2px solid #0b1e38;border-bottom:2px solid #0b1e38;}
.navigation-inner{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.main-navigation ul,.main-navigation .menu{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:stretch!important;width:max-content;min-width:100%;margin:0 auto;}
.main-navigation li{flex:0 0 auto!important;display:block!important;}
.main-navigation li a{padding:13px 18px;background:transparent;white-space:nowrap;}
.mobile-menu-toggle{display:none!important;}
.main-header{position:relative;border-bottom:1px solid #d9e1e9;padding-bottom:22px;}
.main-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#0b1e38;}
.site-logo,.custom-logo-link{position:relative;display:inline-block;padding:3px 10px 5px;border-top:3px solid #0b1e38;}
.site-logo:before,.custom-logo-link:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#0b1e38;}
.ticker-title{background:#084182;}
.ticker-bar{border-bottom:3px solid #d3131b;}
.front-page .hero-story{border-bottom:5px solid #084182;}
.front-page .section-heading h2{background:#084182;}
.featured-story-card{background:#fff;border-top:5px solid #084182;padding:16px;box-shadow:0 6px 18px rgba(11,30,56,.10);}
.featured-story-card img{width:100%;height:170px;object-fit:cover;display:block;margin-bottom:12px;}
.featured-story-card h4{font-size:1.08rem;line-height:1.3;margin:7px 0;}
.featured-story-card .featured-label{font-size:.72rem;font-weight:800;text-transform:uppercase;color:#d3131b;}
.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.action-buttons a{display:inline-flex!important;align-items:center;justify-content:center;padding:8px 11px!important;background:#084182;color:#fff!important;border-radius:3px;font-weight:800;}
.action-buttons a:hover{background:#d3131b!important;color:#fff!important;}
@media(max-width:768px){
  .main-navigation{width:100%;}
  .navigation-inner{max-width:none;width:100%;}
  .main-navigation ul,.main-navigation .menu{justify-content:flex-start!important;}
  .main-navigation li a{font-size:.78rem;padding:12px 14px;}
  .main-header{padding-bottom:18px;}
}