/* custom overrides (loaded last) */
/* Newsletter: hide the Lumistry embed's own heading/subtitle (its <div
   class="lk-head"> holds an h3.lk-title + p.lk-sub) so only our own
   "Sign Up For Our Newsletter" H2 remains above the capture form. */
.lk-head { display: none !important; }

/* Eyebrow (top info bar): keep address / phone / hours evenly spaced on a
   single line instead of letting the hours wrap. The bar is assembled at
   runtime as .secondaryNav > .blockContent > .secondaryNavContent holding the
   three blockContainers. */
@media (min-width: 768px) {
  .secondaryNav .secondaryNavContent {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 2.5rem;
    width: 100%;
  }
  /* These three blocks are relocated from the footer, where the footer reflow
     leaves an inline width:100%/text-align:right on them; override that inline
     style (hence !important) so they size to content and cluster in the bar. */
  .secondaryNav .secondaryNavContent > .blockContainer {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    text-align: left !important;
    flex: 0 1 auto;
  }
  .secondaryNav .secondaryNavContent p {
    white-space: nowrap;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .headerAndNavContainer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
  }
  /* eyebrow (secondary nav) collapses on scroll to reclaim space */
  .secondaryNav {
    overflow: hidden;
    max-height: 300px;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }
  .secondaryNav.eyebrow-collapsed {
    max-height: 0 !important;
    opacity: 0 !important;
  }
}