/* AC488: temple-only nav; retain native header on top. */
#ac487-temple-tabs{position:sticky!important;top:var(--ac488-header-offset,64px)!important;z-index:400!important;background:#fff!important;border-bottom:1px solid #e2e7ec!important;box-shadow:0 2px 8px #182b3820!important;width:100%;box-sizing:border-box;clear:both}
#ac487-temple-tabs[hidden],#ac487-temple-tabs a[hidden]{display:none!important}
#ac487-temple-tabs .ac487-scroll{display:flex!important;align-items:center;justify-content:center;overflow-x:auto;max-width:1200px;margin:0 auto;scrollbar-width:thin}
#ac487-temple-tabs a{white-space:nowrap;display:inline-flex;flex-shrink:0;padding:14px 17px;color:#414951;font:500 14px Arial,sans-serif;text-decoration:none;border-bottom:3px solid transparent}
#ac487-temple-tabs a:hover,#ac487-temple-tabs a.ac487-active{color:#096e92;border-bottom-color:#048bad;background:#f2fafd}
#ac487-temple-tabs a:focus-visible{outline:2px solid #067faa;outline-offset:-4px}
@media(max-width:767px){#ac487-temple-tabs .ac487-scroll{justify-content:flex-start}#ac487-temple-tabs a{padding:12px 13px;font-size:13px}}

/* AC489: first-paint defaults match the DOM-confirmed temple sections.
   Optional tabs appear only once the existing JS verifies their targets. */
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-services"],
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-write-review"],
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-user-review"]{display:none!important}
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-about"]{color:#096e92;border-bottom-color:#048bad;background:#f2fafd}

/* AC490: compact, stable temple-only variants; no generic header changes. */
#ac487-temple-tabs.ac490-normal a{padding:12px 16px;font-size:14px;border-bottom-width:3px}
#ac487-temple-tabs.ac490-slim a{padding:7px 14px;font-size:13px;line-height:19px;border-bottom-width:2px}
#ac487-temple-tabs.ac490-slim .ac487-scroll{min-height:0}
#ac487-temple-tabs.ac490-slim{box-shadow:0 2px 7px rgba(10,30,46,.08)!important}
#ac487-temple-tabs a{transition:background-color .14s ease,color .14s ease,border-color .14s ease}
@media(max-width:767px){#ac487-temple-tabs.ac490-normal a{padding:10px 12px;font-size:13px}#ac487-temple-tabs.ac490-slim a{padding:7px 11px;font-size:12px}}
@media(prefers-reduced-motion:reduce){#ac487-temple-tabs a{transition:none}}


/* AC491: more temple sticky styles + tighter spacing, no sitewide header changes. */
#ac487-temple-tabs .ac487-scroll{gap:4px;padding:0 12px}
#ac487-temple-tabs.ac490-normal .ac487-scroll{padding-top:2px;padding-bottom:2px}
#ac487-temple-tabs.ac490-normal a{border-radius:8px}

#ac487-temple-tabs.ac490-pill .ac487-scroll,
#ac487-temple-tabs.ac490-pill-slim .ac487-scroll{justify-content:center;padding-top:8px;padding-bottom:8px;gap:8px}
#ac487-temple-tabs.ac490-pill a,
#ac487-temple-tabs.ac490-pill-slim a{border:1px solid #d8e6ee;border-radius:999px;background:#f4f9fc;border-bottom-width:1px;color:#43505b}
#ac487-temple-tabs.ac490-pill a{padding:10px 16px;font-size:14px;line-height:20px}
#ac487-temple-tabs.ac490-pill-slim a{padding:7px 13px;font-size:13px;line-height:18px}
#ac487-temple-tabs.ac490-pill a:hover,#ac487-temple-tabs.ac490-pill a.ac487-active,
#ac487-temple-tabs.ac490-pill-slim a:hover,#ac487-temple-tabs.ac490-pill-slim a.ac487-active{background:linear-gradient(180deg,#0b86a8,#0a7593);border-color:#0a7e9d;color:#fff;box-shadow:0 4px 12px rgba(10,126,157,.18)}
#ac487-temple-tabs.ac490-pill a:focus-visible,
#ac487-temple-tabs.ac490-pill-slim a:focus-visible{outline-offset:2px}

@media(max-width:767px){
  #ac487-temple-tabs .ac487-scroll{justify-content:flex-start;gap:6px;padding-left:10px;padding-right:10px}
  #ac487-temple-tabs.ac490-pill .ac487-scroll,#ac487-temple-tabs.ac490-pill-slim .ac487-scroll{padding-top:6px;padding-bottom:6px}
  #ac487-temple-tabs.ac490-pill a{padding:8px 12px;font-size:13px}
  #ac487-temple-tabs.ac490-pill-slim a{padding:6px 10px;font-size:12px}
}

/* AC495: remove surplus whitespace INSIDE sticky strip, temple-only.
   Do not force a fixed height: translated labels/mobile may need extra room. */
html body #ac487-temple-tabs {
  height:auto!important;min-height:0!important;max-height:none!important;
  margin-top:0!important;margin-bottom:0!important;
  padding-top:0!important;padding-bottom:0!important;
  line-height:normal!important;
}
html body #ac487-temple-tabs .ac487-scroll {
  height:auto!important;min-height:0!important;max-height:none!important;
  margin-top:0!important;margin-bottom:0!important;
  padding-bottom:0!important;align-content:center!important;
}
html body #ac487-temple-tabs a { margin-top:0!important;margin-bottom:0!important;min-height:0!important; }
/* Rounded themes retain their own slim vertical rhythm. */
html body #ac487-temple-tabs.ac490-pill .ac487-scroll {padding-top:5px!important;padding-bottom:5px!important}
html body #ac487-temple-tabs.ac490-pill-slim .ac487-scroll {padding-top:3px!important;padding-bottom:3px!important}
@media(max-width:767px){
  html body #ac487-temple-tabs.ac490-pill .ac487-scroll{padding-top:4px!important;padding-bottom:4px!important}
  html body #ac487-temple-tabs.ac490-pill-slim .ac487-scroll{padding-top:2px!important;padding-bottom:2px!important}
}

/* AC497: apply Admin sliders on the NAV box itself. AC495's more-specific
   !important scroll-container rules previously overrode AC496. */
html body #ac487-temple-tabs {
  padding-top:var(--ac496-top,0px)!important;
  padding-bottom:var(--ac496-bottom,0px)!important;
}
/* Keep inner rhythm unchanged; only slider values add outside the tab row.
   The sticky header offset still derives from the measured nav height. */

/* AC498: optional card tabs never flash before the actual target is discovered. */
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-quick-info"]{display:none!important}
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-temple-layout"]{display:none!important}
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-geographical-info"]{display:none!important}
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-heritage-map"]{display:none!important}
#ac487-temple-tabs:not(.ac489-ready) a[data-ac487-target="#ac-v9-digital-guide"]{display:none!important}

/* AC514_FIRST_PAINT_NO_FLICKER: hide only the temple tab strip until its
   actual section links and selected tab have been resolved by AC513 JS.
   Do not modify ac487-active styles, animation settings, or site header. */
html body #ac487-temple-tabs:not(.ac489-ready){visibility:hidden!important;}
html body #ac487-temple-tabs.ac489-ready{visibility:visible!important;}
@media(prefers-reduced-motion:reduce){html body #ac487-temple-tabs{transition:none!important;}}
