/*
Theme Name: HM News5 Pro
Theme URI: https://harian-merdeka.com/
Author: Harian Merdeka
Description: Tema portal berita modular bergaya News5 untuk Harian Merdeka.
Version: 1.0.0
Text Domain: hm-news5-pro
*/
:root{--hm-red:#e31b23;--hm-ink:#171717;--hm-muted:#6b7280;--hm-border:#e6e7eb;--hm-bg:#fff;--hm-soft:#f6f7f9;--hm-radius:12px;--hm-max:1280px}
*{box-sizing:border-box}body{margin:0;background:var(--hm-bg);color:var(--hm-ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.hm-container{width:min(var(--hm-max),calc(100% - 32px));margin:auto}.hm-topbar{background:#121212;color:#fff;font-size:13px}.hm-topbar__inner,.hm-nav__inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hm-brand{padding:24px 0;text-align:center}.hm-brand .custom-logo{width:auto;max-width:360px;max-height:86px;margin:auto}.hm-site-title{font:800 48px/1 Georgia,serif}.hm-nav{border-top:1px solid var(--hm-border);border-bottom:1px solid var(--hm-border);background:#fff;position:relative;z-index:20}.hm-menu{display:flex;gap:28px;align-items:center;list-style:none;margin:0;padding:0;font-weight:700}.hm-menu a:hover{color:var(--hm-red)}.hm-search{font-weight:700}.hm-breaking{margin:18px auto 0;display:flex;align-items:center;border:1px solid var(--hm-border);border-radius:999px;overflow:hidden}.hm-breaking__label{background:var(--hm-red);color:#fff;padding:11px 18px;font-size:12px;font-weight:800;text-transform:uppercase}.hm-breaking__items{padding:10px 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-home{padding:22px 0 56px}.hm-hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.hm-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-template-rows:repeat(2,230px);gap:12px}.hm-card{position:relative;overflow:hidden;border-radius:var(--hm-radius);background:#222;min-height:180px}.hm-card:first-child{grid-row:1/3}.hm-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.hm-card:hover img{transform:scale(1.04)}.hm-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.88))}.hm-card__body{position:absolute;left:0;right:0;bottom:0;color:#fff;padding:22px}.hm-card__cat{display:inline-block;background:var(--hm-red);padding:5px 9px;border-radius:5px;font-size:11px;font-weight:800;text-transform:uppercase}.hm-card h2,.hm-card h3{font-family:Georgia,serif;margin:10px 0 6px;line-height:1.08}.hm-card h2{font-size:34px}.hm-card h3{font-size:20px}.hm-card__meta{font-size:12px;opacity:.85}.hm-ad{border:1px solid var(--hm-border);background:var(--hm-soft);border-radius:var(--hm-radius);padding:10px;text-align:center;overflow:hidden}.hm-ad__label{display:block;font-size:10px;letter-spacing:.16em;color:var(--hm-muted);margin-bottom:8px;text-transform:uppercase}.hm-ad--hero{min-height:600px;display:flex;flex-direction:column;justify-content:center}.hm-ad--hero img,.hm-ad--hero iframe{max-width:100%;margin:auto}.hm-section{margin-top:42px}.hm-section__head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--hm-ink);margin-bottom:18px}.hm-section__head h2{font:800 30px/1.1 Georgia,serif;margin:0 0 10px}.hm-section__head a{font-size:13px;color:var(--hm-red);font-weight:800;margin-bottom:10px}.hm-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}.hm-latest{display:grid;gap:18px}.hm-latest-card{display:grid;grid-template-columns:260px 1fr;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--hm-border)}.hm-latest-card img{width:260px;height:170px;object-fit:cover;border-radius:10px}.hm-latest-card h3{font:800 24px/1.15 Georgia,serif;margin:7px 0}.hm-meta{font-size:12px;color:var(--hm-muted)}.hm-excerpt{color:#4b5563;line-height:1.6}.hm-sidebar-box{border:1px solid var(--hm-border);border-radius:var(--hm-radius);padding:20px}.hm-sidebar-box h3{margin-top:0;font:800 24px Georgia,serif}.hm-popular{list-style:none;margin:0;padding:0;counter-reset:item}.hm-popular li{counter-increment:item;display:grid;grid-template-columns:34px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid var(--hm-border)}.hm-popular li:before{content:counter(item);font:800 26px Georgia,serif;color:var(--hm-red)}.hm-category-grid{display:grid;grid-template-columns:1.35fr repeat(2,1fr);gap:18px}.hm-category-card img{width:100%;height:190px;object-fit:cover;border-radius:10px}.hm-category-card:first-child img{height:300px}.hm-category-card h3{font:800 21px/1.15 Georgia,serif;margin:9px 0}.hm-footer{background:#111;color:#fff;margin-top:50px;padding:45px 0}.hm-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.hm-footer .custom-logo{max-width:260px;filter:brightness(0) invert(1)}.hm-builder-empty{padding:60px;text-align:center;background:var(--hm-soft);border-radius:12px}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:980px){.hm-hero-wrap,.hm-content-grid{grid-template-columns:1fr}.hm-ad--hero{min-height:250px}.hm-hero-grid{grid-template-rows:repeat(2,190px)}.hm-brand .custom-logo{max-width:290px}.hm-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hm-container{width:min(100% - 20px,var(--hm-max))}.hm-topbar__inner{display:none}.hm-brand{padding:16px 0}.hm-brand .custom-logo{max-width:220px;max-height:62px}.hm-nav__inner{overflow:auto}.hm-menu{gap:18px;font-size:14px;white-space:nowrap}.hm-hero-grid{display:block}.hm-card{margin-bottom:12px;min-height:260px}.hm-card h2{font-size:28px}.hm-latest-card{grid-template-columns:120px 1fr;gap:13px}.hm-latest-card img{width:120px;height:100px}.hm-latest-card h3{font-size:18px;margin-top:4px}.hm-excerpt{display:none}.hm-category-grid{grid-template-columns:1fr}.hm-footer__grid{grid-template-columns:1fr}.hm-section__head h2{font-size:25px}}

/* HM News5 ticker fix */
.hm-top-ticker,
.hm-breaking{
    display:flex;
    align-items:stretch;
    width:100%;
    overflow:hidden;
}
.hm-top-ticker{
    min-height:38px;
    background:#0f172a;
    color:#fff;
}
.hm-top-ticker__label,
.hm-breaking__label{
    position:relative;
    z-index:2;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:0 18px;
    background:var(--hm-red,#d71920);
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
    white-space:nowrap;
}
.hm-ticker-window{
    min-width:0;
    flex:1 1 auto;
    overflow:hidden;
    display:flex;
    align-items:center;
}
.hm-ticker-track{
    display:flex;
    align-items:center;
    width:max-content;
    will-change:transform;
    animation:hmTickerMove 45s linear infinite;
}
.hm-ticker-track--breaking{animation-duration:38s}
.hm-ticker-group{
    flex:none;
    display:flex;
    align-items:center;
    white-space:nowrap;
}
.hm-ticker-group a{
    display:inline-block;
    padding:0 14px;
    font-size:13px;
    font-weight:700;
}
.hm-ticker-group span{
    opacity:.55;
}
.hm-top-ticker:hover .hm-ticker-track,
.hm-breaking:hover .hm-ticker-track{
    animation-play-state:paused;
}
@keyframes hmTickerMove{
    from{transform:translate3d(0,0,0)}
    to{transform:translate3d(-50%,0,0)}
}
.hm-breaking{
    margin:18px auto 0;
    min-height:42px;
    border:1px solid var(--hm-border);
    border-radius:999px;
    background:#fff;
}
.hm-breaking .hm-ticker-group a{color:var(--hm-ink)}
@media (prefers-reduced-motion:reduce){
    .hm-ticker-track{animation-duration:90s}
}
@media (max-width:767px){
    .hm-top-ticker__label,.hm-breaking__label{padding:0 12px;font-size:10px}
    .hm-ticker-group a{font-size:12px;padding:0 10px}
}