/*
 * Brand override untuk Website Prodi Manajemen FEB UNM
 * --------------------------------------------------------------------------
 * File ini di-load SETELAH tabler.min.css, sehingga aman untuk meng-override
 * variabel/utility Tabler tanpa menyentuh file inti.
 *
 * Saat ini memakai warna default Tabler (biru). Untuk mengganti warna brand
 * (mis. oranye/biru UNM) nanti, cukup isi blok :root di bawah, contoh:
 *
 *   :root {
 *     --tblr-primary:        #F47B20;
 *     --tblr-primary-rgb:    244, 123, 32;
 *   }
 *
 * Tidak perlu rebuild SCSS — perubahan langsung berlaku.
 */

:root {
  /* === Warna brand: navy (primary) === */
  --tblr-primary:      #1b3a5b;
  --tblr-primary-rgb:  27, 58, 91;

  /* Token brand kustom (dipakai di frontend.css) */
  --brand-blue:        #1b3a5b;
  --brand-blue-dark:   #142c45;
  --brand-navy:        #0e2238;

  /* Font: sans-serif standar (override Geist bawaan Tabler) */
  --tblr-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: var(--tblr-font-sans-serif);
}

/* Recolor link & komponen Tabler agar ikut navy brand */
a { color: var(--brand-blue); }
.btn-primary {
  --tblr-btn-bg: var(--brand-blue);
  --tblr-btn-border-color: var(--brand-blue);
  --tblr-btn-hover-bg: var(--brand-blue-dark);
  --tblr-btn-hover-border-color: var(--brand-blue-dark);
}
.btn-outline-primary {
  --tblr-btn-color: var(--brand-blue);
  --tblr-btn-border-color: var(--brand-blue);
  --tblr-btn-hover-bg: var(--brand-blue);
  --tblr-btn-hover-border-color: var(--brand-blue);
}
.text-primary { color: var(--brand-blue) !important; }
.badge.bg-primary-lt { background: rgba(var(--tblr-primary-rgb), .12); color: var(--brand-blue); }

/* Submenu dropdown bertingkat (level 3) untuk mega-menu navbar publik. */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -0.5rem;
  margin-left: 0;
}
.dropdown-submenu > .dropdown-toggle::after {
  /* arah panah ke kanan untuk menandai submenu */
  transform: rotate(-90deg);
  margin-left: 0.4em;
}
@media (min-width: 768px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}
@media (max-width: 767.98px) {
  /* Pada mobile, submenu tampil inline (di bawah induknya). */
  .dropdown-submenu > .dropdown-menu {
    position: static;
    left: 0;
    margin-left: 1rem;
    border: 0;
    box-shadow: none;
  }
}