/* ==========================================================================
   LOCAL PREVIEW ONLY — Albyn MOT sidebar chrome
   CORPORATE quiet chrome (Audi / Range Rover language)
   Deep navy column · elegant tracked type · soft Albyn-blue hairlines ·
   Chelsea snip CTAs: charcoal · CALL/COMING SOON/ENQUIRE · blue line icons · hairlines. No cards.
   Hero Direction D language stays on homepage polish — do not touch Habitation.
   NOT for IONOS / live.
   ========================================================================== */

/* ---- Sidebar CTAs — Chelsea snip: quiet corporate stack (NOT cards) ---- */
.btn-sidebar-phone,
.sidebar-dual-book .btn-sidebar-phone,
.sidebar-footer .btn-sidebar-phone,
.sidebar-dual-book .btn-book,
.sidebar-footer .btn-book,
.sidebar-dual-book .btn-book-service,
.sidebar-footer .btn-book-service {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.7rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0.85rem 0.35rem !important;
  min-height: 0 !important;
  font-size: 0.68rem !important;
  font-weight: 550 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  color: rgba(245, 247, 250, 0.92) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  transition: color 0.15s ease;
}
.btn-sidebar-phone i,
.sidebar-dual-book .btn-sidebar-phone i,
.sidebar-footer .btn-sidebar-phone i,
.sidebar-dual-book .btn-book i,
.sidebar-footer .btn-book i,
.sidebar-dual-book .btn-book-service i,
.sidebar-footer .btn-book-service i {
  color: #3A7EC8 !important; /* thin blue line icons — Chelsea snip */
  margin-right: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 0.95;
  -webkit-text-stroke: 0;
}
/* mcl5s: subtle gold-edge + lift hover (NOT chunky solid cards) */
.btn-sidebar-phone:hover,
.btn-sidebar-phone:focus,
.btn-sidebar-phone:focus-visible,
.sidebar-dual-book .btn-sidebar-phone:hover,
.sidebar-dual-book .btn-sidebar-phone:focus,
.sidebar-dual-book .btn-sidebar-phone:focus-visible,
.sidebar-footer .btn-sidebar-phone:hover,
.sidebar-footer .btn-sidebar-phone:focus,
.sidebar-footer .btn-sidebar-phone:focus-visible,
.sidebar-dual-book .btn-book:hover,
.sidebar-footer .btn-book:hover,
.sidebar-dual-book .btn-book:focus,
.sidebar-footer .btn-book:focus,
.sidebar-dual-book .btn-book:focus-visible,
.sidebar-footer .btn-book:focus-visible,
.sidebar-dual-book .btn-book-service:hover,
.sidebar-footer .btn-book-service:hover,
.sidebar-dual-book .btn-book-service:focus,
.sidebar-footer .btn-book-service:focus,
.sidebar-dual-book .btn-book-service:focus-visible,
.sidebar-footer .btn-book-service:focus-visible {
  color: #ffffff !important;
  background: rgba(201, 162, 39, 0.08) !important;
  border-color: transparent !important;
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.55) !important;
  transform: translateY(-1px) !important;
  filter: none !important;
}
.btn-sidebar-phone:hover i,
.btn-sidebar-phone:focus i,
.sidebar-footer .btn-sidebar-phone:hover i,
.sidebar-footer .btn-book:hover i,
.sidebar-footer .btn-book-service:hover i,
.sidebar-dual-book > a:hover i,
.sidebar-dual-book > a:focus i {
  color: #e2bd47 !important;
}

/* Single top band: hide leftover saltire ribbon */
.saltire-ribbon { display: none !important; }

/* Logo never sits on an opaque plate */
.sidebar-brand-box,
.sidebar-logo,
.navbar-hc .sidebar-logo,
.mobile-logo-header,
.mobile-logo-header img,
.hero-logo,
.site-footer img[alt="Albyn MOT logo"] {
  background: transparent !important;
  background-color: transparent !important;
}

@media (min-width: 992px) {
  :root {
    --hc-sidebar-width: 210px;
    --hc-sidebar-min-width: 210px;
  }

  /* Quieter corporate column — Audi/RR charcoal (Chelsea: not current colour) */
  .navbar-hc {
    overflow: hidden !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding-top: 1.35rem !important;
    padding-left: 1.1rem !important;
    padding-right: 1.1rem !important;
    padding-bottom: 0 !important;
    /* Scenic motorhome fills panel; solid fallback if image delayed */
    background: #0c1018 !important;
    background-image: none !important;
    background-color: #0c1018 !important;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.22), 1px 0 0 rgba(0, 176, 253, 0.12) !important;
    border-right: none !important;
    position: fixed !important; /* must stay fixed — relative pushed main ~813px down */
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    /* fixed is still a containing block for absolute .sidebar-scenic */
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.14) transparent;
  }

  .navbar-hc::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    /* Light top sheen only — readability veil lives on .sidebar-scenic__veil */
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.03) 0%,
      transparent 22%,
      transparent 100%
    ) !important;
  }

  /* Soft silver hairline edge — Audi/RR, not electric blue */
  .navbar-hc::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 1px !important;
    z-index: 3 !important;
    pointer-events: none !important;
    opacity: 1 !important;
    background: linear-gradient(
      180deg,
      transparent 0%,
      rgba(210, 214, 220, 0.18) 12%,
      rgba(210, 214, 220, 0.38) 50%,
      rgba(210, 214, 220, 0.18) 88%,
      transparent 100%
    ) !important;
  }

  .navbar-hc::-webkit-scrollbar { width: 3px; }
  .navbar-hc::-webkit-scrollbar-track {
    background: transparent;
    margin: 0.75rem 0;
  }
  .navbar-hc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 0;
    border: 1px solid transparent;
    background-clip: padding-box;
    min-height: 2rem;
  }
  .navbar-hc::-webkit-scrollbar-thumb:hover {
    background: rgba(58, 160, 255, 0.45);
    background-clip: padding-box;
  }
  .navbar-hc::-webkit-scrollbar-corner { background: transparent; }

  .navbar-hc > .container-fluid {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Brand — centred, with deliberate air before the first nav link.
     Baseline: 0.85rem logo-to-divider + 0.75rem divider-to-nav.
     Preview: 1.6rem + 1.5rem (24px extra overall at the 16px root). */
  .sidebar-brand-box {
    flex: 0 0 auto !important;
    margin-bottom: 1.5rem !important;
    padding: 0 0.1rem 1.6rem !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative;
  }
  .sidebar-brand-box::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 2.25rem;
    height: 1px;
    transform: translateX(-50%);
    background: rgba(210, 214, 220, 0.55);
  }
  .sidebar-logo,
  .navbar-hc .sidebar-logo {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 128px) !important;
    height: auto !important;
    max-height: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center top !important;
    aspect-ratio: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  .sidebar-logo:hover,
  .navbar-hc .sidebar-logo:hover {
    filter: none !important;
    transform: none !important;
  }
  .sidebar-brand-box .sidebar-title,
  .sidebar-brand-box .sidebar-subtitle,
  .sidebar-subtitle {
    display: none !important;
  }

  .navbar-hc .navbar-collapse {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* Elegant nav — no icons, no pills, tracked type */
  .navbar-hc .navbar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin-bottom: 0 !important;
    padding: 0.55rem 0 0.25rem !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .navbar-hc .navbar-nav .nav-item {
    margin: 0 !important;
  }
  .navbar-hc .navbar-nav .nav-link {
    font-size: 0.68rem !important;
    padding: 0.42rem 0.15rem 0.42rem 0.75rem !important;
    border-radius: 0 !important;
    white-space: normal !important;
    line-height: 1.3 !important;
    color: rgba(245, 247, 250, 0.78) !important;
    font-weight: 500 !important;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    border-left: 1px solid transparent;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    transition: color 0.18s ease, border-color 0.18s ease;
  }
  /* Hide Habitation-style nav icons — corporate wordmarks only */
  .navbar-hc .navbar-nav .nav-link i {
    display: none !important;
  }
  .navbar-hc .navbar-nav .nav-link:hover,
  .navbar-hc .navbar-nav .nav-link:focus {
    background: transparent !important;
    color: #ffffff !important;
    border-left-color: rgba(255, 255, 255, 0.22);
  }

  .navbar-hc .nav-link.active,
  .navbar-hc .navbar-nav .nav-link.active {
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-left: 1px solid rgba(210, 214, 220, 0.75);
    font-weight: 600 !important;
  }
  .navbar-hc .nav-link.active:hover,
  .navbar-hc .navbar-nav .nav-link.active:hover {
    filter: none;
    background: transparent !important;
    color: #ffffff !important;
  }

  /* Footer CTAs — PINNED quiet stack (Chelsea snip), always visible laptop */
  .navbar-hc .sidebar-footer,
  .sidebar-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 0.85rem 1rem !important;
    margin: 0 !important;
    margin-top: auto !important;
    z-index: 1040 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    max-height: none !important;
    overflow: hidden !important;
    text-align: left !important;
    border-top: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .sidebar-dual-book {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    visibility: visible !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
  }
  .sidebar-dual-book .btn-sidebar-phone,
  .sidebar-dual-book .btn-book,
  .sidebar-dual-book .btn-book-service,
  .sidebar-footer .btn-sidebar-phone,
  .sidebar-footer .btn-book,
  .sidebar-footer .btn-book-service {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0.88rem 0.2rem !important;
    font-size: 0.66rem !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    font-weight: 550 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-top: none !important;
    box-shadow: none !important;
    color: rgba(245, 247, 250, 0.9) !important;
    position: relative !important;
  }
  /* Hairline dividers between CALL / COMING SOON / ENQUIRE */
  .sidebar-dual-book > a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  }
  .sidebar-footer .sidebar-book-micro,
  .sidebar-footer .sidebar-refund,
  .sidebar-footer .sidebar-loc-note {
    display: none !important;
  }

  /* Soft blue underline under COMING SOON only */
  .sidebar-footer .btn-book {
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    color: rgba(245, 247, 250, 0.92) !important;
    box-shadow: none !important;
  }
  .sidebar-footer .btn-book::after {
    content: none !important;
    display: none !important;
  }
  .sidebar-footer .btn-book i {
    color: #3A7EC8 !important;
    margin-right: 0 !important;
    font-size: 0.95rem !important;
  }
  .sidebar-footer .btn-book:hover,
  .sidebar-footer .btn-book:focus,
  .sidebar-footer .btn-book:focus-visible {
    color: #ffffff !important;
    background: rgba(201, 162, 39, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.55) !important;
    transform: translateY(-1px) !important;
    filter: none;
  }

  .sidebar-footer .btn-book-service {
    color: rgba(245, 247, 250, 0.9) !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 550 !important;
  }
  .sidebar-footer .btn-book-service i {
    color: #3A7EC8 !important;
    margin-right: 0 !important;
    font-size: 0.95rem !important;
  }
  .sidebar-footer .btn-book-service:hover,
  .sidebar-footer .btn-book-service:focus,
  .sidebar-footer .btn-book-service:focus-visible {
    color: #ffffff !important;
    background: rgba(201, 162, 39, 0.08) !important;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.55) !important;
    transform: translateY(-1px) !important;
    filter: none;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --hc-sidebar-width: 200px;
    --hc-sidebar-min-width: 200px;
  }
}

/* Mobile logo on dark ground */
.mobile-logo-header {
  background: transparent !important;
  background-color: #14181f !important;
  border-bottom: 1px solid rgba(210, 214, 220, 0.22);
}
.mobile-logo-header a {
  width: min(88vw, 260px) !important;
  max-width: 260px !important;
}
.mobile-logo-header img {
  width: 100% !important;
  max-width: 260px !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Mobile top bar — quiet dark */
@media (max-width: 991.98px) {
  .navbar-hc {
    background: transparent !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: none !important;
  }
  .navbar-hc::before,
  .navbar-hc::after {
    display: none !important;
    content: none !important;
  }
  .navbar-hc .navbar-brand,
  .navbar-hc .nav-link {
    color: rgba(245, 247, 250, 0.82) !important;
    letter-spacing: 0.06em;
  }
  .navbar-hc .nav-link.active {
    background: transparent !important;
    color: #fff !important;
    border-left: 1px solid rgba(210, 214, 220, 0.75);
  }
  .navbar-hc .navbar-collapse {
    background: transparent !important;
  }
  .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.22) !important;
    border-radius: 0 !important;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
  }
  .btn-sidebar-phone,
  .sidebar-footer .btn-book,
  .sidebar-footer .btn-book-service {
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

.site-footer img[alt="Albyn MOT logo"] {
  width: auto !important;
  height: 40px !important;
  max-height: 40px !important;
  max-width: 140px !important;
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Desktop portal cluster — quieter corporate chrome */
.portal-login-cluster--desktop .btn-portal-login {
  /* resting/hover owned by corporate mcl96 Contact-parity */
}
.portal-login-cluster--desktop .btn-portal-login:hover {
  /* deferred to corporate mcl95 cyan depth hover */
}
.portal-login-cluster--desktop .btn-book {
  border-radius: 0 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: 1px solid rgba(58, 160, 255, 0.55) !important;
  color: rgba(245, 247, 250, 0.92) !important;
  box-shadow: none !important;
  padding: 0.4rem 0.7rem !important;
}
.portal-login-cluster--desktop .btn-book:hover {
  background: rgba(30, 111, 255, 0.12) !important;
  border-color: #3AA0FF !important;
  color: #fff !important;
}


/* Reinforced quiet CTAs — defeat any .btn-book card fills; always visible */
@media (min-width: 992px) {
  .navbar-hc .sidebar-footer .btn-book,
  .navbar-hc .sidebar-dual-book .btn-book,
  .navbar-hc .sidebar-footer .btn-book-service,
  .navbar-hc .sidebar-dual-book .btn-book-service,
  .navbar-hc .sidebar-footer .btn-sidebar-phone,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone {
    background: transparent !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: rgba(245, 247, 250, 0.9) !important;
    font-size: 0.66rem !important;
    font-weight: 550 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    min-height: 0 !important;
    padding: 0.88rem 0.2rem !important;
    justify-content: flex-start !important;
  }
  .navbar-hc .sidebar-footer .btn-book i,
  .navbar-hc .sidebar-dual-book .btn-book i,
  .navbar-hc .sidebar-footer .btn-book-service i,
  .navbar-hc .sidebar-dual-book .btn-book-service i,
  .navbar-hc .sidebar-footer .btn-sidebar-phone i,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone i {
    color: #3A7EC8 !important;
  }
  .navbar-hc .sidebar-dual-book > a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  }
}

/* Laptop widths 1280–1440: keep CTAs pinned & unclipped */
@media (min-width: 992px) and (max-width: 1600px) {
  .navbar-hc {
    overflow: hidden !important;
  }
  .navbar-hc > .container-fluid {
    overflow: hidden !important;
  }
  .navbar-hc .navbar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    max-height: none !important;
  }
  .navbar-hc .sidebar-footer,
  .sidebar-footer {
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: visible !important;
    z-index: 1050 !important;
  }
}


/* ---- Sidebar scenic — FULL-PANEL motorhome backdrop under entire sidebar ---- */
@media (min-width: 992px) {
  /* Absolute full bleed behind logo / nav / CTAs (not a flex strip) */
  .sidebar-scenic {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    align-self: auto !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
  .sidebar-scenic__frame {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #0c1018 !important;
    box-shadow: none !important;
  }
  .sidebar-scenic__frame picture {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
  .sidebar-scenic__img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: 50% 42% !important;
    border: 0 !important;
  }
  /* Dark navy/black veil — keeps white/grey nav + CTAs readable over motorhome */
  .sidebar-scenic__veil {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        180deg,
        rgba(6, 10, 18, 0.92) 0%,
        rgba(8, 12, 20, 0.82) 12%,
        rgba(10, 14, 22, 0.68) 28%,
        rgba(10, 14, 22, 0.58) 48%,
        rgba(8, 12, 20, 0.70) 70%,
        rgba(6, 8, 14, 0.90) 100%
      ),
      radial-gradient(
        ellipse 130% 95% at 50% 42%,
        rgba(8, 12, 20, 0.22) 0%,
        rgba(4, 6, 12, 0.62) 100%
      ) !important;
  }
  /* Subtle cyan→gold edge depth so the panel pops softly */
  .sidebar-scenic__edge {
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: 0 !important;
    box-shadow:
      inset 0 1px 0 rgba(0, 176, 253, 0.16),
      inset 0 -1px 0 rgba(201, 162, 39, 0.12),
      inset 1px 0 0 rgba(210, 214, 220, 0.05),
      inset -1px 0 0 rgba(0, 176, 253, 0.14) !important;
    background: linear-gradient(
      105deg,
      rgba(0, 176, 253, 0.06) 0%,
      transparent 26%,
      transparent 74%,
      rgba(201, 162, 39, 0.05) 100%
    ) !important;
  }

  /* Content column sits above scenic */
  .navbar-hc > .container-fluid {
    position: relative !important;
    z-index: 2 !important;
  }

  /* CTAs pinned again — scenic no longer absorbs flex height */
  .navbar-hc .sidebar-footer,
  .sidebar-footer {
    margin-top: auto !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 991.98px) {
  .sidebar-scenic { display: none !important; }
}

/* ============================================================================
   mcl5s — SUBTLE sidebar CTAs (LOCAL PREVIEW ONLY)
   Chelsea rejected mcl5m/mcl5r chunky solid cards/blocks.
   Restore quiet corporate stack: transparent · tracked uppercase · hairlines ·
   blue line icons · soft lift + gold-edge hover (NOT white/blue solid pills).
   ============================================================================ */
@media (min-width: 992px) {
  .navbar-hc .sidebar-footer,
  .sidebar-footer {
    position: relative !important;
    z-index: 1060 !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    margin-top: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border-top: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .navbar-hc .sidebar-dual-book,
  .sidebar-footer .sidebar-dual-book {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding-top: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .navbar-hc .sidebar-dual-book > a + a {
    border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  }

  .navbar-hc .sidebar-footer .btn-sidebar-phone,
  .navbar-hc .sidebar-footer .btn-book,
  .navbar-hc .sidebar-footer .btn-book-service,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone,
  .navbar-hc .sidebar-dual-book .btn-book,
  .navbar-hc .sidebar-dual-book .btn-book-service {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.88rem 0.2rem !important;
    border-radius: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    font-size: 0.66rem !important;
    font-weight: 550 !important;
    letter-spacing: 0.18em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
    color: rgba(245, 247, 250, 0.9) !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    transition: color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
  }

  .navbar-hc .sidebar-footer .btn-book,
  .navbar-hc .sidebar-dual-book .btn-book {
    background: transparent !important;
    background-image: none !important;
    color: rgba(245, 247, 250, 0.92) !important;
    box-shadow: none !important;
  }
  .navbar-hc .sidebar-footer .btn-book::after,
  .navbar-hc .sidebar-dual-book .btn-book::after,
  .sidebar-footer .btn-book::after {
    content: none !important;
    display: none !important;
  }

  .navbar-hc .sidebar-footer .btn-sidebar-phone:hover,
  .navbar-hc .sidebar-footer .btn-sidebar-phone:focus,
  .navbar-hc .sidebar-footer .btn-sidebar-phone:focus-visible,
  .navbar-hc .sidebar-footer .btn-sidebar-phone:active,
  .navbar-hc .sidebar-footer .btn-book:hover,
  .navbar-hc .sidebar-footer .btn-book:focus,
  .navbar-hc .sidebar-footer .btn-book:focus-visible,
  .navbar-hc .sidebar-footer .btn-book:active,
  .navbar-hc .sidebar-footer .btn-book-service:hover,
  .navbar-hc .sidebar-footer .btn-book-service:focus,
  .navbar-hc .sidebar-footer .btn-book-service:focus-visible,
  .navbar-hc .sidebar-footer .btn-book-service:active,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone:hover,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone:focus,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone:focus-visible,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone:active,
  .navbar-hc .sidebar-dual-book .btn-book:hover,
  .navbar-hc .sidebar-dual-book .btn-book:focus,
  .navbar-hc .sidebar-dual-book .btn-book:focus-visible,
  .navbar-hc .sidebar-dual-book .btn-book:active,
  .navbar-hc .sidebar-dual-book .btn-book-service:hover,
  .navbar-hc .sidebar-dual-book .btn-book-service:focus,
  .navbar-hc .sidebar-dual-book .btn-book-service:focus-visible,
  .navbar-hc .sidebar-dual-book .btn-book-service:active {
    color: #ffffff !important;
    background: rgba(201, 162, 39, 0.08) !important;
    background-image: none !important;
    border: none !important;
    box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.55) !important;
    transform: translateY(-1px) !important;
    filter: none !important;
  }

  .navbar-hc .sidebar-footer .btn-sidebar-phone i,
  .navbar-hc .sidebar-dual-book .btn-sidebar-phone i,
  .navbar-hc .sidebar-footer .btn-book i,
  .navbar-hc .sidebar-dual-book .btn-book i,
  .navbar-hc .sidebar-footer .btn-book-service i,
  .navbar-hc .sidebar-dual-book .btn-book-service i {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
    color: #3A7EC8 !important;
    font-size: 0.95rem !important;
    font-weight: 300 !important;
    opacity: 0.95 !important;
  }
  .navbar-hc .sidebar-footer .btn-sidebar-phone:hover i,
  .navbar-hc .sidebar-footer .btn-sidebar-phone:focus i,
  .navbar-hc .sidebar-footer .btn-sidebar-phone:active i,
  .navbar-hc .sidebar-footer .btn-book:hover i,
  .navbar-hc .sidebar-footer .btn-book:focus i,
  .navbar-hc .sidebar-footer .btn-book:active i,
  .navbar-hc .sidebar-footer .btn-book-service:hover i,
  .navbar-hc .sidebar-footer .btn-book-service:focus i,
  .navbar-hc .sidebar-footer .btn-book-service:active i,
  .navbar-hc .sidebar-dual-book > a:hover i,
  .navbar-hc .sidebar-dual-book > a:focus i,
  .navbar-hc .sidebar-dual-book > a:active i {
    color: #e2bd47 !important;
  }

  .sidebar-scenic,
  .sidebar-scenic__veil,
  .sidebar-scenic__edge,
  .navbar-hc::before,
  .navbar-hc::after {
    pointer-events: none !important;
  }
  .navbar-hc > .container-fluid {
    z-index: 2 !important;
    overflow: hidden !important;
  }
  .navbar-hc .navbar-nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
  }
}

/* mcl91 — hairlines AFTER border:none so they are not wiped */
@media (min-width: 992px) {
  .navbar-hc .sidebar-dual-book > a.btn + a.btn,
  .sidebar-dual-book > a.btn + a.btn {
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.06),
      0 -1px 0 rgba(0, 0, 0, 0.25) !important;
  }
}