/*
Theme Name: MOSI TV NEWS
Theme URI: https://mositvnews.com
Author: MOSI TV NEWS
Description: Tema portal berita responsif untuk MOSI TV NEWS dengan halaman utama, artikel, redaksi, kategori, pencarian, dan tautan media sosial.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mosi-tv-news
*/
:root{--blue:#063e9e;--blue2:#0876d8;--red:#e51b2b;--ink:#14213d;--muted:#64748b;--line:#e4eaf2;--paper:#f4f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#172033;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto} .container{width:min(1180px,94%);margin:auto}
.topline{background:#062b70;color:#fff;font-size:12px;padding:7px 0}.topline .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.social-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.social-links a{display:inline-block;background:#fff;color:#073b91;font-weight:800;border-radius:4px;padding:4px 9px;font-size:12px}.social-links a:hover{background:var(--red);color:#fff}
.site-header{background:white;border-bottom:4px solid var(--red)}.branding{display:flex;align-items:center;justify-content:center;padding:15px 0}.custom-logo{max-height:130px;width:auto}.site-logo{display:block;max-height:130px;width:auto;object-fit:contain}.site-title{font-weight:900;font-size:clamp(28px,5vw,50px);color:var(--blue);line-height:1.1}.site-description{margin:4px 0 0;color:#475569;font-weight:bold;letter-spacing:2px;font-size:12px}
.main-nav{background:var(--blue);color:#fff}.main-nav .container{display:flex;align-items:center;justify-content:space-between;gap:15px}.menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.menu li a{display:block;color:white;padding:13px 14px;font-weight:800;font-size:13px;text-transform:uppercase}.menu li a:hover,.menu .current-menu-item>a{background:var(--red)}.search-form{display:flex;gap:4px;padding:6px 0}.search-form input{width:150px;min-width:0;padding:8px;border:0;border-radius:4px}.search-form button{background:var(--red);border:0;color:white;padding:8px 10px;border-radius:4px;font-weight:bold}
.breaking{background:#fff;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.breaking strong{background:var(--red);color:white;padding:7px 10px;margin-right:10px}
.hero{margin:22px auto;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 4px 18px #12264a0c}.hero-label{background:var(--red);color:#fff;font-size:12px;font-weight:900;display:inline-block;padding:6px 12px;text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:0}.hero-feature{position:relative;min-height:320px;background:#dbeafe}.hero-feature img{width:100%;height:100%;min-height:320px;object-fit:cover;display:block}.hero-feature .overlay{position:absolute;inset:35% 0 0;padding:22px;background:linear-gradient(transparent,rgba(0,15,48,.92));display:flex;flex-direction:column;justify-content:end;color:white}.overlay h2{font-size:clamp(22px,3vw,34px);line-height:1.2;margin:8px 0}.overlay a{color:white}.hero-side{padding:16px}.mini-story{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.mini-story:first-child{padding-top:0}.mini-story:last-child{border-bottom:0}.mini-story img{width:100px;height:75px;object-fit:cover;border-radius:5px}.mini-story h3{font-size:15px;line-height:1.35;margin:0 0 5px}.meta{font-size:12px;color:var(--muted)}
.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin:22px auto 40px}.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--blue);margin:0 0 17px}.section-heading h2{margin:0;background:var(--blue);color:#fff;padding:8px 13px;font-size:18px;text-transform:uppercase}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.post-card,.widget,.article-card,.page-card{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.post-card img{width:100%;height:190px;object-fit:cover;display:block}.post-card .pad{padding:14px}.category-label{display:inline-block;color:var(--red);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.post-card h3{font-size:19px;line-height:1.3;margin:7px 0}.post-card p{font-size:14px;color:#526078;margin:7px 0}
.sidebar{display:flex;flex-direction:column;gap:18px}.widget{padding:17px}.widget-title{font-size:17px;margin:0 0 12px;border-left:4px solid var(--red);padding-left:9px}.widget ul{list-style:none;padding:0;margin:0}.widget li{padding:8px 0;border-bottom:1px solid var(--line)}.widget li:last-child{border:0}.redaksi-box{background:linear-gradient(135deg,#073a91,#0876d8);color:white;padding:20px;border-radius:8px}.redaksi-box h3{margin:0 0 8px}.redaksi-box a{color:white;font-weight:bold;text-decoration:underline}
.article-card,.page-card{padding:clamp(18px,4vw,35px)}.article-title{font-size:clamp(28px,4vw,42px);line-height:1.17;margin:8px 0 12px;color:#101d38}.article-featured{width:100%;max-height:500px;object-fit:cover;border-radius:7px;margin:20px 0}.entry-content{font-size:17px;line-height:1.85;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{line-height:1.3}.entry-content img{border-radius:6px}.entry-content blockquote{border-left:4px solid var(--red);margin:20px 0;padding:10px 20px;background:#f5f8ff}
.pagination{margin:24px 0;display:flex;gap:7px;flex-wrap:wrap}.pagination a,.pagination span{padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:4px}.pagination .current{background:var(--blue);color:#fff}
.redaksi-hero{width:100%;max-height:260px;object-fit:cover;border-radius:8px;margin-bottom:20px}.redaksi-intro{background:#eff6ff;border-left:4px solid var(--red);padding:15px;margin:15px 0 25px}.staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.staff-item{padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.staff-item h3{font-size:12px;color:var(--red);margin:0 0 5px;text-transform:uppercase;letter-spacing:.5px}.staff-item p{margin:0;font-weight:800;color:#172b52}
.site-footer{background:#071d49;color:#dbeafe;margin-top:40px}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px;padding:35px 0}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#dbeafe}.footer-bottom{border-top:1px solid #28416e;padding:14px 0;font-size:12px}.contact-line{margin:8px 0}.social-footer{display:flex;gap:8px;flex-wrap:wrap}
.no-posts{background:#fff;padding:24px;border-radius:8px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:850px){.page-layout{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-feature,.hero-feature img{min-height:270px}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-story{grid-template-columns:85px 1fr;border:0;padding:0}.mini-story img{width:85px;height:70px}.main-nav .container{align-items:flex-start;flex-direction:column}.menu li a{padding:10px}.search-form{padding:0 0 10px}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.topline .container{justify-content:center;text-align:center}.branding{padding:10px 0}.site-logo{max-height:90px}.site-description{letter-spacing:1px}.menu{width:100%}.menu li a{font-size:11px;padding:9px 8px}.hero-side{grid-template-columns:1fr}.post-grid{grid-template-columns:1fr}.post-card img{height:210px}.footer-main{grid-template-columns:1fr}.staff-grid{grid-template-columns:1fr}.hero-feature,.hero-feature img{min-height:240px}.overlay h2{font-size:23px}}