/* ==========================================================================
   Capital Logic Guide — Brand theme override (navy + gold)
   Dimuat paling akhir → menimpa Bootstrap/Velzon & style inline halaman.
   ========================================================================== */
:root{
  --brand-navy:#0A2540;
  --brand-navy-2:#17457A;
  --brand-navy-dark:#06192B;
  --brand-gold:#F2B705;
  --brand-gold-2:#E0A800;
  --brand-navy-soft:rgba(10,37,64,.08);
  /* Bootstrap vars (untuk link & komponen yang membaca var) */
  --bs-primary:#0A2540;
  --bs-primary-rgb:10,37,64;
  --bs-link-color:#0A2540;
  --bs-link-color-rgb:10,37,64;
  --bs-link-hover-color:#06192B;
}

/* ---------- Tombol primary ---------- */
.btn-primary{
  background-color:var(--brand-navy)!important;
  border-color:var(--brand-navy)!important;
  color:#fff!important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active{
  background-color:var(--brand-navy-dark)!important;
  border-color:var(--brand-navy-dark)!important;
  color:#fff!important;
  box-shadow:0 6px 18px rgba(10,37,64,.25)!important;
}
.btn-outline-primary{
  color:var(--brand-navy)!important;
  border-color:var(--brand-navy)!important;
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active{
  background-color:var(--brand-navy)!important;
  border-color:var(--brand-navy)!important;
  color:#fff!important;
}

/* Tombol aksen emas opsional */
.btn-gold{background-color:var(--brand-gold)!important;border-color:var(--brand-gold)!important;color:#0A2540!important;font-weight:600}
.btn-gold:hover,.btn-gold:focus{background-color:var(--brand-gold-2)!important;border-color:var(--brand-gold-2)!important;color:#0A2540!important}

/* ---------- Warna teks & background ---------- */
.text-primary{color:var(--brand-navy)!important}
.bg-primary,.badge.bg-primary,.badge.text-bg-primary{background-color:var(--brand-navy)!important;color:#fff!important}
.link-primary{color:var(--brand-navy)!important}
.text-warning{color:var(--brand-gold-2)!important}
.section-title{color:var(--brand-navy)!important}

/* ---------- Navbar / menu ---------- */
.navbar .nav-link:hover,.navbar .nav-link:focus,.navbar .nav-link.active{color:var(--brand-navy)!important}
.navbar-brand{color:var(--brand-navy)!important}

/* ---------- Hero & badge ---------- */
.hero-blog{background:linear-gradient(135deg,#f5f8fb 0%,#e9f0f7 100%)!important}
.badge-soft{background:var(--brand-navy-soft)!important;color:var(--brand-navy)!important}
.hero-blog h1{color:#0e2136!important}

/* ---------- Form focus ---------- */
.form-control:focus,.form-select:focus{
  border-color:#294c73!important;
  box-shadow:0 0 0 .2rem rgba(10,37,64,.15)!important;
}

/* ---------- Pagination / link ---------- */
.page-item.active .page-link{background-color:var(--brand-navy)!important;border-color:var(--brand-navy)!important}
.page-link{color:var(--brand-navy)}
a{color:var(--brand-navy)}
a:hover{color:var(--brand-gold-2)}
.text-muted{color:#6c757d!important}          /* jaga teks abu tetap abu */
.text-muted:hover{color:#6c757d!important}

/* ---------- Footer (brand navy + hover emas) ---------- */
footer.custom-footer{background-color:var(--brand-navy)!important}
footer.custom-footer a:not(.text-warning):hover{color:var(--brand-gold)!important}
footer.custom-footer .text-warning{color:var(--brand-gold)!important}

/* ---------- Kategori box: aksen konsisten saat hover ---------- */
.cat-box:hover{border-color:var(--brand-navy)!important}

/* ---------- Mega-menu Kategori (hierarki) ---------- */
.navbar .container{position:relative}
.cat-mega{width:min(860px,94vw);border:0;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.15)}
@media (min-width:992px){.cat-mega{left:50%!important;right:auto!important;transform:translateX(-50%)!important;top:100%!important;margin-top:.5rem}}
@media (max-width:991.98px){.cat-mega{width:100%;box-shadow:none;transform:none!important;left:auto!important;position:static!important}}
.cat-mega-head{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--brand-navy);text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px}
.cat-mega-head:hover{color:var(--brand-navy-2)}
.cat-mega-ico{width:30px;height:30px;flex:0 0 30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;color:var(--c,#0A2540);font-size:16px}
.cat-mega-list{list-style:none;padding:0;margin:0 0 6px}
.cat-mega-list a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:#303a4b;text-decoration:none;font-size:13.5px}
.cat-mega-list a:hover{background:#eef4ff;color:var(--brand-navy)}
.cat-mega-list i{font-size:15px}

/* ---------- Admin sidebar (brand navy + aksen emas) ---------- */
[data-sidebar=dark]{
  --vz-vertical-menu-bg-dark:#0A2540;
  --vz-vertical-menu-item-color-dark:#a9b8cf;
  --vz-vertical-menu-item-hover-color-dark:#ffffff;
  --vz-vertical-menu-item-active-color-dark:#F2B705;
  --vz-vertical-menu-sub-item-color-dark:#93a4c0;
  --vz-vertical-menu-sub-item-hover-color-dark:#ffffff;
  --vz-vertical-menu-sub-item-active-color-dark:#F2B705;
  --vz-vertical-menu-title-color-dark:#5f708c;
}
[data-sidebar=dark] .app-menu,[data-sidebar=dark] .navbar-menu{background-color:#0A2540!important}
[data-sidebar=dark] .navbar-brand-box{background-color:#0A2540!important}
[data-sidebar=dark] #navbar-nav>.nav-item>.nav-link{color:#aebbd0!important}
[data-sidebar=dark] #navbar-nav .nav-link:hover{color:#fff!important}
[data-sidebar=dark] #navbar-nav .nav-link.active{color:#F2B705!important}
[data-sidebar=dark] #navbar-nav .nav-link.active i{color:#F2B705!important}
[data-sidebar=dark] #navbar-nav .menu-title{color:#5f708c!important}
[data-sidebar=dark] #navbar-nav .menu-dropdown .nav-link{color:#93a4c0!important}
[data-sidebar=dark] #navbar-nav .menu-dropdown .nav-link:hover,[data-sidebar=dark] #navbar-nav .menu-dropdown .nav-link.active{color:#fff!important}

/* ---------- Halaman login admin (brand navy) ---------- */
.auth-one-bg .bg-overlay{background:linear-gradient(90deg,#0A2540 0%,#17457A 100%)!important;opacity:.94!important}
.auth-one-bg{background-color:#0A2540!important}
.auth-page-wrapper .shape svg{fill:#f5f8fb}
.auth-page-content .card .text-primary{color:var(--brand-navy)!important}