/* Preview-only WhatsApp hierarchy */

/* Keep the floating action as the only bright WhatsApp control. */
a.floating-wa[href*="wa.me/447344145197"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .7rem 1rem !important;
  border: 1px solid #25d366 !important;
  border-radius: 999px !important;
  background: #25d366 !important;
  color: #fff !important;
  font-size: .9rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(37, 211, 102, .18) !important;
}

a.floating-wa[href*="wa.me/447344145197"]:hover,
a.floating-wa[href*="wa.me/447344145197"]:focus {
  background: #1fbd5b !important;
  border-color: #1fbd5b !important;
  color: #fff !important;
}

/* Remove the duplicate WhatsApp action underneath quote forms. */
.booking-form .form-actions a[href*="wa.me/447344145197"] {
  display: none !important;
}

/* Other WhatsApp references become restrained text links. */
a[href*="wa.me/447344145197"]:not(.floating-wa) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0c5a45 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 4px !important;
  box-shadow: none !important;
  transform: none !important;
}

a[href*="wa.me/447344145197"]:not(.floating-wa):hover,
a[href*="wa.me/447344145197"]:not(.floating-wa):focus {
  color: #0f7458 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* On dark hero/CTA backgrounds, retain a quiet outline treatment. */
.hero .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa),
.cta-band .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa),
.section-dark .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa) {
  justify-content: center !important;
  min-height: 48px !important;
  padding: .82rem 1.15rem !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  border-radius: 999px !important;
  color: #fff !important;
  text-decoration: none !important;
}

.hero .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa):hover,
.cta-band .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa):hover,
.section-dark .btn-row a[href*="wa.me/447344145197"]:not(.floating-wa):hover {
  background: rgba(255, 255, 255, .10) !important;
  color: #fff !important;
}

@media (max-width: 680px) {
  a.floating-wa[href*="wa.me/447344145197"] {
    right: .75rem !important;
    bottom: .75rem !important;
    min-height: 42px !important;
    padding: .65rem .9rem !important;
    font-size: .84rem !important;
  }
}
