/*
Theme Name: Lingkar Pena
Theme URI: https://lingkarpena.id
Author: Samsun
Author URI: https://lingkarpena.id
Description: Tema portal berita LINGKARPENA.ID, dibangun di atas Wartana. Reporter & Editor per berita, Terpopuler mingguan dan bulanan, slot iklan gambar atau kode, tanpa RSS dan komentar.
Tags: news, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, theme-options
Template: wartana
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: lingkarpena
*/

/*
   Satu huruf untuk semua perangkat. Tanpa ini Android memakai Roboto dan
   Windows memakai Segoe UI. "optional": bila font belum siap dalam sekejap,
   halaman memakai huruf sistem dulu alih-alih menggeser teks (CLS).
*/
@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: optional;
}
:root { --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }

/* Kartu ringkas sudah menampilkan kategori di atas judul. */
.card-compact .card-cat { display: none; }

/* Hero: tinggi semua slide sama, dan berita samping mengisi penuh tingginya. */
.card-hero .card-excerpt {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.hero-block { margin-bottom: 28px; }
.main-col > section:first-child > .section-title { margin-top: 0; }

@media (min-width: 1025px) {
  .card-hero .card-title {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
    min-height: 3.75em;
  }
  .card-hero .card-excerpt { min-height: 3.2em; }
  .hero-side { grid-auto-rows: 1fr; align-content: stretch; }
  .hero-side .card-compact { grid-template-columns: 124px minmax(0, 1fr); align-items: center; padding-bottom: 1rem; }
  .hero-side .card-compact:last-child { padding-bottom: 0; }
  .hero-side .card-compact.card-noimg { grid-template-columns: 1fr; }
}

/* Reporter dan Editor di kaki artikel. */
.post-kredit { display: flex; flex-wrap: wrap; gap: .5rem 2rem; }

.sidebar-terbaru { display: grid; gap: 1rem; }
/* Tanpa label kanal; judul sejajar tepi atas gambar. */
.sidebar-terbaru .card-kicker { display: none; }
.sidebar-terbaru .card-compact { align-items: start; }
.sidebar-terbaru .card-body > :first-child { margin-top: 0; }
.sidebar-terbaru .card-title { line-height: 1.3; margin-top: -.15em; }

/* Tab Terpopuler: Mingguan dan Bulanan. */
.popular-tab {
  display: inline-block; margin: 0 .35rem .8rem 0; padding: .3rem .8rem;
  border: 1px solid var(--line); border-radius: 999px;
  font-size: .82rem; font-weight: 600; cursor: pointer;
}
.popular-pilih:checked + .popular-tab { background: var(--accent); border-color: var(--accent); color: #fff; }
.popular-pilih:focus-visible + .popular-tab { outline: 3px solid var(--accent); outline-offset: 2px; }
.popular-daftar { display: none; }
#popular-7:checked ~ .popular-daftar-7,
#popular-30:checked ~ .popular-daftar-30 { display: block; }

/* Sediakan ruang lebih dulu supaya iklan MGID tidak mendorong isi halaman. */
@media (max-width: 767px) {
  .ad-header:has([id^="M759872ScriptRoot"]) { min-height: 320px; }
  .code-block-2:has([id^="M759872ScriptRoot"]) { min-height: 690px; }
}