/*
Theme Name: BeritaUpdate24 Premium
Theme URI: https://beritaupdate.news/
Author: BeritaUpdate24
Author URI: https://beritaupdate.news/
Description: Premium WordPress news portal theme for BeritaUpdate24 with newsroom dashboard, view-based trending, dark mode, AdSense slots, author profiles, related news, sharing, and NewsArticle schema.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: beritaupdate24
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: news, blog, magazine, custom-logo, featured-images, custom-menu, editor-style
*/

:root{
  --bg:#ffffff;--surface:#f5f7fa;--surface2:#eef2f6;--card:#ffffff;--text:#111827;--text2:#344054;--muted:#667085;
  --line:#e5e9f0;--brand:#e21d2f;--brand2:#bd1122;--navy:#071a3d;--navy2:#0c2859;--green:#0f9f6e;--purple:#6d3ee8;
  --orange:#e87514;--blue:#1769e0;--shadow:0 12px 38px rgba(9,30,66,.08);--radius:16px;--container:1220px;
}
html[data-theme="dark"]{
  --bg:#080c13;--surface:#0d1420;--surface2:#111b2a;--card:#0e1725;--text:#f5f7fb;--text2:#d5dbe6;--muted:#94a0b2;
  --line:#202b3b;--navy:#040914;--navy2:#0b1b36;--shadow:0 12px 38px rgba(0,0,0,.28);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(calc(100% - 38px),var(--container));margin-inline:auto}

.topline{background:var(--navy);color:#dce5f4;font-size:12px}.topline-inner{height:35px;display:flex;justify-content:space-between;align-items:center}.topline-links{display:flex;gap:20px}.topline a:hover{color:#fff}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff334b;margin-right:8px;box-shadow:0 0 0 4px rgba(255,51,75,.14)}
.site-header{position:sticky;top:0;z-index:80;background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}body.admin-bar .site-header{top:32px}.header-inner{height:84px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-surface{background:#fff;border:1px solid rgba(9,30,66,.06);border-radius:12px;padding:3px 8px;display:flex;align-items:center}.brand img,.brand .custom-logo{width:255px;max-height:66px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.desktop-nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:22px}.desktop-nav a{font-size:14px;font-weight:800;color:var(--text2);padding:30px 0;position:relative}.desktop-nav a:hover,.desktop-nav .current-menu-item>a{color:var(--brand)}.desktop-nav .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--brand);border-radius:99px}.header-actions{display:flex;gap:8px}.icon-btn,.menu-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);display:grid;place-items:center;cursor:pointer}.icon-btn:hover,.menu-btn:hover{border-color:#c9d0dc}.icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.theme-icon{font-size:18px;line-height:1}.menu-btn{display:none;padding:9px}.menu-btn span{display:block;width:19px;height:2px;background:currentColor;border-radius:99px;margin:2.5px auto}.mobile-nav{display:none;padding:10px 19px 18px;border-top:1px solid var(--line);background:var(--card)}.mobile-nav a{display:block;padding:11px 0;font-weight:800;color:var(--text2)}.mobile-nav.open{display:block}

.running-bar{background:var(--card);border-bottom:1px solid var(--line)}.running-inner{height:44px;display:flex;align-items:center;gap:15px;overflow:hidden}.running-label{flex:none;display:flex;align-items:center;gap:7px;color:#fff;background:var(--brand);font-size:10px;font-weight:900;letter-spacing:.09em;padding:7px 10px;border-radius:7px}.ticker{overflow:hidden;flex:1;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.ticker-marquee{display:flex;width:max-content;animation:bu24ticker 50s linear infinite}.ticker:hover .ticker-marquee{animation-play-state:paused}.ticker-group{display:flex;align-items:center;gap:16px;padding-right:16px;white-space:nowrap;font-size:13px;font-weight:700;color:var(--text2)}.ticker-sep{color:#c6ccd7}@keyframes bu24ticker{to{transform:translateX(-50%)}}

.ad-wrap{margin:18px 0}.ad-inner{min-height:90px;display:grid;place-items:center;text-align:center;overflow:hidden}.ad-label{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.ad-placeholder{width:100%;min-height:90px;border:1px dashed #c9d0dc;border-radius:12px;background:var(--surface);display:grid;place-items:center;color:var(--muted);font-size:12px}.ad-sidebar .ad-inner{min-height:250px}.ad-sidebar .ad-placeholder{min-height:250px}

.hero-section{padding:18px 0 38px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.9fr);gap:14px}.image-card{position:relative;overflow:hidden;background:var(--surface2);border-radius:var(--radius)}.image-card>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.image-card:hover>img{transform:scale(1.025)}.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(3,8,18,.94) 4%,rgba(3,8,18,.42) 52%,rgba(3,8,18,.06) 100%)}.hero-main{min-height:520px}.hero-content{position:absolute;left:0;right:0;bottom:0;padding:34px;color:#fff}.hero-content h1{font-size:clamp(32px,4vw,52px);line-height:1.04;letter-spacing:-.042em;margin:12px 0 12px;max-width:850px}.hero-content p{margin:0 0 17px;color:#d8e0eb;max-width:760px;font-size:15px}.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:7px;background:var(--brand);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.badge.blue{background:var(--blue)}.badge.green{background:var(--green)}.badge.purple{background:var(--purple)}.badge.orange{background:var(--orange)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--muted);font-size:12px}.meta.light{color:#dbe2ec}.hero-side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:14px}.hero-mini{min-height:253px}.hero-mini-content{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff}.hero-mini h2{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:8px 0 8px}

.flash-strip{padding-bottom:16px}.flash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flash-card{display:grid;grid-template-columns:74px 1fr;gap:11px;align-items:center;padding:10px;border:1px solid var(--line);background:var(--card);border-radius:13px}.flash-card img{width:74px;height:65px;border-radius:9px;object-fit:cover}.flash-card h3{font-size:13px;line-height:1.28;margin:3px 0}.flash-card:hover h3{color:var(--brand)}

.section{padding:48px 0}.section.alt{background:var(--surface)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font-size:30px;letter-spacing:-.035em;margin:2px 0 0}.eyebrow{font-size:10px;font-weight:900;color:var(--brand);letter-spacing:.14em;text-transform:uppercase}.view-all{font-size:12px;font-weight:900;color:var(--text2)}.view-all:hover{color:var(--brand)}.latest-list{border-top:1px solid var(--line)}.list-card{display:grid;grid-template-columns:235px 1fr;gap:22px;padding:21px 0;border-bottom:1px solid var(--line)}.thumb{display:block;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:var(--surface2)}.thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.thumb:hover img{transform:scale(1.04)}.category{display:inline-block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;color:var(--brand);margin-bottom:7px}.category.green{color:var(--green)}.category.purple{color:var(--purple)}.category.orange{color:var(--orange)}.category.blue{color:var(--blue)}.list-card h3{font-size:21px;line-height:1.25;letter-spacing:-.025em;margin:0 0 7px}.list-card h3 a:hover,.news-card h3 a:hover,.related-card h3 a:hover{color:var(--brand)}.list-card p{font-size:13px;color:var(--muted);margin:0 0 10px}.views{display:inline-flex;align-items:center;gap:4px}

.sidebar{display:flex;flex-direction:column;gap:22px}.sidebar-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.sidebar-title{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid var(--line)}.sidebar-title h3{font-size:19px;margin:0}.pulse{width:8px;height:8px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 5px rgba(226,29,47,.12)}.trending-item{display:grid;grid-template-columns:42px 1fr;gap:11px;padding:16px 0;border-bottom:1px solid var(--line)}.trending-item:last-child{border-bottom:0;padding-bottom:0}.rank{font-size:27px;font-weight:950;letter-spacing:-.05em;color:#cfd5df}.trending-item h4{font-size:14px;line-height:1.35;margin:3px 0 6px}.trending-item:hover h4{color:var(--brand)}.mini-cat{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:900}.trend-views{font-size:10px;color:var(--muted)}

.category-block{margin-top:48px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.news-grid.four{grid-template-columns:repeat(4,1fr)}.news-card .news-thumb{display:block;aspect-ratio:16/10;border-radius:13px;overflow:hidden;margin-bottom:12px;background:var(--surface2)}.news-card .news-thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.news-card:hover .news-thumb img{transform:scale(1.035)}.news-card h3{font-size:17px;line-height:1.3;letter-spacing:-.02em;margin:0 0 9px}

.dark-feature{background:var(--navy);color:#fff;padding:58px 0}.dark-feature .section-heading h2{color:#fff}.dark-feature .view-all{color:#d0d9e8}.feature-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:22px}.feature-main{min-height:470px}.feature-main-content{position:absolute;left:0;right:0;bottom:0;padding:28px}.feature-main h2{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:10px 0 14px}.feature-list{display:flex;flex-direction:column;gap:14px}.feature-list-item{display:grid;grid-template-columns:128px 1fr;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}.feature-list-item img{height:88px;width:128px;object-fit:cover;border-radius:10px}.feature-list-item h3{font-size:15px;line-height:1.3;margin:4px 0 7px}

.article-wrap{padding:40px 0 60px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:18px}.breadcrumb a:hover{color:var(--brand)}.article-header h1{font-size:clamp(36px,5.3vw,62px);line-height:1.035;letter-spacing:-.045em;margin:7px 0 13px}.article-deck{font-size:19px;line-height:1.55;color:var(--text2);max-width:820px;margin:0 0 18px}.article-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.author-mini{display:flex;align-items:center;gap:10px}.author-mini img{width:38px;height:38px;border-radius:50%}.author-mini strong{display:block;font-size:13px}.author-mini span{display:block;font-size:11px;color:var(--muted)}.share-buttons{display:flex;gap:7px;flex-wrap:wrap}.share-btn{border:1px solid var(--line);background:var(--surface);color:var(--text2);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.share-btn.wa{background:#16a667;color:#fff;border-color:#16a667}.share-btn:hover{transform:translateY(-1px)}.article-featured{border-radius:18px;overflow:hidden;margin-bottom:27px}.article-featured img{width:100%;max-height:630px;object-fit:cover}.entry-content{font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.83;color:var(--text2)}.entry-content>*{max-width:760px;margin-left:auto;margin-right:auto}.entry-content h2,.entry-content h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);letter-spacing:-.025em}.entry-content h2{font-size:30px;margin-top:38px}.entry-content h3{font-size:23px;margin-top:30px}.entry-content img,.entry-content figure,.entry-content .wp-block-image{max-width:100%}.entry-content blockquote{border-left:4px solid var(--brand);padding:8px 0 8px 20px;font-size:21px;color:var(--text);font-weight:700}.entry-content a{color:var(--blue);text-decoration:underline}.entry-content .ad-wrap{max-width:970px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.article-tags a{background:var(--surface);border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.author-box{display:grid;grid-template-columns:82px 1fr;gap:18px;background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:16px;margin-top:34px}.author-box img{width:82px;height:82px;border-radius:50%}.author-box h3{font-size:19px;margin:0 0 5px}.author-box p{color:var(--muted);font-size:13px;margin:0 0 9px}.author-box a{color:var(--brand);font-size:12px;font-weight:900}.related{margin-top:44px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.related-card img{aspect-ratio:16/10;object-fit:cover;border-radius:11px;margin-bottom:9px}.related-card h3{font-size:14px;line-height:1.3;margin:3px 0 7px}

.author-hero{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;padding:27px;border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-bottom:34px}.author-hero img{width:120px;height:120px;border-radius:50%}.author-hero h1{font-size:34px;letter-spacing:-.035em;margin:0 0 7px}.author-hero p{color:var(--muted);margin:0;max-width:750px}

.site-footer{background:#050d1c;color:#c8d2e2;padding:54px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.footer-brand{display:inline-flex;background:#fff;border-radius:12px;padding:5px 9px;margin-bottom:14px}.footer-brand img{width:245px;max-height:66px;object-fit:contain}.footer-grid p{font-size:13px;color:#8795ab;max-width:370px}.footer-grid h4{font-size:14px;color:#fff;margin:0 0 12px}.footer-grid>div:not(:first-child) a{display:block;padding:5px 0;color:#8795ab;font-size:13px}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:42px;padding-top:17px;border-top:1px solid #17243a;display:flex;justify-content:space-between;font-size:11px;color:#687891}

.search-modal{position:fixed;inset:0;z-index:150;background:rgba(2,8,18,.75);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding-top:120px}.search-modal.open{display:flex}.search-panel{width:min(720px,calc(100% - 30px));padding:25px;background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow)}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.search-head h3{margin:0;font-size:24px}.search-head button{border:0;width:38px;height:38px;border-radius:10px;background:var(--surface);color:var(--text);font-size:24px;cursor:pointer}.search-form{display:grid;grid-template-columns:1fr 92px;gap:9px}.search-form input{height:52px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:0 13px;outline:none}.search-form button{border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:900}.search-panel p{font-size:12px;color:var(--muted)}

.pagination{display:flex;gap:6px;flex-wrap:wrap;margin-top:28px}.pagination .page-numbers{min-width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--card);font-size:12px;font-weight:800}.pagination .current{background:var(--brand);border-color:var(--brand);color:#fff}.empty-state{padding:35px;border:1px dashed var(--line);border-radius:15px;background:var(--surface);text-align:center;color:var(--muted)}

@media(max-width:1080px){.desktop-nav{display:none}.menu-btn{display:grid}.hero-grid,.content-layout,.feature-grid{grid-template-columns:1fr}.hero-side{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.hero-mini{min-height:220px}.flash-grid{grid-template-columns:repeat(2,1fr)}.sidebar{display:grid;grid-template-columns:1fr 1fr}.news-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}.topline-links{display:none}.header-inner{height:72px}.brand img,.brand .custom-logo{width:210px;max-height:56px}.hero-section{padding-top:13px}.hero-main{min-height:455px}.hero-content{padding:24px}.hero-content h1{font-size:34px}.hero-side{grid-template-columns:1fr 1fr}.hero-mini{min-height:215px}.flash-grid{grid-template-columns:1fr 1fr}.section{padding:38px 0}.list-card{grid-template-columns:135px 1fr;gap:14px}.list-card h3{font-size:16px}.list-card p{display:none}.thumb{aspect-ratio:1/1}.news-grid,.news-grid.four{grid-template-columns:repeat(2,1fr)}.sidebar{grid-template-columns:1fr}.article-meta{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:540px){.container{width:min(calc(100% - 26px),var(--container))}.header-inner{gap:10px}.brand img,.brand .custom-logo{width:170px}.icon-btn,.menu-btn{width:39px;height:39px}.topline-inner{justify-content:center}.running-label{font-size:9px}.hero-main{min-height:420px}.hero-content h1{font-size:29px}.hero-content p{display:none}.hero-side{grid-template-columns:1fr}.hero-mini{min-height:210px}.flash-grid{grid-template-columns:1fr}.list-card{grid-template-columns:110px 1fr}.section-heading h2{font-size:26px}.news-grid,.news-grid.four{grid-template-columns:1fr}.feature-main{min-height:420px}.feature-main h2{font-size:25px}.feature-list-item{grid-template-columns:105px 1fr}.feature-list-item img{width:105px;height:78px}.article-header h1{font-size:35px}.article-deck{font-size:16px}.entry-content{font-size:18px}.related-grid{grid-template-columns:1fr 1fr}.author-box{grid-template-columns:64px 1fr}.author-box img{width:64px;height:64px}.author-hero{grid-template-columns:76px 1fr;padding:18px}.author-hero img{width:76px;height:76px}.author-hero h1{font-size:26px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:6px}.search-form{grid-template-columns:1fr}.search-form button{height:46px}}