/* Go National Park — header (ใช้ได้ทุกหน้า) */
body.tph-on #site-header,body.tph-on header#masthead,body.tph-on .site-header:not(.tph){display:none!important}
.tph{--h-green:#304A35;--h-bg:#FBFAF6;--h-line:#E1E4DA;--h-red:#F2B705;--h-red-d:#D99E00;--tph-h:88px;--tph-hm:68px;
  position:sticky;top:0;z-index:999;background:var(--h-green);color:#fff;font-family:var(--tp-font,'LINE Seed Sans TH',sans-serif);line-height:1.4;transition:background .2s,color .2s,box-shadow .2s}
.tph *{box-sizing:border-box}
.tph a{text-decoration:none;color:inherit}
.tph ul{list-style:none;margin:0;padding:0}
body.admin-bar .tph{top:32px}
.tph-in{display:flex;align-items:center;gap:8px;max-width:1280px;margin:0 auto;padding:0 20px;height:var(--tph-h)}
.tph-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;white-space:nowrap;margin-right:20px}
.tph-brand svg{flex:none}
.tph-nav{flex:1;min-width:0}
.tph-list{display:flex;align-items:center;gap:4px}
.tph-li{position:relative}
.tph-top{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:0;background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:500;cursor:pointer;border-radius:10px}
.tph-top:hover,.tph-li.open>.tph-top{background:rgba(255,255,255,.14)}
.tph-caret{transition:transform .15s}
.tph-li.open .tph-caret{transform:rotate(180deg)}
.tph-sub{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:240px;padding:8px;background:var(--h-bg);color:var(--h-green);border:1px solid var(--h-line);border-radius:14px;box-shadow:0 14px 34px rgba(20,35,25,.22)}
.tph-li.open .tph-sub{display:block}
.tph-sub a,.tph-soon{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border-radius:9px;font-size:15px}
.tph-sub a:hover{background:#EAEFE6}
.tph-soon{color:#8A958C;cursor:default}
.tph-soon em{font-style:normal;font-size:11px;background:#EEF0EA;color:#6B776E;border-radius:999px;padding:1px 8px}
.tph-search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.45);margin-left:auto}
.tph-search:hover{background:rgba(255,255,255,.14)}
.tph-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}
.tph-burger .b-close{display:none}
.tph.menu-open .tph-burger .b-open{display:none}
.tph.menu-open .tph-burger .b-close{display:block}

/* หน้าแรก: โปร่งซ้อนบน hero แล้วกลายเป็นแถบขาวบางเมื่อเลื่อนลง */
body.tph-over .tph{position:absolute;left:0;right:0;background:transparent}
body.tph-over .tph.is-stuck,.tph.is-stuck{position:fixed;left:0;right:0;top:0;background:rgba(251,250,246,.97);color:var(--h-green);box-shadow:0 1px 0 var(--h-line),0 6px 18px rgba(30,45,35,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
body.admin-bar .tph.is-stuck{top:32px}
.tph.is-stuck .tph-in{height:max(60px,calc(var(--tph-h) * .72))}
.tph.is-stuck .tph-top:hover,.tph.is-stuck .tph-li.open>.tph-top{background:#EAEFE6}
.tph.is-stuck .tph-search{border-color:var(--h-line)}
.tph.is-stuck .tph-search:hover{background:#EAEFE6}

@media (max-width:860px){
  body.admin-bar .tph,body.admin-bar .tph.is-stuck{top:46px}
  .tph-in,.tph.is-stuck .tph-in{height:var(--tph-hm);padding:0 8px 0 16px}
  .tph-brand{font-size:18px;margin-right:0;flex:1}
  .tph-search{order:2;margin-left:0;border:0}
  .tph-burger{display:inline-flex;order:3;width:56px;height:56px}
  .tph-burger svg{width:34px;height:34px;stroke-width:2.4}
  .tph-nav{display:none;position:fixed;left:0;right:0;top:var(--tph-hm);bottom:0;order:4;overflow-y:auto;background:var(--h-bg);color:var(--h-green);padding:12px 16px 40px;border-top:1px solid var(--h-line)}
  body.admin-bar .tph-nav{top:calc(var(--tph-hm) + 46px)}
  .tph.menu-open .tph-nav{display:block}
  .tph.menu-open{background:var(--h-bg);color:var(--h-green)}
  .tph-list{display:block}
  .tph-li{border-bottom:1px solid var(--h-line)}
  .tph-top{width:100%;justify-content:space-between;min-height:54px;padding:0 6px;font-size:17px;border-radius:0}
  .tph-top:hover,.tph-li.open>.tph-top{background:transparent}
  .tph-sub{position:static;display:none;min-width:0;padding:0 0 12px;background:transparent;border:0;box-shadow:none;border-radius:0}
  .tph-li.open .tph-sub{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .tph-sub a,.tph-soon{border:1px solid var(--h-line);background:#fff;font-size:14px;min-height:50px;padding:6px 12px;border-radius:12px}
  .tph-soon em{display:none}
}
@media (max-width:420px){.tph-li.open .tph-sub{grid-template-columns:1fr}}
body.tph-over .tph.menu-open{background:var(--h-bg);color:var(--h-green)}
@media (prefers-reduced-motion:reduce){.tph,.tph-caret{transition:none}}