/* ==== tbh-footer-cta ==== */

/* ============================================================
   FOOTER CTA — VISIBILITY & HIERARCHY (v2)
   v1 set flex:1 1 220px on the buttons. In the mobile column
   layout flex-basis governs HEIGHT, so they ballooned to 220px+
   and then grew. Sizing is now explicit per axis.
   Fixes the original bug: footer.fx a{color:#B9CCE4} outranked
   .fx-btn--primary{color:#00447f}, rendering Book Now at 1.6:1.
   ============================================================ */
.fx-cta-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  margin-top:20px !important;
}
footer.fx .fx-cta-actions a.fx-btn{
  min-height:52px !important;
  height:52px !important;
  padding:0 26px !important;
  border-radius:980px!important;
  font-family:'Manrope',system-ui,sans-serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  text-decoration:none !important;
  flex:0 1 auto !important;
  transition:transform .2s cubic-bezier(.16,1,.3,1),
             box-shadow .2s cubic-bezier(.16,1,.3,1),
             background .18s ease, border-color .18s ease !important;
}

/* ---------- 1. PRIMARY — Book Now ---------- */
footer.fx .fx-cta-actions a.fx-btn.fx-btn--primary{
  background:#FFFFFF !important;
  color:#00214E !important;              /* 15.8:1 on white */
  border:2px solid #FFFFFF !important;
  box-shadow:0 6px 18px -6px rgba(0,10,40,.5) !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--primary:hover{
  background:#FFFFFF !important; color:#00214E !important;
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px -8px rgba(0,10,40,.58) !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--primary:active{
  transform:translateY(0) scale(.99) !important;
}

/* ---------- 2. SECONDARY — Call reception ---------- */
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href^="tel:"]{
  background:transparent !important;
  color:#FFFFFF !important;
  border:2px solid #FFFFFF !important;
  box-shadow:none !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href^="tel:"]:hover{
  background:rgba(255,255,255,.14) !important;
  color:#FFFFFF !important; border-color:#FFFFFF !important;
  transform:translateY(-2px) !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href^="tel:"]:active{
  transform:translateY(0) scale(.99) !important;
}

/* ---------- 3. WHATSAPP ---------- */
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href*="wa.me"]{
  background:#075E54 !important;         /* official WhatsApp teal — 7.7:1 with white */
  color:#FFFFFF !important;
  border:2px solid #075E54 !important;
  box-shadow:0 6px 18px -8px rgba(0,40,30,.5) !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href*="wa.me"]::before{
  content:"" !important;
  width:18px; height:18px; flex:0 0 18px;
  background:#FFFFFF;
  -webkit-mask:var(--wa) center/contain no-repeat;
          mask:var(--wa) center/contain no-repeat;
  --wa:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 0 0 4.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.82 9.82 0 0 0 12.04 2zm0 18.15h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.19 8.19 0 0 1-1.26-4.38c0-4.54 3.7-8.23 8.25-8.23 2.2 0 4.27.86 5.83 2.41a8.18 8.18 0 0 1 2.41 5.83c0 4.54-3.7 8.23-8.24 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.16.24-.64.8-.78.97-.15.16-.29.18-.54.06-.25-.13-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.01-.38.11-.5.11-.11.25-.29.37-.44.13-.15.17-.25.25-.42.08-.16.04-.31-.02-.43-.06-.12-.56-1.35-.76-1.84-.2-.48-.4-.42-.56-.43h-.48c-.16 0-.43.06-.65.31-.22.25-.86.84-.86 2.05s.88 2.38 1 2.54c.12.16 1.73 2.64 4.19 3.7.59.25 1.04.4 1.4.52.59.19 1.12.16 1.54.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.06-.11-.22-.17-.47-.29z'/></svg>");
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href*="wa.me"]:hover{
  background:#0A7568 !important; border-color:#0A7568 !important;
  color:#FFFFFF !important; transform:translateY(-2px) !important;
}
footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href*="wa.me"]:active{
  transform:translateY(0) scale(.99) !important;
}

/* ---------- mobile: equal full-width rows, fixed height ---------- */
@media (max-width:640px){
  .fx-cta-actions{ flex-direction:column !important; gap:12px !important; align-items:stretch !important; }
  footer.fx .fx-cta-actions a.fx-btn,
  footer.fx .fx-cta-actions a.fx-btn.fx-btn--primary,
  footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href^="tel:"],
  footer.fx .fx-cta-actions a.fx-btn.fx-btn--ghost[href*="wa.me"]{
    flex:0 0 50px !important;
    width:100% !important;
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
    font-size:15.5px !important;
    padding:0 20px !important;
  }
}

/* legal links inherited footer a{font-size:.95rem} over .fx-legal's 12.5px */
footer.fx .fx-legal a{
  font-size:inherit !important;
  color:#C7D6EA !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}
footer.fx .fx-legal a:hover{ color:#FFFFFF !important; }

@media (prefers-reduced-motion:reduce){
  footer.fx .fx-cta-actions a.fx-btn{ transition:none !important; }
  footer.fx .fx-cta-actions a.fx-btn:hover{ transform:none !important; }
}

/* ==== tbh-contrast-fixes ==== */

/* ============================================================
   CONTRAST REMEDIATION — measured, not guessed
   Five WCAG AA failures found by scanning every rule that sets
   both colour and background across all 175 pages.
     .whatsapp-fab          1.98:1 -> 7.67:1
     .call-fab              2.99:1 -> 6.89:1
     #navMenu li a::after   3.04:1 -> 5.84:1
     ...:hover::after       2.03:1 -> 4.88:1
     .search-suggest:active 1.50:1 -> 11.85:1   (was invisible on press)
   Colour only. No geometry, layout or markup is touched.
   ============================================================ */
.whatsapp-fab{
  background:#075E54 !important;   /* official WhatsApp teal */
  color:#FFFFFF !important;
}
.whatsapp-fab:hover{ background:#0A7568 !important; }

.call-fab{
  background:#00646E !important;   /* darker step of the house teal */
  color:#FFFFFF !important;
}
.call-fab:hover{ background:#00545D !important; }

#navMenu li a::after{
  color:#005EB5 !important;        /* brand/primary */
}
#navMenu li a:hover::after,
#navMenu li a:active::after{
  background:#007D8A !important;
  color:#FFFFFF !important;
}

.search-suggest:active{
  background:#003087 !important;
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}