/* Shared fixes on every page */

/* The menu bar comes back when scrolling up: give it a paper background and a compact height,
   so the logo never sits on the page's text. Off again at the very top and while the full menu is open. */
.navbar_component { transition: background-color .3s ease, padding .3s ease, box-shadow .3s ease; }
.navbar_component .logo { transition: width .3s ease; }
.navbar_component.is-scrolled {
  background-color: rgba(241, 239, 235, .96) !important;
  padding-top: .9rem;
  padding-bottom: .9rem;
  box-shadow: 0 1px 0 rgba(32, 3, 20, .08);
}
.navbar_component.is-scrolled .logo { width: 7rem; }
.navbar_component.is-scrolled:has(.navbar_menu[style*="block"]) {
  background-color: transparent !important;
  box-shadow: none;
}

/* Home page only: the bottom "Ready to make Vivienne your address?" block is a button up to the form in the green band */
.cta_block { display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem; justify-content: center; height: 100%; }
.cta_text { font-family: var(--fonts--reckless-font); font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.2; margin: 0; max-width: 18em; }
.cta_small { margin: 0; font-size: 1rem; }
.cta_small a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* the enquiry card in the closing contact block of each page (copied in by tools/place-form.mjs) */
.form_slot .landing_card { margin-left: auto; }
.apt_contact .form_slot .landing_card > h2:first-child { display: none; }
@media (max-width: 991px) {
  .form_slot .landing_card { margin: 0; max-width: none; }
}

/* no sideways scroll on phones (was in the old page-builder stylesheet) */
html { overflow-x: hidden; overflow-x: clip; }