/* PMB uji.ai.id — samakan identitas visual dengan uji.ai.id (USH):
   header & footer navy #0a2f6b, strip bawah footer #082554, aksen emas #ffd166,
   tulisan samping logo memakai font Timeless. */
@font-face {
  font-family: 'Timeless';
  src: url('/fonts/Timeless.woff2') format('woff2'), url('/fonts/Timeless.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Timeless';
  src: url('/fonts/Timeless-Bold.woff2') format('woff2'), url('/fonts/Timeless-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Header */
header.header-nav {
  background-color: #0a2f6b !important;
}
/* Wadah dalam header — di sinilah warna band header desktop sebenarnya dicat
   (gaya inline bawaan halaman: background #004a8d, tinggi 110px) */
.container-landing-header {
  background: #0a2f6b !important;
}
/* Lapisan ::before hitam di balik header seluler (responsive.css, maks 992px).
   Hanya pseudo milik elemen .header yang dicat — ::before milik #page tidak
   boleh disentuh karena posisinya menutupi topbar seluler. */
@media only screen and (max-width: 992px) {
  .header.stylehome1:before,
  .header.stylehome1.home6:before {
    background-color: #0a2f6b !important;
  }
}
header.header-nav.stricky-fixed,
.menu_style_home_one.stricky-fixed {
  background-color: #0a2f6b !important;
  -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
header.header-nav .ace-responsive-menu > li > a,
header.header-nav .ace-responsive-menu > li > a .title {
  color: #ffffff !important;
}
header.header-nav .ace-responsive-menu > li > a:hover,
header.header-nav .ace-responsive-menu > li > a:hover .title {
  color: #ffd166 !important;
}
header.header-nav .menu-toggle .icon-bar {
  background-color: #ffffff !important;
}

/* Tulisan samping logo */
#admisi,
.pmb-brand-text {
  font-family: 'Timeless', Georgia, 'Times New Roman', serif !important;
  color: #ffffff !important;
  letter-spacing: 0.5px;
  text-transform: none !important;
}

/* Footer — sama dengan uji.ai.id: #00142a rata termasuk strip hak cipta */
.footer_one,
.footer_middle_area,
.footer_bottom_area {
  background-color: #00142a !important;
}
.footer_middle_area {
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
}

/* Ukuran logo & font Admisi — samakan dengan uji.ai.id:
   logo header tampil setinggi 74px; font = 0,34 x tinggi logo ≈ 25px */
header.header-nav a.navbar_brand img.logo1,
header.header-nav a.navbar_brand img.logo2 {
  height: 74px !important;
  width: auto !important;
}
.menu-toggle .nav_logo_img,
.main_logo_home2 .nav_logo_img {
  height: 74px !important;
  width: auto !important;
}
#admisi,
.pmb-brand-text {
  font-size: 25px !important;
}

/* Nama universitas di footer — font Timeless, ukuran mengikuti proporsi
   lockup USH (font ≈ 0,34 x tinggi logo di sebelahnya; logo footer 80px) */
.pmb-footer-brand {
  font-family: 'Timeless', Georgia, 'Times New Roman', serif !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
}

/* Bilah info atas (topbar) — sama dengan uji.ai.id: #002147 */
.pmb-topbar {
  background-color: #002147;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px 24px;
  padding: 7px 50px;
  font-size: 13px;
  line-height: 1.5;
}
.pmb-topbar a {
  color: #ffffff !important;
  text-decoration: none;
}
.pmb-topbar a:hover {
  color: #ffd166 !important;
}
.pmb-topbar i {
  color: #ffd166;
  margin-right: 6px;
}
.pmb-topbar .pmb-sep {
  margin: 0 10px;
  opacity: 0.55;
}
.pmb-topbar-left,
.pmb-topbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header.header-nav.stricky-fixed .pmb-topbar {
  display: none;
}
/* Header & menu seluler (mmenu) — samakan dengan menu seluler uji.ai.id */
.mobile-menu .header.stylehome1 {
  background-color: #0a2f6b !important;
}
.stylehome1 .mm-panel,
.stylehome1.home6 .mm-panel {
  background-color: #0a2f6b !important;
}
.stylehome1 .mm-navbar,
.stylehome1.home6 .mm-navbar {
  background-color: #082554 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.stylehome1 a.mm-listitem__text,
.stylehome1.home6 a.mm-listitem__text,
.stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text,
.stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text {
  color: #ffffff !important;
}
.stylehome1 a.mm-listitem__text:hover,
.stylehome1.home6 a.mm-listitem__text:hover {
  background-color: #082554 !important;
  color: #ffd166 !important;
}
.stylehome1 .mm-btn_next::after,
.stylehome1.home6 .mm-btn_next::after {
  border-color: #ffffff !important;
}
.menu_bar_home2 a span,
.menu_bar_home2 a span:before,
.menu_bar_home2 a span:after {
  background-color: #ffffff !important;
}

/* Salinan topbar khusus seluler: hanya tampil di layar kecil */
.pmb-topbar-mobile {
  display: none;
}
@media (max-width: 991px) {
  .pmb-topbar-mobile {
    display: flex;
  }
}

@media (max-width: 768px) {
  .pmb-topbar {
    padding: 6px 16px;
    font-size: 12px;
    justify-content: center;
    text-align: center;
  }
  .pmb-topbar-left,
  .pmb-topbar-right {
    justify-content: center;
  }
}
