:root {
  --primary-blue: #0f4c81;
  --secondary-blue: #1b6ca8;
  --base-white: #ffffff;
  --accent-gold: #d4af37;
  --text-dark: #2c3e50;
  --bg-light: #f8f9fa;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
  --shadow-md: 0 5px 15px rgba(0,0,0,0.1);
  --radius-modern: 12px;
  --transition-fast: all 0.3s ease;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  color: var(--text-dark);
  background-color: #fff;
}

.bg-primary-custom { background-color: var(--primary-blue) !important; }
.text-gold { color: var(--accent-gold) !important; }
.btn-gold {
  background-color: var(--accent-gold);
  color: #fff;
  font-weight: 600;
  border: none;
}
.btn-gold:hover {
  background-color: #b89628;
  color: #fff;
}

/* Running Text Header */
.ticker-wrap {
  background: var(--primary-blue);
  color: #fff;
  border-bottom: 2px solid var(--accent-gold);
  font-size: 0.875rem;
}

/* Header & Nav */
.sticky-navbar {
  position: sticky;
  top: 0;
  z-index: 1020;
  box-shadow: var(--shadow-sm);
}

/* Cards & Hover Effects */
.card-modern {
  border: none;
  border-radius: var(--radius-modern);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-fast);
}
.card-modern:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow-md);
}

/* Counter Card */
.stat-card {
  border-left: 4px solid var(--accent-gold);
  border-radius: var(--radius-modern);
}

/* Footer styling */
.footer-main {
  background-color: #092c4c;
  color: #e2e8f0;
}
.footer-main a {
  color: #cbd5e1;
  text-decoration: none;
}
.footer-main a:hover {
  color: var(--accent-gold);
}
/* Merapikan link nav agar tidak terlalu rapat di mobile dan transisinya halus */
.custom-nav-link {
    color: #495057 !important;
    transition: all 0.2s ease-in-out;
}
.custom-nav-link:hover, .custom-nav-link.active {
    color: #0d6efd !important; /* Warna biru Bootstrap, ganti sesuai tema Anda */
}

/* Memperbaiki tampilan dropdown menu */
.dropdown-menu {
    border-radius: 8px !important;
    padding: 0.5rem 0;
}
.dropdown-item {
    transition: background-color 0.2s ease;
}
.dropdown-item:hover {
    background-color: #f8f9fa;
}

/* Animasi hover untuk tombol Admin */
.transition-btn {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.transition-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

/* Mengatur perataan teks menu di mobile (center) dan desktop (left) */
@media (max-width: 991.98px) {
    .navbar-nav {
        text-align: center;
        padding: 15px 0;
    }
}