/* Park Eden click-to-call button. Separate from the existing site CSS by design.
 *
 * Matches the Park Titan treatment: a gold pill at bottom-left showing the
 * number, collapsing to a round icon on phones so it cannot cover copy.
 *
 * Three Eden-specific placement rules:
 *  - bottom-LEFT, because the WhatsApp button already holds bottom-right
 *  - z-index 90 keeps it under the enquiry popup (99999) and the sticky
 *    enquiry bar (9999), so an open dialog is never obscured
 *  - lifted to 66px on phones, clearing the full-width enquiry bar that
 *    .sticky-enquiry-btn becomes below 768px
 */
.call-fab {
  position: fixed; left: 20px; bottom: 20px; z-index: 90;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 20px 12px 14px; border-radius: 999px;
  background: var(--golden, #c6aa5f); color: #fff; text-decoration: none;
  font-size: 15px; font-weight: 700;
  letter-spacing: .04em; white-space: nowrap;
  box-shadow: 0 8px 24px rgba(31, 31, 31, .28);
  transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
}

.call-fab:hover,
.call-fab:focus {
  background: var(--purple, #652d90); color: #fff; text-decoration: none;
  transform: translateY(-2px); box-shadow: 0 12px 28px rgba(31, 31, 31, .34);
}

.call-fab:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

.call-fab__icon { display: grid; place-items: center; width: 22px; height: 22px; flex: none; }
.call-fab__icon svg { width: 100%; height: 100%; display: block; }

/* Phones: collapse to a round icon, and lift clear of the enquiry bar.
   Same tel: link, so a tap still opens the dialler. */
@media (max-width: 768px) {
  .call-fab {
    left: 16px; bottom: 66px;
    padding: 0; width: 54px; height: 54px;
    justify-content: center; gap: 0;
  }
  .call-fab__num { display: none; }
  .call-fab__icon { width: 24px; height: 24px; }
}

@media (prefers-reduced-motion: reduce) {
  .call-fab, .call-fab:hover { transition: none; transform: none; }
}