/* Divider-free preview. Component outlines such as cards, buttons, and fields remain intact. */
.divider,
.divider-left,
.plan-divider {
  visibility: hidden !important;
  background: none !important;
}

#site-nav,
.nav-links,
footer,
.spec,
.day,
#included .item,
.faq-item,
.includes-list,
.includes-list li,
.copy-text,
.hotel-desc,
.experience-item,
.terms-toggle-row {
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* Keep navigation translucency uniform: one glass surface on desktop, one matching panel on mobile. */
#site-nav {
  background: rgba(13,13,13,0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#site-nav .nav-links {
  background: rgba(13,13,13,0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

@media (min-width: 900px) {
  #site-nav .nav-links {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Cleo master pages use Espresso glass instead of neutral black. */
body.master-site #site-nav,
body.master-site #site-nav .nav-links {
  background: rgba(60,49,45,0.9) !important;
}

body.master-site #site-nav .nav-logo-text,
body.master-site #site-nav .nav-toggle { color: #B59458; }
body.master-site #site-nav .nav-toggle { border: 1px solid #B59458; }
body.master-site #site-nav .nav-links a { color: rgba(247,243,238,0.78); }

/* Keep navigation feedback consistent across every page palette. */
#site-nav .nav-links a:hover,
#site-nav .nav-links a:focus-visible,
#site-nav .nav-links a.active {
  color: #B59458 !important;
}

@media (min-width: 900px) {
  body.master-site #site-nav .nav-links { background: transparent !important; }
}