/* =========================================================
   HBH cnblogs header theme
   Updated: 2026-06-12
   Purpose: stable, maintainable header/nav customization.
   ========================================================= */

/* 1. Theme tokens: edit these values first for future changes. */
:root {
  --hbh-red: #e60012;
  --hbh-red-dark: #c40010;
  --hbh-nav-bg: #9f000c;
  --hbh-nav-bg-deep: #860009;
  --hbh-nav-hover: rgba(255, 255, 255, 0.10);
  --hbh-nav-active: rgba(255, 255, 255, 0.12);
  --hbh-white: #fff;
  --hbh-logo-desktop-width: 240px;
  --hbh-logo-mobile-width: 180px;
  --hbh-nav-height-desktop: 42px;
  --hbh-nav-height-mobile: 40px;
  --hbh-title-height-desktop: 128px;
  --hbh-title-height-mobile: 96px;
}

/* 2. Page/top reset: remove skin spacing above the customized header. */
html,
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#home {
  margin-top: 0 !important;
  box-shadow: none !important;
}

/* 3. Header shell: full bleed within the cnblogs container. */
#header {
  position: relative;
  margin: -30px -30px 28px;
  padding: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--hbh-red);
  background: linear-gradient(135deg, var(--hbh-red) 0%, var(--hbh-red-dark) 100%);
  color: var(--hbh-white);
  box-shadow: none !important;
  text-shadow: none !important;
}

#header *,
#header *::before,
#header *::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

#header::before,
#header::after {
  content: none !important;
  display: none !important;
}

/* 4. Brand block: use a real white PNG instead of CSS masks for compatibility. */
#lnkBlogLogo,
#blogLogo {
  display: none !important;
}

#blogTitle {
  position: relative;
  z-index: 1;
  min-height: var(--hbh-title-height-desktop);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 30px 18px;
  box-sizing: border-box;
}

#blogTitle::before {
  content: "";
  display: block;
  width: min(var(--hbh-logo-desktop-width), 52vw);
  aspect-ratio: 360 / 105;
  margin: 0;
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

/* Keep the semantic blog title for accessibility while hiding the text visually. */
#blogTitle h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

#blogTitle h1 a,
#blogTitle h1 a:visited {
  color: var(--hbh-white);
  text-decoration: none;
}

#blogTitle h2 {
  display: none !important;
}

#blogTitle h2:empty::after {
  content: "" !important;
}

/* 5. Navigation: four equal columns, no pills, no dividers, no shadow. */
#navigator {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
  justify-content: center;
  height: var(--hbh-nav-height-desktop) !important;
  min-height: var(--hbh-nav-height-desktop);
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: var(--hbh-nav-bg);
  background: linear-gradient(180deg, var(--hbh-nav-bg) 0%, var(--hbh-nav-bg-deep) 100%);
  color: var(--hbh-white);
  box-shadow: none !important;
}

#navList {
  float: none !important;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  max-width: none !important;
  height: var(--hbh-nav-height-desktop) !important;
  min-height: var(--hbh-nav-height-desktop);
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#navList li {
  flex: 1 1 25%;
  display: flex;
  min-width: 0 !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  border: 0 !important;
  box-sizing: border-box !important;
}

/* Hide unsupported nav items without relying on :has().
   cnblogs default order: 1 sitehome, 2 home, 3 new post, 4 contact, 5 rss, 6 admin. */
#navList li:nth-child(3),
#navList li:nth-child(5),
#blog_nav_newpost,
#blog_nav_rss {
  display: none !important;
}

#navList a,
#navList a:link,
#navList a:visited {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: var(--hbh-nav-height-desktop) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: var(--hbh-nav-height-desktop) !important;
  padding: 0 12px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hbh-white) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none !important;
  white-space: nowrap;
  box-sizing: border-box !important;
  transition: background-color 0.18s ease, color 0.18s ease;
}

#navList a:hover,
#navList a:focus-visible {
  background: var(--hbh-nav-hover) !important;
  color: var(--hbh-white) !important;
  outline: 0;
}

#navList a#blog_nav_myhome,
#navList a#blog_nav_myhome:link,
#navList a#blog_nav_myhome:visited,
#navList a#blog_nav_myhome:hover,
#navList a#blog_nav_myhome:active,
#navList a#blog_nav_myhome:focus-visible {
  background: var(--hbh-nav-active) !important;
  color: var(--hbh-white) !important;
}

/* 6. Stats: keep cnblogs data in DOM but hidden in this header version. */
.blogStats {
  display: none !important;
}

/* 7. Mobile: keep the same structure, only reduce logo and nav height. */
@media (max-width: 720px) {
  #header {
    margin: -30px -30px 24px;
  }

  #blogTitle {
    min-height: var(--hbh-title-height-mobile);
    padding: 24px 30px 18px;
  }

  #blogTitle::before {
    width: min(var(--hbh-logo-mobile-width), 52vw);
  }

  #navigator {
    height: var(--hbh-nav-height-mobile) !important;
    min-height: var(--hbh-nav-height-mobile);
    overflow-x: hidden;
  }

  #navList {
    height: var(--hbh-nav-height-mobile) !important;
    min-height: var(--hbh-nav-height-mobile);
  }

  #navList a,
  #navList a:link,
  #navList a:visited {
    height: var(--hbh-nav-height-mobile) !important;
    min-height: var(--hbh-nav-height-mobile) !important;
    padding: 0 6px;
    font-size: 13px;
  }
}
/* ===================== HBH cnblogs header theme end ===================== */