/* JA site chrome: fixed header, reserve CTA, and footer frame. */

.site #masthead {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background: rgba(246, 245, 242, 0.95);
  border-bottom: 1px solid var(--jashow-line);
  box-shadow: 0 1px 0 rgba(26, 25, 23, 0.04);
  backdrop-filter: blur(14px);
}

.admin-bar .site #masthead {
  top: 32px;
}

.site-content {
  padding-top: 102px;
}

.site-title,
.site-title a {
  color: var(--jashow-ink);
  font-family: 'Noto Serif TC', serif;
  font-weight: 500;
  letter-spacing: 0;
  white-space: nowrap;
}

.main-header-menu .menu-link,
.ast-builder-menu-1 .menu-item > .menu-link {
  color: var(--jashow-ink);
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing: 0;
}

.main-header-menu .menu-link:hover,
.ast-builder-menu-1 .menu-item:hover > .menu-link {
  color: var(--jashow-brass-ink);
}

.ast-desktop .main-header-menu > .menu-item > .menu-link {
  position: relative;
}

.ast-desktop .main-header-menu > .menu-item:hover > .menu-link,
.ast-desktop .main-header-menu > .menu-item > .menu-link:hover,
.ast-desktop .main-header-menu > .menu-item > .menu-link:focus,
.ast-desktop .main-header-menu > .current-menu-item > .menu-link,
.ast-desktop .main-header-menu > .current-menu-ancestor > .menu-link,
.ast-desktop .main-header-menu > .current-menu-parent > .menu-link,
.ast-desktop .main-header-menu > .current_page_item > .menu-link,
.ast-desktop .main-header-menu > .current_page_parent > .menu-link,
.ast-desktop .main-header-menu > .current_page_ancestor > .menu-link {
  color: var(--jashow-brass-ink);
}

.ast-desktop .main-header-menu > .menu-item > .menu-link::after {
  content: "";
  position: absolute;
  right: 1em;
  bottom: 1.05rem;
  left: 1em;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background: linear-gradient(to right, var(--jashow-brass) 0 2.25rem, var(--jashow-line) 2.25rem 100%);
  transition: transform 0.15s ease;
}

.ast-desktop .main-header-menu > .menu-item:hover > .menu-link::after,
.ast-desktop .main-header-menu > .menu-item > .menu-link:hover::after,
.ast-desktop .main-header-menu > .menu-item > .menu-link:focus::after,
.ast-desktop .main-header-menu > .current-menu-item > .menu-link::after,
.ast-desktop .main-header-menu > .current-menu-ancestor > .menu-link::after,
.ast-desktop .main-header-menu > .current-menu-parent > .menu-link::after,
.ast-desktop .main-header-menu > .current_page_item > .menu-link::after,
.ast-desktop .main-header-menu > .current_page_parent > .menu-link::after,
.ast-desktop .main-header-menu > .current_page_ancestor > .menu-link::after {
  transform: scaleX(1);
}

.ast-desktop .main-header-menu .sub-menu {
  background: var(--jashow-paper);
  border: 1px solid var(--jashow-line);
  border-radius: var(--jashow-radius-media, 0);
  box-shadow: none !important;
  font-family: 'Noto Sans TC', sans-serif;
}

.ast-desktop .main-header-menu .sub-menu .menu-item {
  border-bottom: 1px solid var(--jashow-line);
}

.ast-desktop .main-header-menu .sub-menu .menu-item:last-child {
  border-bottom: 0;
}

.ast-desktop .main-header-menu .sub-menu .menu-link {
  position: relative;
  padding-left: 2.65rem;
  color: var(--jashow-ink);
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.ast-desktop .main-header-menu .sub-menu .menu-link:hover,
.ast-desktop .main-header-menu .sub-menu .menu-link:focus,
.ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current-menu-item > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current-menu-parent > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current_page_item > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current_page_parent > .menu-link,
.ast-desktop .main-header-menu .sub-menu .current_page_ancestor > .menu-link {
  color: var(--jashow-brass-ink);
  background: rgba(228, 225, 219, 0.28);
}

.ast-desktop .main-header-menu .sub-menu .menu-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.9rem;
  width: 1.25rem;
  height: 1px;
  transform: translateY(-50%) scaleX(0);
  transform-origin: left center;
  background: var(--jashow-brass);
  transition: transform 0.15s ease;
}

.ast-desktop .main-header-menu .sub-menu .menu-link:hover::before,
.ast-desktop .main-header-menu .sub-menu .menu-link:focus::before,
.ast-desktop .main-header-menu .sub-menu .menu-item:hover > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current-menu-item > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current-menu-ancestor > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current-menu-parent > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current_page_item > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current_page_parent > .menu-link::before,
.ast-desktop .main-header-menu .sub-menu .current_page_ancestor > .menu-link::before {
  transform: translateY(-50%) scaleX(1);
}

.ast-desktop .main-header-menu .sub-menu .ast-icon {
  color: var(--jashow-stone);
}


.ast-mobile-menu-trigger-minimal,
#ast-mobile-popup,
#ast-mobile-popup .ast-mobile-popup-inner,
#ast-mobile-popup .ast-mobile-popup-content,
#ast-mobile-popup .main-header-bar-navigation {
  font-family: 'Noto Sans TC', sans-serif;
}

.ast-mobile-menu-trigger-minimal {
  color: var(--jashow-ink);
}

#ast-mobile-popup .ast-mobile-popup-inner {
  background: var(--jashow-paper);
  color: var(--jashow-ink);
  border-left: 1px solid var(--jashow-line);
  box-shadow: none;
}

#ast-mobile-popup .ast-mobile-popup-header {
  border-bottom: 1px solid var(--jashow-line);
}

#ast-mobile-popup .menu-toggle-close {
  color: var(--jashow-ink);
  background: transparent;
  border: 0;
  border-radius: var(--jashow-radius, 2px);
  box-shadow: none;
}

#ast-mobile-popup .menu-toggle-close:hover,
#ast-mobile-popup .menu-toggle-close:focus {
  color: var(--jashow-brass-ink);
  background: transparent;
}

#ast-mobile-popup .main-header-menu,
#ast-mobile-popup .main-header-menu .sub-menu {
  background: var(--jashow-paper);
}

#ast-mobile-popup .main-header-menu .menu-item {
  border-bottom: 1px solid var(--jashow-line);
}

#ast-mobile-popup .main-header-menu .sub-menu {
  border-top: 1px solid var(--jashow-line);
  box-shadow: none;
}

#ast-mobile-popup .main-header-menu .sub-menu .menu-link {
  padding-left: 2.25rem;
}

#ast-mobile-popup .main-header-menu .menu-link {
  color: var(--jashow-ink);
  font-family: 'Noto Sans TC', sans-serif;
  letter-spacing: 0;
}

#ast-mobile-popup .main-header-menu .menu-link:hover,
#ast-mobile-popup .main-header-menu .menu-link:focus,
#ast-mobile-popup .main-header-menu .current-menu-item > .menu-link,
#ast-mobile-popup .main-header-menu .current-menu-ancestor > .menu-link {
  color: var(--jashow-brass-ink);
  background: rgba(228, 225, 219, 0.28);
}

#ast-mobile-popup .main-header-menu .ast-menu-toggle,
#ast-mobile-popup .main-header-menu .dropdown-menu-toggle {
  color: var(--jashow-brass-ink);
  background: transparent;
  border: 0;
  box-shadow: none;
}

.ast-mobile-menu-trigger-minimal:focus-visible,
#ast-mobile-popup .menu-toggle-close:focus-visible,
#ast-mobile-popup .main-header-menu .menu-link:focus-visible,
#ast-mobile-popup .main-header-menu .ast-menu-toggle:focus-visible,
.ast-desktop .main-header-menu .menu-link:focus-visible,
.ast-desktop .main-header-menu .dropdown-menu-toggle:focus-visible {
  outline: 2px solid var(--jashow-brass-ink);
  outline-offset: 2px;
}

.fixed-reserve-btn {
  position: fixed;
  right: auto;
  bottom: max(18px, env(safe-area-inset-bottom));
  left: 50%;
  z-index: 1001;
  transform: translateX(-50%);
}

#global-reserve-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 11rem;
  min-height: 3rem;
  padding: 0.72rem 1.15rem;
  border: 0;
  border-radius: var(--jashow-radius, 2px);
  background: var(--jashow-line-green);
  color: #fff;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 0.94rem;
  font-weight: 600; /* C5b 2026-07-04: Sans 700 已移除,600 命中真 face */
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  box-shadow: var(--jashow-shadow-float, 0 4px 14px rgba(26, 25, 23, 0.14));
}

#global-reserve-btn br {
  display: none;
}

#global-reserve-btn:hover,
#global-reserve-btn:focus {
  background: #05a847;
  color: #fff;
  transform: translateY(-1px);
}

#global-reserve-btn img {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
}

.site-footer {
  width: 100%;
  padding-bottom: 5.5rem;
  background: var(--jashow-char);
  color: var(--jashow-paper);
}

.site-footer a {
  color: var(--jashow-paper);
  text-decoration-color: rgba(169, 129, 71, 0.48);
  text-underline-offset: 0.18em;
}

.site-footer a:hover,
.site-footer a:focus {
  color: var(--jashow-brass);
  text-decoration-color: var(--jashow-brass);
}

.site-above-footer-wrap[data-section="section-above-footer-builder"],
.site-primary-footer-wrap,
.site-below-footer-wrap {
  background: var(--jashow-char) !important;
}

.site-primary-footer-wrap .ast-builder-grid-row-container-inner,
.site-below-footer-wrap .ast-builder-grid-row-container-inner {
  width: 100%;
  max-width: none;
}

.site-footer .ast-builder-grid-row-container-inner,
.site-footer .ast-builder-footer-grid-columns,
.site-footer .site-footer-section,
.site-footer .ast-builder-layout-element,
.site-footer .ast-footer-html-2,
.site-footer .ast-header-html,
.site-footer .ast-builder-html-element {
  width: 100%;
}

.site-footer .footer-social-inner-wrap {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  width: min(100%, 1200px);
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2.25rem) 1.25rem clamp(1.1rem, 2vw, 1.6rem);
  border-bottom: 1px solid rgba(246, 245, 242, 0.14);
}

.site-footer .footer-social-item {
  position: relative;
  width: 64px;
  height: 64px;
  border: 1px solid rgba(246, 245, 242, 0.22);
  border-radius: var(--jashow-radius, 2px);
  color: var(--jashow-paper);
  background: transparent !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.site-footer .footer-social-item::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1.15rem;
  height: 1px;
  background: var(--jashow-brass);
}

.site-footer .footer-social-item svg {
  width: 28px;
  height: 28px;
  fill: currentColor;
}

.site-footer .footer-social-item:hover,
.site-footer .footer-social-item:focus {
  border-color: var(--jashow-brass);
  color: var(--jashow-brass);
  background: rgba(246, 245, 242, 0.06) !important;
  transform: translateY(-1px);
}

.site-footer .footer-social-item:focus-visible {
  outline: 2px solid var(--jashow-brass);
  outline-offset: 3px;
}

.site-footer-container {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: clamp(2.5rem, 5vw, 4rem) clamp(1rem, 4vw, 2rem) clamp(2.25rem, 4.5vw, 3.5rem);
  background: var(--jashow-char);
  border-top: 1px solid rgba(246, 245, 242, 0.14);
}

.site-footer-container::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  width: min(22rem, calc(100% - 2rem));
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(to right, var(--jashow-brass) 0 3rem, rgba(246, 245, 242, 0.22) 3rem 100%);
}

/* Footer colophon:索引卡式精簡 footer(門市詳情整併至 /showroom/)2026-07-12 */
.footer-colophon {
  width: min(100%, 46rem);
  margin: 0 auto;
  color: #D8D4CC;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 0.96rem;
  line-height: 1.85;
  text-align: center;
}

.footer-colophon::before {
  content: "SHOWROOM DOSSIER";
  display: block;
  margin-bottom: 1rem;
  color: var(--jashow-brass);
  font-family: 'Inter', 'Noto Sans TC', sans-serif;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-variant-numeric: tabular-nums;
}

.footer-showroom-title {
  margin: 0 0 1rem;
  color: var(--jashow-paper);
  font-family: 'Noto Serif TC', serif;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1.35;
}

.footer-colophon p {
  margin: 0;
}

.footer-colophon p:empty {
  display: none;
}

.footer-nap {
  font-variant-numeric: tabular-nums;
}

.footer-nap a {
  text-decoration: none;
}

.footer-nap a:hover,
.footer-nap a:focus {
  text-decoration: underline;
  text-decoration-color: var(--jashow-brass);
  text-underline-offset: 0.18em;
}

.footer-nap-sep {
  margin: 0 0.6em;
  color: rgba(246, 245, 242, 0.38);
}

.footer-colophon .footer-showroom-link {
  margin-top: 1.35rem;
}

.footer-showroom-link a {
  display: inline-block;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid rgba(169, 129, 71, 0.48);
  color: var(--jashow-paper);
  font-family: 'Inter', 'Noto Sans TC', sans-serif;
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-decoration: none;
}

.footer-showroom-link a:hover,
.footer-showroom-link a:focus {
  color: var(--jashow-brass);
  border-bottom-color: var(--jashow-brass);
}

.site-below-footer-wrap {
  border-top: 1px solid rgba(246, 245, 242, 0.14);
}

.ast-footer-copyright {
  color: #D8D4CC;
  font-family: 'Noto Sans TC', sans-serif;
  font-size: 0.84rem;
  line-height: 1.7;
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  .site-footer .footer-social-item {
    transition: none;
  }

  .site-footer .footer-social-item:hover,
  .site-footer .footer-social-item:focus {
    transform: none;
  }
}
@media (max-width: 782px) {
  .admin-bar .site #masthead {
    top: 46px;
  }
}

@media (max-width: 768px) {
  .site-content {
    padding-top: 82px;
  }

  .site-title {
    white-space: normal;
  }

  .site-footer .footer-social-inner-wrap {
    gap: 0.8rem;
    padding-top: 1.35rem;
  }

  .site-footer .footer-social-item {
    width: 56px;
    height: 56px;
  }

  .site-footer .footer-social-item svg {
    width: 24px;
    height: 24px;
  }

}

@media (max-width: 480px) {
  #global-reserve-btn {
    min-width: min(18rem, calc(100vw - 2rem));
  }

  .site-footer {
    padding-bottom: 6.25rem;
  }

  .footer-nap a {
    display: block;
  }

  .footer-nap-sep {
    display: none;
  }
}