/*
 * ISSVN BUILD81.45.6.6.30
 * Exact bridge from Admin > Cài đặt Header/Topbar to the ISS renderer.
 * Loaded after site.css, shared PH shell CSS and the Theme Customizer CSS.
 */

/* Header surface + border size. Shared PH shell hard-codes 1px, so ISS must
   explicitly consume frontend.header_border_width here. */
body.iss-theme header.site-header.ph-unified-site-header {
  background:var(--ph-header-bg,#fff)!important;
  border-bottom-style:solid!important;
  border-bottom-color:var(--ph-header-border-color,#e4e9ee)!important;
  border-bottom-width:var(--ph-header-border-width,1px)!important;
}

/* Exact menu contract used by the PH settings panel. */
body.iss-theme header.site-header .ph-site-menu {
  justify-content:var(--ph-header-menu-justify,center)!important;
  gap:var(--ph-header-menu-gap,8px)!important;
}
body.iss-theme header.site-header .ph-menu-item>a {
  color:var(--ph-header-menu-color,#252b31)!important;
  font-family:var(--ph-header-font-family,Arial,sans-serif)!important;
  font-size:var(--ph-header-menu-font-size,16px)!important;
}
body.iss-theme header.site-header .ph-menu-item>a:hover,
body.iss-theme header.site-header .ph-menu-item:focus-within>a {
  color:var(--ph-header-menu-hover-color,#0b669f)!important;
  background:var(--ph-header-menu-hover-bg,#edf7fd)!important;
}
body.iss-theme header.site-header .ph-menu-item.active>a,
body.iss-theme header.site-header .ph-menu-item>a[aria-current="page"] {
  color:var(--ph-header-menu-active-color,#fff)!important;
  background:var(--ph-header-menu-active-bg,#0b669f)!important;
}
body.iss-theme header.site-header .ph-submenu .ph-menu-item>a:hover,
body.iss-theme header.site-header .ph-submenu .ph-menu-item>a:focus {
  color:var(--ph-header-menu-hover-color,#0b669f)!important;
  background:var(--ph-header-menu-hover-bg,#edf7fd)!important;
}

/* Topbar: consume every option exposed by PH's Header settings panel. */
body.iss-theme .site-topbar.ph-public-topbar {
  background:var(--ph-topbar-bg,#0d2b45)!important;
  color:var(--ph-topbar-text,#fff)!important;
  border-bottom-style:solid!important;
  border-bottom-color:var(--ph-topbar-border,#173b59)!important;
  border-bottom-width:var(--ph-topbar-border-width,1px)!important;
  font-size:var(--ph-topbar-font-size,14px)!important;
}
body.iss-theme .site-topbar .ph-public-topbar__item {
  color:var(--ph-topbar-text,#fff)!important;
  font-size:inherit!important;
  text-decoration:none!important;
}
body.iss-theme .site-topbar .ph-public-topbar__item:hover {
  color:var(--ph-topbar-hover,#fff)!important;
}
body.iss-theme .site-topbar .site-topbar__lang a {
  color:var(--ph-topbar-lang-text,var(--ph-topbar-text,#fff))!important;
  background:var(--ph-topbar-lang-bg,transparent)!important;
  border-color:var(--ph-topbar-border,#173b59)!important;
}
body.iss-theme .site-topbar .site-topbar__lang a.active,
body.iss-theme .site-topbar .site-topbar__lang a[aria-current="true"] {
  color:var(--ph-topbar-lang-active-text,#fff)!important;
  background:var(--ph-topbar-lang-active-bg,#b58b55)!important;
}

/* Mobile menu background is also an Admin Header setting. */
@media (max-width:1100px) {
  body.iss-theme header.site-header .navbar-collapse {
    background:var(--ph-header-menu-mobile-bg,#fff)!important;
  }
}