/*
Theme Name: Minimal Header
Theme URI: https://example.com/
Author: Rex
Description: Tema minimal dengan header dua navigasi, non-brand
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.5
Text Domain: bbc
*/

:root{--accent:#bb1919;--text:#000;--muted:#666;--border:#e5e5e5;--brandbar-h:60px}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Helvetica Neue",Helvetica,sans-serif;color:#000;background:#fff;padding-top:var(--brandbar-h)}

a{color:#000;text-decoration:none}
a:visited{color:#000}
a:hover{text-decoration:underline}

.site-header{border-bottom:1px solid var(--border)}
.site-header__inner{max-width:1100px;margin:0 auto;padding:12px 16px;text-align:center}
.site-brandbar .site-header__inner{height:var(--brandbar-h);padding:0 16px;display:flex;align-items:center;justify-content:center}
.site-brand{margin-bottom:0}
.site-brandbar{border-bottom:1px solid var(--border)}

.site-brandbar{position:fixed;top:0;left:0;right:0;z-index:20;background:#fff}
.site-navbar{position:sticky;top:var(--brandbar-h);z-index:30;background:#fff;transition:transform .25s ease, opacity .25s ease}
.site-navbar.hide{transform:translateY(-100%);opacity:0}

.site-brand{display:inline-flex;justify-content:center;align-items:center;gap:6px;text-decoration:none;margin-bottom:8px;line-height:1}
.site-brand .brand-box{min-width:36px;height:36px;background:#000;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;padding:0 10px;letter-spacing:0;white-space:nowrap}
.site-brand img{max-height:36px;width:auto;display:block}

.primary-nav{border-top:1px solid var(--border)}
.primary-menu{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:8px 0;margin:0}
.primary-menu li a{text-decoration:none;color:#000;font-weight:500}
.primary-menu .current-menu-item a,.primary-menu .current_page_item a{border-bottom:2px solid var(--accent);padding-bottom:6px}
.primary-menu li.current a{border-bottom:2px solid var(--accent);padding-bottom:6px}

.secondary-nav{border-top:1px solid var(--border)}
.secondary-menu{list-style:none;display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:center;gap:12px;padding:8px 0;margin:0;font-size:12px;white-space:nowrap}
.secondary-menu li a{color:#000;text-decoration:none}
.secondary-menu li a:hover{text-decoration:underline}
.secondary-menu li.current a{border-bottom:2px solid var(--accent);padding-bottom:4px}

.site-main{max-width:1100px;margin:24px auto;padding:0 16px}
.entry-title{font-size:2rem;margin:0 0 1rem}
.entry-content{line-height:1.6}

.home-hero{display:grid;grid-template-columns:1.6fr 1.2fr 1fr;gap:20px;margin-top:8px;align-items:start}
.hero-left{display:block}
.hero-center{display:block}
.hero-right{display:block}
.hero-main{display:flex;flex-direction:column;gap:8px}
.hero-title{font-size:2rem;font-weight:700;margin:0}
.hero-excerpt{color:var(--muted);margin:0}
.hero-meta{color:var(--muted);font-size:.9rem}
.hero-image{aspect-ratio:16/9;width:100%;overflow:hidden}
.hero-image img{width:100%;height:100%;display:block;object-fit:cover}

.hero-side{display:grid;grid-template-rows:auto auto;gap:16px}
.side-item{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.side-thumb img{width:100%;height:auto;display:block}
.side-text{display:flex;flex-direction:column;gap:6px}
.side-title{font-size:1rem;margin:0}
.side-excerpt{display:none}
.side-meta{color:var(--muted);font-size:.85rem}

.cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:24px 0}
.card{display:flex;flex-direction:column;gap:6px}
.card-thumb img{width:100%;height:auto;display:block}
.card-title{font-size:.95rem;margin:0}
.card-meta{color:var(--muted);font-size:.8rem}

.home-teasers .teasers-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin:24px 0}
.teaser{display:flex;flex-direction:column;gap:6px}
.teaser-thumb img{width:100%;height:auto;display:block}
.teaser-title{font-size:.95rem;margin:0}
.teaser-excerpt{color:var(--muted);font-size:.9rem;margin:0}
.teaser-meta{color:var(--muted);font-size:.8rem}

.home-links .links-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0 24px}
.link-item{padding-top:8px;border-top:1px solid var(--border)}
.link-title{font-size:1rem;margin:0}

.sub-title{font-size:.95rem;color:#000;border-top:1px solid var(--border);padding-top:10px;margin:0 0 14px;letter-spacing:.3px}
.also-grid{display:grid;grid-template-columns:1.6fr 1.4fr 1fr;gap:20px}
.also-left{display:flex;flex-direction:column;gap:8px}
.also-lead{display:flex;flex-direction:column;gap:12px;align-items:start}
.also-lead-media{aspect-ratio:16/9;width:100%;overflow:hidden}
.also-lead-media img{width:100%;height:100%;object-fit:cover;display:block}
.also-lead-text{display:flex;flex-direction:column;gap:8px}
.also-title{font-size:1.6rem;font-weight:800;margin:0}
.also-excerpt{color:var(--muted);margin:0;line-height:1.6}
.also-title{font-size:1.6rem;font-weight:800;margin:0}
.also-excerpt{color:var(--muted);margin:0}
.also-meta{color:var(--muted);font-size:.9rem}
.also-center{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.also-media{aspect-ratio:16/9;overflow:hidden}
.also-media img{width:100%;height:100%;object-fit:cover}
.also-center-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.center-item{display:flex;flex-direction:column;gap:6px}
.center-title{font-size:1rem;margin:0}
.center-excerpt{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.also-media{position:relative}
.also-media img{width:100%;display:block}
.play{display:none}
.play::before{display:none}
.also-right{display:grid;grid-template-columns:1fr;gap:18px}
.also-item-title{font-size:1rem;margin:0}
.also-item-excerpt{color:var(--muted);margin:6px 0 0;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.also-item-meta{color:var(--muted);font-size:.85rem;margin-top:4px}
.also-lower{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:18px}
.also-lower > *{min-width:0}
.also-more{text-align:right;margin-top:12px}
.also-more a{font-weight:600}
.also-card{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start}
.also-card.v{display:flex;flex-direction:column}
.also-card.v .thumb{width:100%}
.also-card.v .thumb img{width:100%;display:block}
.also-card.v .title{font-size:1rem;margin:8px 0 0}
.also-card.v .excerpt{color:var(--muted);margin:6px 0 0;font-size:.95rem;line-height:1.6}
.also-card.v .meta{color:var(--muted);font-size:.85rem;margin-top:4px}
.also-card .thumb img{width:100%;display:block}
.also-card .title{font-size:1rem;margin:0}
.also-card .excerpt{color:var(--muted);margin:6px 0 0;font-size:.95rem}
.also-card .meta{color:var(--muted);font-size:.85rem;margin-top:4px}

@media (max-width:960px){
  .home-hero{grid-template-columns:1fr}
  .hero-side{grid-template-columns:1fr}
  .cards-grid{grid-template-columns:repeat(3,1fr)}
  .home-teasers .teasers-row{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .home-teasers .teasers-row{grid-template-columns:repeat(2,1fr)}
  .home-links .links-row{grid-template-columns:repeat(2,1fr)}
  .also-lower{grid-template-columns:1fr}
}
.site-footer{border-top:1px solid var(--border);margin-top:32px;background:#fff}
.site-footer__inner{max-width:1100px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;color:var(--muted);font-size:.9rem}
.site-footer__inner a{color:#000}
.footer-brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.footer-cats h4{margin:0 0 8px;color:#000;font-size:1rem}
.footer-cats ul{list-style:none;padding:0;margin:0;columns:2}
.footer-cats li{margin:4px 0}
@media (max-width:640px){.site-footer__inner{grid-template-columns:1fr}.footer-cats ul{columns:1}}

.stream-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
.stream-card{display:flex;flex-direction:column;gap:8px}
.stream-thumb{aspect-ratio:16/9;overflow:hidden}
.stream-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.stream-title{font-size:1rem;margin:0}
@media (max-width:640px){.stream-grid{grid-template-columns:1fr}}

.paper{max-width:760px;margin:0 auto;background:#fff;padding:0}
.paper-head{padding:0 8px 12px}
.paper-title{font-size:2rem;margin:0}
.paper-meta{color:var(--muted);font-size:.9rem}
.paper-thumb{margin:0 0 16px}
.paper-thumb img{width:100%;height:auto;display:block}
.paper-body{font-size:1.05rem;line-height:1.8}
.paper-related{margin-top:28px}
.paper-under{margin-top:28px;border-top:1px solid var(--border);padding-top:16px}
.paper-body table{width:100%;border-collapse:collapse;margin:16px 0}
.paper-body th,.paper-body td{border:1px solid var(--border);padding:8px;text-align:left}
.paper-body thead th{background:#f8f8f8}