/* =========================================================
   TEMA POJOK — hijau zamrud + krem (pojok.info-kite.my.id)
   Aktifkan di config.php: define('THEME_CSS', 'theme-pojok.css');
   Ganti kode warna di bawah sesuai selera.
   ========================================================= */
:root {
    --red: #0F7A4F;        /* warna utama (hijau) */
    --red-dark: #0A5C3B;   /* hijau gelap (hover) */
    --red-soft: #E5F4EC;   /* hijau sangat muda */
    --navy: #12291E;       /* topbar & footer */
    --navy-2: #1B3D2C;
    --gold: #F2A33A;       /* aksen oranye */
    --bg: #F6F3EA;         /* latar krem */
}
/* Topbar hijau tua */
.topbar { background: var(--navy); }
/* Masthead krem dengan garis hijau tebal */
.masthead { background: #FFFDF6; border-bottom: 4px solid var(--red); }
.logo-info { color: var(--red-dark); }
.logo-kitte { background: var(--gold); color: var(--navy); }
.logo-tag { color: #7A8A80; }
.search-form { background: #fff; border-color: #DCD6C3; }
/* Menu kategori putih dengan teks hijau */
.catnav { background: #fff; box-shadow: 0 2px 8px rgba(18,41,30,.08); }
.catnav a { color: var(--navy); opacity: 1; }
.catnav a:hover, .catnav a.active { background: var(--red-soft); color: var(--red-dark); }
.catnav a.active::after { background: var(--red); }
/* Judul seksi bergaya label */
.section-title { border-bottom: 1px solid #E2DCCB; }
.section-title span { border-bottom: 3px solid var(--gold); }
.ticker-label { background: var(--red); }
/* Kartu lebih lembut */
.content, .widget, .headline-side, .cat-block, .explore, .list-header { border-radius: 14px; box-shadow: 0 1px 2px rgba(18,41,30,.06); }
.headline-main { border-radius: 14px; }
.widget-report { background: linear-gradient(135deg, var(--red-dark), var(--navy)); }
.to-top { background: var(--red); }