/*
Theme Name: TautBerita
Theme URI: https://tautberita.com
Author: TautBerita
Description: Tema portal berita untuk TautBerita.
Version: 0.2.0
Text Domain: tautberita
*/
:root{--tb-ink:#101827;--tb-muted:#667085;--tb-paper:#fff;--tb-surface:#f5f7fa;--tb-accent:#d94841;--tb-line:#e6e9ee;--tb-max:1180px}
*{box-sizing:border-box} body{margin:0;background:var(--tb-surface);color:var(--tb-ink);font-family:Arial,Helvetica,sans-serif;line-height:1.62} a{color:inherit;text-decoration:none}a:hover{color:var(--tb-accent)}img{max-width:100%;height:auto}.tb-container{width:min(calc(100% - 32px),var(--tb-max));margin:0 auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}
.site-header{background:var(--tb-paper)}.tb-brandbar{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.tb-brand{display:flex;align-items:baseline;gap:16px}.site-title,.tb-footer-brand{font-size:1.7rem;font-weight:800;letter-spacing:-.05em}.site-tagline{font-size:.88rem;color:var(--tb-muted);border-left:1px solid var(--tb-line);padding-left:16px}.custom-logo{max-height:62px;width:auto}.tb-search{display:flex}.tb-search input{width:220px;border:1px solid var(--tb-line);border-radius:4px 0 0 4px;padding:10px 12px;font:inherit}.tb-search button{border:0;background:var(--tb-ink);color:#fff;padding:0 14px;font-weight:700;border-radius:0 4px 4px 0;cursor:pointer}.tb-nav{background:var(--tb-ink);color:#fff;border-bottom:3px solid var(--tb-accent)}.tb-nav .menu{display:flex;list-style:none;padding:0;margin:0;overflow-x:auto}.tb-nav a{display:block;white-space:nowrap;padding:14px 17px;font-size:.92rem;font-weight:700}.tb-nav a:hover,.tb-nav .current-menu-item>a{background:var(--tb-accent);color:#fff}.site-main{padding:32px 0 56px}.tb-home-grid,.tb-single-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:32px}.tb-card,.tb-sidebar,.tb-article,.tb-section{background:var(--tb-paper);border:1px solid var(--tb-line)}.tb-card img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}.tb-card__content{padding:24px}.tb-kicker{display:block;color:var(--tb-accent);font-weight:800;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase}.tb-card h1,.tb-card h2,.tb-article h1{margin:7px 0 10px;line-height:1.12;letter-spacing:-.035em}.tb-card h1{font-size:clamp(2rem,4.2vw,3.4rem)}.tb-card h2{font-size:1.35rem}.tb-meta{color:var(--tb-muted);font-size:.88rem}.tb-sidebar{padding:0 20px}.tb-sidebar h2,.tb-section-title{font-size:1.1rem;border-bottom:2px solid var(--tb-ink);margin:0;padding:17px 0 11px}.tb-sidebar article{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--tb-line)}.tb-sidebar article:last-child{border-bottom:0}.tb-sidebar img{width:76px;height:58px;object-fit:cover}.tb-sidebar h3{font-size:.96rem;line-height:1.3;margin:3px 0}.tb-news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:28px}.tb-news-grid .tb-card__content{padding:16px}.tb-news-grid .tb-card h2{margin:6px 0}.tb-empty{background:#fff;border:1px dashed var(--tb-line);padding:28px}.tb-article{padding:clamp(22px,4vw,52px)}.tb-breadcrumb{font-size:.84rem;color:var(--tb-muted);margin-bottom:15px}.tb-article h1{font-size:clamp(2rem,4.8vw,3.7rem)}.tb-article .wp-post-image{width:100%;margin:25px 0 15px}.tb-article__content{font-family:Georgia,'Times New Roman',serif;font-size:1.14rem;line-height:1.8}.tb-article__content p{margin:0 0 1.35em}.tb-share{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--tb-line);border-bottom:1px solid var(--tb-line);padding:16px 0;margin:28px 0}.tb-share span{font-weight:700;margin-right:4px}.tb-share a{font-size:.8rem;font-weight:700;padding:7px 10px;border:1px solid var(--tb-line);border-radius:3px}.tb-share a:hover{background:var(--tb-ink);color:#fff}.tb-section{margin-top:28px;padding:0 22px}.tb-related article{padding:16px 0;border-bottom:1px solid var(--tb-line)}.tb-related article:last-child{border-bottom:0}.tb-related h3{margin:5px 0;font-size:1.05rem;line-height:1.35}.site-footer{background:var(--tb-ink);color:#d7dce5;padding:44px 0 0}.tb-footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:36px}.tb-footer-grid h2{color:#fff;font-size:1rem;margin:5px 0 13px}.tb-footer-grid p{font-size:.9rem;margin:8px 0}.tb-footer-grid ul{list-style:none;margin:0;padding:0}.tb-footer-grid li{margin:8px 0}.tb-footer-brand{color:#fff}.tb-footer-note{color:#aab4c3}.tb-copyright{border-top:1px solid #2d394a;margin-top:32px;padding:18px 0;font-size:.82rem;color:#aab4c3}
@media(max-width:800px){.tb-brandbar{min-height:76px}.tb-search{display:none}.site-tagline{display:none}.tb-home-grid,.tb-single-layout,.tb-footer-grid{grid-template-columns:1fr}.tb-news-grid{grid-template-columns:1fr}.tb-sidebar{order:2}.site-main{padding-top:20px}.tb-article{padding:24px}.tb-brand{gap:0}.tb-nav a{padding:13px 14px}}
.tb-share{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;border:0;padding:0;margin:30px 0}
.tb-share span{display:none}.tb-share a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 10px;border:0;border-radius:4px;color:#fff;font-size:.94rem;font-weight:800}
.tb-share a::before{font-size:1.15rem;font-weight:700;margin-right:9px}.tb-share a:nth-of-type(1){background:#586bb3}.tb-share a:nth-of-type(1)::before{content:"f"}.tb-share a:nth-of-type(2){background:#1877f2}.tb-share a:nth-of-type(2)::before{content:"f"}.tb-share a:nth-of-type(3){background:#111}.tb-share a:nth-of-type(3)::before{content:"𝕏"}.tb-share a:nth-of-type(4){background:#249bd7}.tb-share a:nth-of-type(4)::before{content:"➤"}
.tb-share a:hover{filter:brightness(.9);color:#fff}.tb-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 26px;margin:34px auto 0;padding:22px 0;border-top:1px solid #2d394a}.tb-footer-links a{font-weight:700}.tb-socials{display:flex;justify-content:center;gap:12px;margin:22px 0 0}.tb-socials a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-weight:800;color:#fff}.tb-socials a:nth-child(1){background:#566db1}.tb-socials a:nth-child(2){background:#d7543f}.tb-socials a:nth-child(3){background:#62a0e5}.tb-socials a:nth-child(4){background:#e8482b}.tb-socials a:nth-child(5){background:#ee7828}
@media(max-width:560px){.tb-share{grid-template-columns:repeat(2,1fr)}.tb-share a:last-child{grid-column:span 2}}
