/**
 * Stack / Themify — hero embed layout
 */

body.omhere-hero-active .page-title-section,
body.omhere-hero-active .themify-pageheader,
body.home .page-title-section,
body.home .themify-pageheader,
body.page-template-page-hero-preview .page-title-section,
body.page-template-page-hero-preview .themify-pageheader {
  display: none !important;
}

body.omhere-hero-active #sidebar,
body.omhere-hero-active .sidebar,
body.omhere-hero-active .widget-area,
body.home #sidebar,
body.home .sidebar,
body.home .widget-area,
body.page-template-page-hero-preview #sidebar,
body.page-template-page-hero-preview .sidebar,
body.page-template-page-hero-preview .widget-area {
  display: none !important;
}

body.omhere-hero-active #pagewrap,
body.omhere-hero-active #body,
body.omhere-hero-active #layout,
body.home #pagewrap,
body.home #body,
body.home #layout,
body.page-template-page-hero-preview #pagewrap,
body.page-template-page-hero-preview #body,
body.page-template-page-hero-preview #layout {
  overflow: visible !important;
}

body.omhere-hero-active article,
body.omhere-hero-active .type-page,
body.omhere-hero-active .entry-content,
body.home article,
body.home .type-page,
body.home .entry-content,
body.page-template-page-hero-preview article,
body.page-template-page-hero-preview .type-page,
body.page-template-page-hero-preview .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.omhere-hero-active #hero-section,
body.omhere-hero-active #hero-section.is-embed-repositioned,
body.home #hero-section,
body.page-template-page-hero-preview #hero-section {
  display: block !important;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom: 0 !important;
}

/* 上拉主視覺，讓深色畫面延伸到透明導覽列下方（高度由 JS 寫入 --omhere-header-h） */
body.omhere-hero-active #hero-section.is-embed-repositioned,
body.home #hero-section.is-embed-repositioned,
body.page-template-page-hero-preview #hero-section.is-embed-repositioned {
  margin-top: calc(-1 * var(--omhere-header-h, 0px)) !important;
}

/* ════════════════════════════════════════════════════════════
   Stack（TommusRhodus / Ebor）導覽：.nav-container + .bar
   #menu1 本身可已是 transparent；白條來自 .nav-container 在文件流佔位，
   透明 nav 後方是白底而非 hero。overlay 期間：容器高度歸零 + bar fixed。
   ════════════════════════════════════════════════════════════ */

body.omhere-hero-nav-overlay .nav-container,
body.omhere-hero-nav-overlay .nav-container.omhere-nav-overlay {
  height: 0 !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

body.omhere-hero-nav-overlay .nav-container .bar,
body.omhere-hero-nav-overlay .nav-container .bar.bar--absolute,
body.omhere-hero-nav-overlay .nav-container .bar.bar--mobile-sticky,
body.omhere-hero-nav-overlay .nav-container .bar.pos-fixed,
body.omhere-hero-nav-overlay .nav-container .bar.pos-fixed:not([class*='bg-']),
body.omhere-hero-nav-overlay .nav-container .bar.original--bg,
body.omhere-hero-nav-overlay .nav-container .bar.bar--transparent,
body.omhere-hero-nav-overlay .nav-container nav#menu1,
body.omhere-hero-nav-overlay .nav-container > .bar.bar--mobile-sticky {
  position: fixed !important;
  top: var(--omhere-nav-top, 0px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

body.omhere-hero-nav-overlay .nav-container > .bar.bar--mobile-sticky.hidden-xs,
body.omhere-hero-nav-overlay .nav-container nav#menu1.hidden-xs {
  /* 仍由 Bootstrap 控制顯示；僅在可見時套用 fixed */
}

body.omhere-hero-nav-overlay .nav-container .bar .container,
body.omhere-hero-nav-overlay .nav-container .bar .row {
  background: transparent !important;
  background-color: transparent !important;
}

body.omhere-hero-nav-overlay .nav-container .menu-horizontal > li > a,
body.omhere-hero-nav-overlay .nav-container .menu-horizontal > li > span,
body.omhere-hero-nav-overlay .nav-container .menu-horizontal > li > .modal-instance > .modal-trigger,
body.omhere-hero-nav-overlay .nav-container .cart-link,
body.omhere-hero-nav-overlay .nav-container .cart-link i,
body.omhere-hero-nav-overlay .nav-container .stack-interface,
body.omhere-hero-nav-overlay .nav-container .hamburger-toggle,
body.omhere-hero-nav-overlay .nav-container .hamburger-toggle i {
  color: #fff !important;
}

body.omhere-hero-nav-overlay .nav-container .menu-horizontal > li > a:hover,
body.omhere-hero-nav-overlay .nav-container .cart-link:hover {
  color: rgba(255, 255, 255, 0.82) !important;
}

body.omhere-hero-nav-overlay .nav-container .logo-dark {
  display: none !important;
}

body.omhere-hero-nav-overlay .nav-container .logo-light {
  display: inline-block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Themify Stack 舊版 fallback（若站上有 #headerwrap） */
body.omhere-hero-nav-overlay #headerwrap,
body.omhere-hero-nav-overlay #headerwrap.fixed-header,
body.omhere-hero-nav-overlay #header {
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.omhere-hero-nav-overlay #headerwrap a,
body.omhere-hero-nav-overlay #headerwrap #main-nav a {
  color: #fff !important;
}

.omhere-home-below {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

/* 預設區塊維持可讀寬度；「全寬」對齊的區塊可突破容器（真・視窗全寬） */
.omhere-home-below > *:not(.alignfull):not(.alignwide) {
  max-width: var(--theme_container_width, 1160px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.omhere-home-below > .alignwide {
  max-width: min(1400px, 100vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

/* 古騰堡「全寬」：與 #hero-section 相同的視窗 breakout */
.omhere-home-below > .alignfull,
.omhere-home-below .wp-block-group.alignfull,
.omhere-home-below .wp-block-cover.alignfull,
.omhere-home-below .wp-block-media-text.alignfull,
.entry-content > .alignfull,
.wp-block-post-content > .alignfull {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}

/* 全寬背景色區塊：內層內容仍可自訂窄欄 */
.omhere-home-below .alignfull.has-background,
.omhere-home-below .wp-block-group.alignfull.has-background {
  padding-top: clamp(48px, 8vw, 96px);
  padding-bottom: clamp(48px, 8vw, 96px);
}

.omhere-home-below .alignfull .alignfull,
.omhere-home-below .alignfull .wp-block-group.alignfull {
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.omhere-home-below:empty {
  display: none;
  padding: 0;
  margin: 0;
}