/* Vita Medella: narrow-screen readability; desktop unchanged. */
@media (max-width: 600px) {
 body { min-width: 0 !important; }
 body #wrapper #main .fusion-title h1 { font-size: clamp(30px, 8vw, 40px) !important; line-height: 1.15 !important; letter-spacing: 0 !important; }
 body #wrapper #main .fusion-title h2, body #wrapper #main .content-box-heading { font-size: 26px !important; line-height: 1.2 !important; }
 #main .fusion-button { max-width: 100%; box-sizing: border-box; white-space: normal; }
 #main .fusion-button-text { overflow-wrap: anywhere; }
 body #wrapper .fusion-mobile-nav-holder .fusion-mobile-selector, body #wrapper .fusion-mobile-selector, body #wrapper .fusion-mobile-selector .fusion-icon-bars { color: #ffffff !important; }
}
/* Vita Medella: narrow-screen readability; desktop unchanged. */
@media (max-width: 600px) {
 body { min-width: 0; }
 #main .fusion-title h1 { font-size: clamp(30px, 8vw, 40px) !important; line-height: 1.15 !important; letter-spacing: 0 !important; }
 #main .fusion-title h2, #main .content-box-heading { font-size: 26px !important; line-height: 1.2 !important; }
 #main .fusion-button { max-width: 100%; box-sizing: border-box; white-space: normal; }
 #main .fusion-button-text { overflow-wrap: anywhere; }
 .fusion-mobile-selector, .fusion-mobile-selector .fusion-icon-bars { color: #ffffff !important; }
}

/* Vita Medella mobile menu repair 2026-10-14 */
.fusion-mobile-nav-holder a, .fusion-mobile-nav-holder a .menu-text { color: #ffffff !important; }
.fusion-mobile-nav-holder a:hover, .fusion-mobile-nav-holder a:focus { background-color: #1c6582 !important; color: #ffffff !important; }
.fusion-mobile-nav-holder a:focus-visible { outline: 2px solid #ffffff; outline-offset: -3px; }

/* Batch 2026-10-17.1: existing homepage buyer-question links only.
   Paste into the EXISTING site's Custom CSS after staging review.
   Native anchors remain in the server-rendered HTML; no JavaScript required. */
#post-8 :is(#lane-family, #lane-cruises, #lane-groups, #lane-mission) a.fusion-button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  padding: 12px 16px !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  font-size: 18px !important;
  line-height: 1.45 !important;
  text-align: left !important;
}
#post-8 :is(#lane-family, #lane-cruises, #lane-groups, #lane-mission) a.fusion-button .fusion-button-text {
  white-space: normal;
  overflow-wrap: anywhere;
}
#post-8 :is(#lane-family, #lane-cruises, #lane-groups, #lane-mission) a.fusion-button:focus-visible {
  outline: 3px solid #0b6285;
  outline-offset: 3px;
}
/* Existing Avada four-column desktop layout and mobile stacking are retained.
   This file does not claim to resolve unrelated hero or comparison layout defects. */

/* First-batch preview correction: retain stacked rows within this audience section. */
#post-8 .fusion-fullwidth:has(#lane-family) {
  flex-direction: column;
}
#post-8 .fusion-fullwidth:has(#lane-family) > .fusion-builder-row {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
}
/* Keep question hover/focus/active states pale blue, never the inherited dark gradient. */
#post-8 :is(#lane-family, #lane-cruises, #lane-groups, #lane-mission) a.fusion-button:is(:hover, :focus, :active) {
  background: #eaf6fd !important;
  color: #0b6285 !important;
}
#post-8 :is(#lane-family, #lane-cruises, #lane-groups, #lane-mission) a.fusion-button:is(:hover, :focus, :active) .fusion-button-text {
  color: #0b6285 !important;
}