/* PosFont modern header + light polish (2026) */
:root {
  --pf-green: #03c75a;
  --pf-green-dark: #02a84c;
  --pf-green-deeper: #016b32;
  --pf-green-light: #2fd67a;
  --pf-green-soft: #e8f9ef;
  --pf-green-mid: #b8eed0;
  --pf-ink: #1a1f1c;
  --pf-muted: #5b6b62;
  --pf-line: #e5efe9;
  --pf-surface: #f7faf8;
  --pf-radius: 12px;
  --pf-header-h: 4.25rem;
}

/* ---- Header layout ---- */
header.pf-site-header {
  width: 100%;
  overflow: visible;
  z-index: 1010;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: saturate(1.2) blur(10px);
  -webkit-backdrop-filter: saturate(1.2) blur(10px);
  border-bottom: 1px solid var(--pf-line);
  padding: 0.65rem 0 0.55rem;
  transition: box-shadow 0.25s ease, padding 0.25s ease, background 0.25s ease;
}

header.pf-site-header .nav-menu1 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: 0.15rem;
  float: none;
  width: auto;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 1.25rem;
  box-sizing: border-box;
  background: transparent;
}

header.pf-site-header .pf-logo-link {
  grid-column: 1;
  grid-row: 1;
  text-decoration: none;
}

header.pf-site-header #logo {
  float: none;
  font-size: 1.65rem;
  line-height: 1;
  letter-spacing: -0.02em;
}

header.pf-site-header #logo .logoIcon {
  font-size: 1.55rem;
  font-weight: 800;
  color: #2fd67a;
}

header.pf-site-header #logo .logoIconRight {
  color: var(--pf-green);
}

header.pf-site-header .siteDescription {
  grid-column: 1 / -1;
  grid-row: 2;
  clear: none;
  height: auto;
  line-height: 1.35;
  font-size: 0.78rem;
  color: var(--pf-muted);
  margin: 0;
  padding: 0.1rem 0 0;
}

header.pf-site-header nav#navMenuWideScreen {
  grid-column: 2;
  grid-row: 1;
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  z-index: 3;
}

/* One menu only — flex row, no overlap */
header.pf-site-header nav#navMenuWideScreen ul.menu {
  float: none;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.15rem 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

header.pf-site-header nav#navMenuWideScreen ul.menu li {
  float: none;
  clear: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  position: relative;
}

header.pf-site-header nav#navMenuWideScreen ul.menu li a {
  display: inline-block;
  color: var(--pf-ink) !important;
  text-decoration: none;
  padding: 0.55rem 0.7rem;
  border-radius: 999px;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
  -webkit-text-fill-color: initial;
  background: none !important;
}

header.pf-site-header nav#navMenuWideScreen ul.menu li a:hover,
header.pf-site-header nav#navMenuWideScreen ul.menu li a:focus {
  color: var(--pf-green-dark) !important;
  background: var(--pf-green-soft) !important;
  text-decoration: none;
}

header.pf-site-header nav#navMenuWideScreen ul.menu li.current-menu-item a,
header.pf-site-header nav#navMenuWideScreen ul.menu li.current-menu-parent a,
header.pf-site-header nav#navMenuWideScreen ul.menu li.current_page_parent a,
header.pf-site-header nav#navMenuWideScreen ul.menu li.current_page_item a {
  color: #fff !important;
  background: var(--pf-green) !important;
}

/* 同一绿色色相，仅明度区分 */
header.pf-site-header nav#navMenuWideScreen ul.menu li.menu-item-fontsMatched a {
  background: none !important;
  -webkit-text-fill-color: initial;
  color: var(--pf-green-deeper) !important;
}
header.pf-site-header nav#navMenuWideScreen ul.menu li.menu-item-fontsMatched a:hover {
  background: var(--pf-green-soft) !important;
  color: var(--pf-green-dark) !important;
}
header.pf-site-header nav#navMenuWideScreen ul.menu li.menu-item-fontStore a {
  color: var(--pf-green-dark) !important;
  font-weight: 700;
}
header.pf-site-header nav#navMenuWideScreen ul.menu li.menu-item-fontStore a:before {
  margin-right: 0.25em;
}

/* Kill any leftover tooltip / simptip-like overlays in nav */
header.pf-site-header nav#navMenuWideScreen [data-tooltip]:after,
header.pf-site-header nav#navMenuWideScreen [data-tooltip]:before,
header.pf-site-header nav#navMenuWideScreen a[title]:hover:after,
#nav-menu-s2 [data-tooltip]:after,
#nav-menu-s2 [data-tooltip]:before {
  content: none !important;
  display: none !important;
}

/* Sticky compact header */
header.pf-site-header.smaller {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  min-height: 2.75rem;
  padding: 0.35rem 0;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 8px 28px rgba(16, 40, 24, 0.08);
  border-bottom-color: transparent;
}
body.admin-bar header.pf-site-header.smaller { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar header.pf-site-header.smaller { top: 46px; }
}
header.pf-site-header.smaller .siteDescription { display: none; }
header.pf-site-header.smaller #logo { font-size: 1.15rem; }
header.pf-site-header.smaller #logo .logoIcon { font-size: 1.35rem; }

button#showRightPush {
  border-radius: 10px;
  width: 2.5rem;
  height: 2.5rem;
  top: 0.55rem;
  right: 0.75rem;
  background: var(--pf-green-soft);
}
button#showRightPush:hover { background: #d5f5e3; }

/* Mobile drawer polish */
#nav-menu-s2.nav-menu {
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.12);
  border-left: none;
  background: #fff;
}
#nav-menu-s2 .menu li {
  background: transparent !important;
}
#nav-menu-s2 .menu a {
  color: var(--pf-ink) !important;
  font-weight: 600;
  border-bottom: 1px solid var(--pf-line);
}
#nav-menu-s2 .menu a:hover,
#nav-menu-s2 .menu li.current-menu-item a {
  background: var(--pf-green) !important;
  color: #fff !important;
}

@media screen and (max-width: 1200px) {
  header.pf-site-header .nav-menu1 {
    width: auto;
    grid-template-columns: 1fr auto;
  }
  header.pf-site-header nav#navMenuWideScreen { display: none; }
  header.pf-site-header .siteDescription { display: none; }
  button#showRightPush { display: block; }
}

/* ---- Light page polish ---- */
body {
  color: var(--pf-ink);
  background: var(--pf-surface);
}
#main {
  max-width: 1500px;
}
#content article,
body.home #content article,
body.archive #content article {
  border-radius: var(--pf-radius);
  box-shadow: 0 1px 2px rgba(16, 40, 24, 0.04);
}
.pagination a {
  border-radius: 8px;
}
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce button.single_add_to_cart_button {
  border-radius: 10px;
  background-color: var(--pf-green) !important;
}
.woocommerce button.single_add_to_cart_button:hover {
  background-color: var(--pf-green-dark) !important;
}
footer {
  border-top: 1px solid var(--pf-line);
  background: #fff;
}
.footerLinks a:hover { text-decoration: underline; }

/* Avoid native title-tooltip stacking visually on dense nav */
nav#navMenuWideScreen a { overflow: hidden; }

/* ---- 全站绿色单色相：去掉残留蓝，仅明度差 ---- */
.single-title1:after,
article .title h2:after,
.woocommerce #tab-description h2:after {
  background-image: linear-gradient(90deg, var(--pf-green-deeper), var(--pf-green)) !important;
}
li.menu-item-fontsMatched a {
  background: none !important;
  -webkit-text-fill-color: initial !important;
  color: var(--pf-green-deeper) !important;
}
.nav-menu a:active {
  background: var(--pf-green-soft) !important;
  color: var(--pf-green-dark) !important;
}
.frBottom li.messenger a,
.frContact li.messenger a:before,
.frBottom li.telegram a,
.frContact li.telegram a:before {
  background: #229ED9 !important;
}
.frBottom li.kakao a,
.frContact li.kakao a:before {
  background: #FEE500 !important;
}
.frBottom li.email a:hover {
  background: var(--pf-green-dark) !important;
}
header.pf-site-header #logo .logoIcon {
  color: var(--pf-green-light);
}
header.pf-site-header #logo .logoIconRight {
  color: var(--pf-green);
}
.entry-categories,
.pagination,
.footerLinks a,
.nav-menu a,
a.aContact {
  color: var(--pf-green);
}
#wpadminbar {
  background: var(--pf-green) !important;
}