/* YABO Global Capsule Navigation V1.1
   Unified public-site navigation height/style */
:root{
  --yabo-nav-blue:#2f7df4;
  --yabo-nav-blue2:#79b8ff;
  --yabo-nav-ink:#173258;
  --yabo-nav-line:#e2eaf5;
}

/* Main public navigation wrappers */
.mainnav,
header .ph-nav,
header .lv-nav,
header nav.yabo-global-nav{
  background:#fff !important;
  border-top:1px solid #eef3f8 !important;
  border-bottom:1px solid #e7eef8 !important;
  padding:10px 0 !important;
  min-height:68px !important;
}

/* Public nav row */
.mainnav .wrap,
header .ph-nav,
header .lv-nav,
header nav.yabo-global-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  min-height:46px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none;
}
.mainnav .wrap::-webkit-scrollbar,
header .ph-nav::-webkit-scrollbar,
header .lv-nav::-webkit-scrollbar,
header nav.yabo-global-nav::-webkit-scrollbar{display:none}

/* Unified capsule button */
.mainnav a,
header .ph-nav a,
header .lv-nav a,
header nav.yabo-global-nav a{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 18px !important;
  margin:0 !important;
  border:1px solid var(--yabo-nav-line) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
  color:var(--yabo-nav-ink) !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:
    0 5px 14px rgba(25,74,135,.10),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease,
    color .18s ease !important;
}

.mainnav a:hover,
header .ph-nav a:hover,
header .lv-nav a:hover,
header nav.yabo-global-nav a:hover{
  transform:translateY(-2px);
  border-color:#bdd7ff !important;
  background:linear-gradient(180deg,#fff 0%,#edf6ff 100%) !important;
  color:#1976ee !important;
  box-shadow:0 9px 20px rgba(47,118,246,.16) !important;
}

/* Active page */
.mainnav a.active,
.mainnav a[aria-current="page"],
header .ph-nav a.active,
header .ph-nav a[aria-current="page"],
header .lv-nav a.active,
header .lv-nav a[aria-current="page"],
header nav.yabo-global-nav a.active,
header nav.yabo-global-nav a[aria-current="page"]{
  border-color:#5b9fff !important;
  background:linear-gradient(180deg,var(--yabo-nav-blue2) 0%,var(--yabo-nav-blue) 100%) !important;
  color:#fff !important;
  box-shadow:
    0 10px 22px rgba(47,118,246,.28),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Icon */
.yabo-nav-ico{
  width:19px;
  height:19px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 19px;
}
.yabo-nav-ico svg{
  display:block;
  width:19px;
  height:19px;
  fill:currentColor;
}

/* Keep header logo area visually consistent */
.site-header .topbar,
header .topbar,
header .head{
  min-height:72px;
}

/* Mobile */
@media(max-width:900px){
  .mainnav,
  header .ph-nav,
  header .lv-nav,
  header nav.yabo-global-nav{
    padding:8px 0 !important;
    min-height:58px !important;
  }
  .mainnav .wrap,
  header .ph-nav,
  header .lv-nav,
  header nav.yabo-global-nav{
    justify-content:flex-start !important;
    gap:9px !important;
    min-height:42px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .mainnav a,
  header .ph-nav a,
  header .lv-nav a,
  header nav.yabo-global-nav a{
    height:42px !important;
    min-height:42px !important;
    padding:0 15px !important;
    font-size:14px !important;
  }
  .yabo-nav-ico,
  .yabo-nav-ico svg{
    width:18px;
    height:18px;
  }
}