/* ============================================================
   SKIN 2 — "Kompas" (Profesional / korporat, biru, padat)
   Dipadukan dengan home layout-2 (multi-seksi).
   ============================================================ */
:root {
	--theme-color: #14529c;
	--theme-color2: #0d3a73;
}

body {
	background-color: #f4f6f9;
	color: #1f2430;
}

.navbar.bg-white {
	border-bottom: 3px solid var(--theme-color);
	box-shadow: 0 1px 6px rgba(0, 0, 0, .05);
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover { color: var(--theme-color) !important; }

h1, h2, h3, h4, h5, h6 { letter-spacing: -0.01em; }

.badge.bg-danger { background: var(--theme-color) !important; border-radius: .2rem; }

.related-card, .articles-list, .card-grid, .sidebar-widgets .card {
	border: 1px solid #e3e7ee !important;
	border-radius: .4rem !important;
}
.card-header.bg-theme { background: var(--theme-color) !important; }

.section-title span, .related-articles h3 { color: var(--theme-color); }

.btn-search-pill { border-radius: .3rem; border-color: var(--theme-color); color: var(--theme-color); }

.footer { background: #0d3a73; color: #cdd9e8; border-top: none; }
.footer-heading { color: #7fa6cf; }
.footer-links a, .footer-social-list a { color: #cdd9e8; }
.footer-links a:hover, .footer-social-list a:hover { color: #fff; }