/* KlikNews — tata letak berita. Warna & font mengikuti preset skin (theme.json / style variation). */
:root{--kn-gap:clamp(16px,2.2vw,28px);--kn-radius:var(--wp--custom--radius--medium,6px)}
body{background:var(--wp--preset--color--base);color:var(--wp--preset--color--contrast)}
.kn-main{padding-block:clamp(20px,3vw,36px)}

/* ---------- Header ---------- */
.kn-topbar{font-size:var(--wp--preset--font-size--x-small);padding-block:6px}
.kn-topbar__row{gap:12px}
.kn-topbar__end{gap:14px;align-items:center}
.kn-masthead{padding-block:14px}
.kn-masthead__row{gap:16px;align-items:center}
.kn-brand .wp-block-site-title{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.kn-brand .wp-block-site-title a{text-decoration:none;color:inherit}
.kn-masthead__ad{flex:0 1 728px;margin:0}
.kn-navbar{padding-block:0}
.kn-nav-news .wp-block-navigation-item__content{padding:12px 14px;font-weight:700;font-size:var(--wp--preset--font-size--small);text-transform:uppercase;letter-spacing:.02em;text-decoration:none}
.kn-nav-news .wp-block-navigation-item__content:hover,.kn-nav-news .current-menu-item>.wp-block-navigation-item__content{background:rgba(0,0,0,.18)}
.kn-nav-news{gap:0}
.kn-tickerbar{border-bottom:1px solid var(--wp--preset--color--border);padding-block:8px}
.kn-header--majalah{padding-block:12px 0;border-bottom:4px solid var(--wp--preset--color--contrast)}
.kn-mag__top{font-size:var(--wp--preset--font-size--x-small);text-transform:uppercase;letter-spacing:.08em}
.kn-mag__title{font-size:clamp(2.6rem,8vw,5.6rem)!important;line-height:.95;margin:6px 0 0;font-family:var(--wp--preset--font-family--dm-serif);letter-spacing:-.03em}
.kn-mag__title a{text-decoration:none;color:inherit}
.kn-mag__tagline{margin:6px 0 10px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted)}
.kn-nav-mag{border-top:1px solid var(--wp--preset--color--contrast);padding-block:6px}
.kn-nav-mag .wp-block-navigation-item__content{padding:6px 12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:var(--wp--preset--font-size--x-small);text-decoration:none}
.kn-header--siaran .kn-masthead{border-bottom:1px solid var(--wp--preset--color--border)}
.kn-header--siaran .kn-tickerbar{background:var(--wp--preset--color--surface)}
.kn-header__actions{gap:12px;align-items:center}
.kn-masthead__search .wp-block-search__button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:999px}

/* ---------- Bagian & kolom ---------- */
.kn-sec{margin-block:0 clamp(28px,4vw,48px)}
.kn-sec__head{border-bottom:3px solid var(--wp--preset--color--primary);margin-bottom:16px;gap:10px}
.kn-sec__title{margin:0 0 6px;font-size:clamp(1.15rem,2vw,1.45rem);text-transform:var(--wp--custom--heading--text-transform,none)}
.kn-sec__more{margin:0 0 8px;font-size:var(--wp--preset--font-size--small);font-weight:700}
.kn-sec__more a{text-decoration:none;color:var(--wp--preset--color--primary)}
.kn-cols{gap:var(--kn-gap)!important;margin:0}
.kn-sidebar>*+*{margin-top:24px}

/* ---------- Kartu (Query Loop) ---------- */
.kn-q .wp-block-post-template{gap:var(--kn-gap);margin:0;padding:0}
.kn-q li.wp-block-post{list-style:none;margin:0;position:relative;min-width:0}
.kn-card__img{margin:0 0 10px;border-radius:var(--kn-radius);overflow:hidden;background:var(--wp--preset--color--surface)}
.kn-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.kn-q li:hover .kn-card__img img{transform:scale(1.03)}
.kn-card__cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.kn-card__cat a{color:var(--wp--preset--color--primary);text-decoration:none}
.kn-card__title{margin:0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.3}
.kn-card__title a{text-decoration:none;color:inherit}
.kn-card__title a:hover{text-decoration:underline;text-underline-offset:3px}
.kn-card__excerpt{margin:6px 0 0;color:var(--wp--preset--color--muted);font-size:var(--wp--preset--font-size--small)}
.kn-card__excerpt p{margin:0}
.kn-card__date{margin-top:6px;font-size:12px;color:var(--wp--preset--color--muted)}
/* daftar/baris */
.kn-q--list .wp-block-post-template,.kn-q--stack .wp-block-post-template{display:flex;flex-direction:column}
.kn-card--row li.wp-block-post{display:grid;grid-template-columns:minmax(110px,34%) 1fr;gap:16px;align-items:start;padding-bottom:var(--kn-gap);border-bottom:1px solid var(--wp--preset--color--border)}
.kn-card--row li.wp-block-post:last-child{border-bottom:0}
.kn-card--row .kn-card__img{margin:0}
.kn-card--compact li.wp-block-post{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}
.kn-card--compact .kn-card__img{margin:0;aspect-ratio:1}
.kn-card--compact .kn-card__title{font-size:var(--wp--preset--font-size--small)}
.kn-card--text li.wp-block-post{padding-bottom:12px;border-bottom:1px solid var(--wp--preset--color--border)}
/* overlay (utama/sampul/video) */
.kn-card--overlay li.wp-block-post{border-radius:var(--kn-radius);overflow:hidden;color:#fff}
.kn-card--overlay .kn-card__img{margin:0;border-radius:0}
.kn-card--overlay .kn-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82) 100%);pointer-events:none}
.kn-card--overlay .kn-card__body{position:absolute;inset:auto 0 0 0;padding:clamp(14px,2.4vw,28px);z-index:1}
.kn-card--overlay .kn-card__title{font-size:clamp(1.15rem,2.6vw,2rem);color:#fff}
.kn-card--overlay .kn-card__title a{color:#fff}
.kn-card--overlay .kn-card__cat a{color:#fff;background:var(--wp--preset--color--primary);padding:3px 8px;border-radius:2px}
.kn-card--overlay .kn-card__excerpt,.kn-card--overlay .kn-card__date{color:rgba(255,255,255,.9)}
.kn-cover .kn-card__title{font-size:clamp(1.6rem,4vw,3.2rem)}
.kn-videos .kn-card__img::before{content:"▶";position:absolute;z-index:2;top:12px;left:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--on-primary);font-size:14px}
.kn-sec--videos{background:var(--wp--preset--color--bar-bg);color:var(--wp--preset--color--bar-text);padding:clamp(20px,3vw,36px) max(16px,calc((100% - var(--wp--style--global--wide-size,1240px))/2))}
.kn-sec--videos .kn-sec__title,.kn-sec--videos .kn-sec__more a{color:inherit}
.kn-textlist .kn-card__title{font-size:1rem}
.kn-opinion li.wp-block-post{border-left:4px solid var(--wp--preset--color--primary);padding-left:14px}
.kn-ad-row{margin-inline:auto;margin-bottom:clamp(28px,4vw,48px)}

/* ---------- Arsip ---------- */
.kn-archive__head{border-bottom:3px solid var(--wp--preset--color--primary);margin-bottom:24px;padding-bottom:10px}
.kn-archive__title{margin:0;font-size:clamp(1.6rem,3vw,2.4rem)}
.kn-archive__desc{color:var(--wp--preset--color--muted);margin-top:6px}
.kn-archive__list .kn-card__title{font-size:clamp(1.05rem,1.6vw,1.3rem)}

/* ---------- Artikel ---------- */
.kn-article__cat{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.kn-article__cat a{color:var(--wp--preset--color--primary);text-decoration:none}
.kn-article__title{font-size:clamp(1.75rem,3.6vw,2.75rem);line-height:1.15;margin:8px 0 10px}
.kn-article__dek{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--wp--preset--color--muted);margin:0 0 14px}
.kn-article__dek p{margin:0}
.kn-article__meta{gap:6px 16px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted);border-block:1px solid var(--wp--preset--color--border);padding-block:10px;margin-bottom:18px;align-items:center}
.kn-article__meta>*{margin:0!important}
.kn-article__img{margin:0 0 20px;border-radius:var(--kn-radius);overflow:hidden}
.kn-article__body{font-size:1.075rem;line-height:1.75}
.kn-article__body>*{max-width:none}
.kn-article__tags{margin-top:24px;font-size:var(--wp--preset--font-size--small)}
.kn-related{margin-top:12px}

/* ---------- Responsif ---------- */
@media (max-width:900px){
	.kn-masthead__ad{display:none}
	.kn-card--row li.wp-block-post{grid-template-columns:120px 1fr;gap:12px}
	.kn-card--row .kn-card__excerpt{display:none}
	.kn-q--grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.kn-videos .wp-block-post-template{grid-template-columns:1fr!important}
}
@media (max-width:600px){
	.kn-q--grid .wp-block-post-template{grid-template-columns:1fr!important}
	.kn-sec--catgrid .kn-q--grid .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))!important}
	.kn-card--overlay .kn-card__excerpt{display:none}
	.kn-topbar__social{display:none}
	.kn-nav-news .wp-block-navigation-item__content{padding:10px 12px}
}
@media (prefers-reduced-motion:reduce){.kn-card__img img{transition:none}.kn-q li:hover .kn-card__img img{transform:none}}

/* Header, footer, dan kolom template memakai lebar "wide" (bukan lebar baca artikel). */
.kn-header .is-layout-constrained>*,.kn-header.is-layout-constrained>*,.kn-footer.is-layout-constrained>*,.kn-main.is-layout-constrained>*{max-width:var(--wp--style--global--wide-size,1240px)}
.kn-footer--news{padding-block:clamp(28px,4vw,48px) 20px}
.kn-footer--news a{color:inherit;text-decoration:none}
.kn-footer--news a:hover{text-decoration:underline}
.kn-footer--news .wp-block-site-title{font-size:1.4rem;font-weight:800;margin:0}
.kn-footer__cats,.kn-footer__links{list-style:none;padding:0;margin:0;columns:2;column-gap:20px}
.kn-footer__links{columns:1}
.kn-footer__cats li,.kn-footer__links li{margin:0 0 8px;break-inside:avoid}
.kn-footer__about,.kn-footer--news .wp-block-site-tagline{opacity:.85}

/* Menu kategori di tablet: dibungkus ke baris berikutnya (dropdown tetap dapat dibuka), tanpa meluber halaman. */
.kn-navbar .wp-block-navigation,.kn-nav-news{min-width:0;max-width:100%}
@media (min-width:600px){
	.kn-nav-news .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container{flex-wrap:wrap;row-gap:0;max-width:100%}
	.kn-nav-news .wp-block-navigation__responsive-container:not(.is-menu-open){min-width:0;max-width:100%}
}
@media (max-width:1100px){
	.kn-header--siaran .kn-masthead__row{flex-wrap:wrap!important}
	.kn-header--siaran .kn-nav-news{order:3;flex-basis:100%}
	.kn-header--siaran .kn-nav-news .wp-block-navigation__container{justify-content:flex-start}
}
.kn-nav-news .wp-block-navigation__container>.wp-block-navigation-item:last-child>.wp-block-navigation__submenu-container{left:auto!important;right:0}
@media (max-width:600px){.kn-cover .kn-card__img,.kn-cover .kn-card__img img{aspect-ratio:4/3!important}.kn-cover .kn-card__excerpt{display:none}}