/* =========================================================
   TEMA BIRU — untuk website kedua (subdomain)
   Aktifkan di config.php: define('THEME_CSS', 'theme-biru.css');
   Ganti kode warna di bawah sesuai selera.
   ========================================================= */
:root {
    --red: #0B5FA5;        /* warna utama */
    --red-dark: #084A82;   /* warna utama (gelap, saat hover) */
    --red-soft: #E7F1FB;   /* warna utama (sangat muda) */
    --navy: #0A1F33;       /* topbar, footer */
    --navy-2: #12304D;
    --gold: #F59E0B;       /* aksen */
    --bg: #EEF3F8;
}
/* Masthead gelap dengan logo terang */
.masthead { background: var(--navy); border-bottom: 0; }
.masthead .logo-info { color: #fff; }
.masthead .logo-tag { color: #9DB4CC; }
.masthead .search-form { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.15); }
.masthead .search-form input { color: #fff; }
.masthead .search-form input::placeholder, .masthead .search-form button { color: #9DB4CC; }
.nav-toggle, .search-toggle { color: #fff; }
.logo-kitte { background: var(--gold); color: var(--navy); }
.topbar { background: #061423; }
/* Menu kategori dengan garis bawah emas */
.catnav { background: var(--red); }
/* Kartu sedikit lebih membulat */
.content, .widget, .headline-side, .cat-block, .explore, .list-header { border-radius: 14px; }
.headline-main { border-radius: 14px; }
.section-title span { border-bottom-color: var(--gold); }
@media (max-width: 680px) {
    .masthead .search-form.open { background: var(--navy); }
}