/* ALTERRA contact channels v5. Isolated from approved blocks. */
.acv5-contact-link {
  display: inline-flex; align-items:center; justify-content:center; gap:.55em;
  min-height:48px; padding:12px 21px; border:1px solid rgba(76,219,238,.82);
  border-radius:16px; background:linear-gradient(125deg,rgba(10,58,76,.97),rgba(5,31,47,.97));
  color:#d8fbff; font:700 15px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;
  text-decoration:none; text-align:center; box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.acv5-contact-link:hover {background:#124963;color:#fff;border-color:#7aeeff;transform:translateY(-1px)}
.acv5-contact-link:focus-visible {outline:3px solid #7aeeff;outline-offset:3px}
.acv5-contact-link svg {width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acv5-homebar {padding:22px 14px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; position:relative; z-index:2;}
.acv5-homebar .acv5-contact-link {min-width:175px}
.acv5-in-slot {white-space:normal; flex:0 1 auto; max-width:100%}
/* Existing buttons keep all their approved sizes, styles and behavior. */
@media(max-width:600px) {
  .acv5-homebar {padding:16px 12px;gap:10px}
  .acv5-homebar .acv5-contact-link {flex:1 1 150px; min-width:0}
  .bp-contact-actions .acv5-in-slot,
  .fr-booking-actions .acv5-in-slot,
  .co-actions .acv5-in-slot,
  .dv-actions .acv5-in-slot,
  .pg-booking-actions .acv5-in-slot {width:100%;}
  .m8-actions .acv5-in-slot {width:100%;}
}
@media(prefers-reduced-motion:reduce){.acv5-contact-link{transition:none}.acv5-contact-link:hover{transform:none}}


/* Homepage final CTA: keep replacement label centered over the approved artwork. */
.faq8-contact.acv5-max-converted {
  position: relative;
}
.faq8-contact.acv5-max-converted .faq8-contact-label {
  white-space: nowrap;
}

/* v8: native link + opaque surface for the artwork-baked homepage CTA.
   The CTA image contains an old label, so the clickable link must cover it.
   No JS is needed for this particular anchor; the real MAX URL is in HTML. */
.faq8-v11 .faq8-main .faq8-contact.acv5-max-static {
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:30;
  pointer-events:auto;
  cursor:pointer;
  background:linear-gradient(180deg,#071e31 0%,#041321 100%);
  border:1px solid rgba(59,213,245,.82);
  color:#e5f8ff;
}
.faq8-v11 .faq8-main .faq8-contact.acv5-max-static .faq8-contact-label {
  position:static;
  display:block;
  z-index:auto;
  left:auto;
  top:auto;
  transform:none;
  min-width:0;
  min-height:0;
  padding:0 4px;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-size:clamp(12px,1.22vw,18px);
  font-weight:700;
  line-height:1.25;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
}