/*
Theme Name: MediaIntermedia
Theme URI: https://example.com/mediaintermedia
Author: MediaIntermedia
Description: Tema WordPress portal berita modern, responsif, dengan berita utama, breaking news, kategori, dan sidebar.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: mediaintermedia
*/
:root{--mi-ink:#172033;--mi-muted:#697386;--mi-red:#d92735;--mi-blue:#123b65;--mi-line:#e7eaf0;--mi-bg:#f4f6f9;--mi-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mi-bg);color:var(--mi-ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mi-red)}img{max-width:100%;height:auto;display:block}.mi-container{width:min(1180px,calc(100% - 32px));margin:auto}
.mi-topbar{background:#101827;color:#dce3ee;font-size:12px;padding:7px 0}.mi-topbar-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.mi-header{background:#fff;border-bottom:1px solid var(--mi-line)}.mi-brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}.mi-brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:900;letter-spacing:-1px;color:var(--mi-blue)}.mi-brand span{color:var(--mi-red)}.custom-logo{max-height:64px;width:auto}.mi-tagline{font-size:12px;color:var(--mi-muted);margin-top:-4px}.mi-adspace{min-width:250px;min-height:64px;background:#f5f6f8;border:1px dashed #cbd2dc;color:#9aa3b2;display:grid;place-items:center;font-size:11px}
.mi-navwrap{background:var(--mi-blue);color:#fff}.mi-nav{display:flex;align-items:center;justify-content:space-between;min-height:48px}.mi-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:0;flex-wrap:wrap}.mi-nav li{position:relative}.mi-nav a{display:block;padding:13px 15px;font-weight:700;font-size:13px}.mi-nav a:hover,.mi-nav .current-menu-item>a{background:var(--mi-red);color:#fff}.mi-search{padding:0 8px}.mi-search input{width:150px;padding:8px 10px;border:0;border-radius:3px}
.mi-breaking{display:flex;align-items:stretch;background:#fff;margin:18px 0;border:1px solid var(--mi-line);overflow:hidden}.mi-breaking strong{background:var(--mi-red);color:#fff;padding:9px 14px;font-size:12px;white-space:nowrap}.mi-breaking a{padding:8px 14px;font-weight:700;font-size:13px}
.mi-section-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:19px;font-weight:900;text-transform:uppercase}.mi-section-title:after{content:"";height:3px;background:var(--mi-red);flex:1}
.mi-feature-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:28px}.mi-feature-main,.mi-feature-small{position:relative;overflow:hidden;background:#172033;color:#fff;border-radius:5px;min-height:260px}.mi-feature-main{min-height:410px}.mi-feature-main img,.mi-feature-small img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.78;transition:transform .35s}.mi-feature-main:hover img,.mi-feature-small:hover img{transform:scale(1.04)}.mi-feature-copy{position:absolute;inset:auto 0 0;padding:24px;background:linear-gradient(transparent,rgba(0,0,0,.88))}.mi-feature-copy h2{font-size:30px;line-height:1.2;margin:8px 0}.mi-feature-small .mi-feature-copy{padding:16px}.mi-feature-small h3{font-size:18px;line-height:1.3;margin:7px 0}.mi-feature-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.mi-cat{display:inline-block;background:var(--mi-red);color:#fff;padding:3px 8px;font-size:10px;font-weight:800;text-transform:uppercase;border-radius:2px}.mi-meta{font-size:11px;color:inherit;opacity:.8}.mi-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}.mi-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mi-card{background:#fff;border:1px solid var(--mi-line);border-radius:5px;overflow:hidden}.mi-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.mi-card-body{padding:15px}.mi-card h2,.mi-card h3{font-size:18px;line-height:1.35;margin:8px 0}.mi-card p{font-size:13px;color:var(--mi-muted);margin:8px 0 0}.mi-sidebar .widget{background:#fff;padding:18px;margin-bottom:18px;border:1px solid var(--mi-line);border-radius:5px}.widget-title{font-size:16px;margin:0 0 14px;padding-bottom:9px;border-bottom:2px solid var(--mi-red);text-transform:uppercase}.mi-sidebar ul{padding-left:18px;margin:0}.mi-sidebar li{margin:7px 0;font-size:13px}.mi-post{background:#fff;padding:26px;border:1px solid var(--mi-line);border-radius:5px}.mi-post h1{font-size:36px;line-height:1.2;margin:10px 0}.mi-post .mi-meta{color:var(--mi-muted)}.mi-post-thumb{width:100%;max-height:520px;object-fit:cover;margin:20px 0}.mi-content{font-size:17px;line-height:1.85}.mi-content h2,.mi-content h3{line-height:1.3}.mi-content blockquote{border-left:4px solid var(--mi-red);margin:20px 0;padding:10px 20px;background:#f7f8fa}.mi-pagination{margin:24px 0}.mi-pagination .page-numbers{display:inline-block;background:#fff;border:1px solid var(--mi-line);padding:8px 12px;margin:2px}.mi-pagination .current{background:var(--mi-red);color:#fff}.mi-footer{background:#101827;color:#dce3ee;margin-top:45px;padding:36px 0 18px}.mi-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.mi-footer h3{color:#fff}.mi-footer-bottom{border-top:1px solid #293345;margin-top:25px;padding-top:15px;font-size:12px;color:#9ca8ba}.mi-empty{background:#fff;padding:28px;border:1px solid var(--mi-line)}
@media(max-width:800px){.mi-brandrow{align-items:flex-start}.mi-adspace{display:none}.mi-nav{display:block}.mi-nav ul{display:block}.mi-nav li:not(:first-child){display:none}.mi-nav:focus-within li{display:block}.mi-search{padding:8px 12px}.mi-search input{width:100%}.mi-feature-grid,.mi-layout{grid-template-columns:1fr}.mi-feature-main{min-height:320px}.mi-feature-side{grid-template-columns:1fr 1fr;grid-template-rows:190px}.mi-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mi-sidebar .widget{margin:0}.mi-post h1{font-size:28px}}
@media(max-width:520px){.mi-card-grid{grid-template-columns:1fr}.mi-feature-side{grid-template-columns:1fr;grid-template-rows:190px 190px}.mi-sidebar,.mi-footer-grid{grid-template-columns:1fr}.mi-feature-copy h2{font-size:24px}.mi-post{padding:17px}.mi-topbar-inner{font-size:11px}}


/* Flash News ticker — berada di atas logo/header */
.mi-flashbar{background:#c91f32;color:#fff;overflow:hidden;position:relative;z-index:20;border-bottom:3px solid #a91627}
.mi-flash-inner{display:flex;align-items:stretch;min-height:42px}
.mi-flash-label{background:#101827;color:#fff;padding:10px 16px;font-size:11px;letter-spacing:.7px;white-space:nowrap;display:flex;align-items:center;gap:8px;position:relative;z-index:2}
.mi-flash-dot{width:8px;height:8px;border-radius:50%;background:#ff3348;box-shadow:0 0 0 4px rgba(255,255,255,.13);animation:mi-flash-pulse 1.2s infinite}
.mi-flash-window{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center}
.mi-flash-track{display:flex;width:max-content;animation:mi-flash-scroll 42s linear infinite}
.mi-flash-content{display:flex;align-items:center;flex-shrink:0;white-space:nowrap}
.mi-flash-content a,.mi-flash-content span{color:#fff;font-size:13px;font-weight:700;padding:0 17px}
.mi-flash-content a:hover{text-decoration:underline;color:#fff}
.mi-flash-separator{font-size:9px!important;opacity:.7;padding:0 4px!important}
.mi-flashbar:hover .mi-flash-track{animation-play-state:paused}
@keyframes mi-flash-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mi-flash-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.mi-flash-track,.mi-flash-dot{animation:none}.mi-flash-window{overflow-x:auto}}
@media(max-width:520px){.mi-flash-inner{width:100%}.mi-flash-label{padding:9px 10px;font-size:10px}.mi-flash-content a,.mi-flash-content span{font-size:12px;padding:0 12px}.mi-flash-track{animation-duration:32s}}


/* Masthead MediaIntermedia — identitas header portal berita */
.mi-header{background:#fff;border-bottom:4px solid var(--mi-red);box-shadow:0 3px 12px rgba(16,24,39,.045)}
.mi-brandrow{min-height:124px;padding:20px 0;align-items:center}
.mi-masthead{min-width:0}
.mi-brand-lockup{display:inline-flex;align-items:center;gap:13px;color:var(--mi-blue)}
.mi-brand-lockup:hover{color:var(--mi-blue)}
.mi-brand-mark{width:58px;height:58px;display:grid;place-items:center;background:linear-gradient(145deg,#123b65,#0b2542);border-radius:9px;color:#fff;font-size:23px;font-weight:900;letter-spacing:-2px;box-shadow:inset 0 -4px 0 rgba(217,39,53,.95)}
.mi-brand-type{display:flex;flex-direction:column;gap:2px}
.mi-brand-name{font-size:clamp(25px,3.2vw,36px);line-height:1;font-weight:950;letter-spacing:-1.7px;color:#123b65}
.mi-brand-name span{color:#d92735}
.mi-brand-slogan{font-size:10px;line-height:1.4;font-weight:800;letter-spacing:2.2px;color:#697386}
.mi-masthead-description{font-size:12px;color:#697386;margin:8px 0 0 71px;letter-spacing:.15px}
.mi-adspace{min-width:300px;min-height:76px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#f7f8fa;border:1px dashed #c5ccd7;border-radius:4px;color:#8b95a5;letter-spacing:1.2px}
.mi-adspace span{font-size:11px;font-weight:900;color:#697386}
.mi-adspace small{font-size:10px;letter-spacing:0}
@media(max-width:800px){.mi-brandrow{min-height:100px;padding:15px 0}.mi-brand-mark{width:48px;height:48px;font-size:20px}.mi-brand-name{font-size:27px}.mi-brand-slogan{font-size:9px;letter-spacing:1.6px}.mi-masthead-description{margin-left:61px;font-size:11px}}
@media(max-width:520px){.mi-brandrow{min-height:88px;padding:12px 0}.mi-brand-lockup{gap:9px}.mi-brand-mark{width:42px;height:42px;border-radius:7px;font-size:18px}.mi-brand-name{font-size:22px;letter-spacing:-1px}.mi-brand-slogan{font-size:8px;letter-spacing:1.1px}.mi-masthead-description{margin:6px 0 0 51px;font-size:10px}.mi-adspace{display:none}}


/* Header grafis resmi MediaIntermedia */
.mi-header{background:#fff;border-bottom:4px solid #d92735;box-shadow:0 3px 12px rgba(16,24,39,.06)}
.mi-brandrow{display:block;padding:0}
.mi-masthead-banner{width:100%;max-width:1180px;margin:0 auto;line-height:0;overflow:hidden}
.mi-masthead-banner a{display:block}
.mi-masthead-banner img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;margin:0 auto}
@media(max-width:800px){.mi-masthead-banner img{max-height:none}}


/* Final layout guardrails */
html,body{max-width:100%;overflow-x:hidden}
.mi-flashbar{width:100%;min-height:42px}
.mi-flash-inner{width:min(1180px,calc(100% - 32px));margin:0 auto}
.mi-masthead-banner{width:100%;max-width:1180px}
.mi-masthead-banner img{width:100%;max-width:100%;height:auto;max-height:230px;object-fit:contain}
.mi-navwrap,.mi-header,.mi-topbar{width:100%}
.mi-nav{width:min(1180px,calc(100% - 32px));margin:0 auto}
.mi-nav nav{min-width:0;flex:1}
.mi-search{flex:0 0 auto}