/* Contact pairs inherit the existing call button's colour, type and spacing. */
.contact-pair{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:100%;vertical-align:middle}
/* The call button determines both equal tracks; the longer label wraps inside. */
.contact-pair>[data-whatsapp]{contain:size;min-width:0;white-space:normal;text-align:center}
.btn>.whatsapp-label,.text-link>.whatsapp-label{font:inherit;letter-spacing:inherit;min-width:0;text-wrap:balance}
.whatsapp-phrase{white-space:nowrap}
.contact-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px}
.contact-actions[data-added-contact]{margin-top:26px}
.contact-actions .btn{max-width:100%}
.enquiry-intro .contact-actions .btn{font-size:12px;min-height:54px;padding:15px 19px;gap:10px}
.big-cta .contact-actions{margin-top:28px}
.big-cta .contact-actions .btn{margin-top:0}
.footer-contact-pair{margin-top:10px}
.footer-contact-pair .contact-pair{display:grid;width:100%}
.footer-grid .footer-contact-pair .text-link{margin:0;font-size:13px;line-height:1.65;gap:13px}
.footer-contact-pair [data-whatsapp]{justify-content:center}
@media(max-width:700px){
  .contact-pair{width:100%}
  .clearance-actions>.contact-pair>.btn{min-width:0;padding-inline:12px;gap:9px;font-size:12px}
  .contact-actions>.btn{flex:1 1 155px}
  .footer-grid .footer-contact-pair .text-link{font-size:14px}
  .mobile-bottom.has-whatsapp{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-inline:10px}
  .mobile-bottom.has-whatsapp>.contact-pair{grid-column:span 2;gap:7px}
  .mobile-bottom.has-whatsapp .btn{min-width:0;min-height:58px;padding:7px 5px;font-size:11px;line-height:1.35;gap:5px;flex-direction:column;text-align:center}
  .mobile-bottom.has-whatsapp .btn>span[aria-hidden]{display:none}
  .mobile-bottom.has-whatsapp .btn>.whatsapp-label{font:inherit;letter-spacing:inherit}
  .mobile-bottom.has-whatsapp .btn svg{width:18px;height:18px}
  body:has(.mobile-bottom.has-whatsapp){padding-bottom:calc(83px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.mobile-bottom.has-whatsapp .whatsapp-phrase{white-space:normal}}
@media(prefers-reduced-motion:reduce){.btn.btn-whatsapp{transition:none}.btn.btn-whatsapp:hover{transform:none}}

/* Interaction feedback is limited to the three homepage hero CTAs. */
.clearance-hero .clearance-actions .btn{
  cursor:pointer;
  transition:background-color 200ms ease,border-color 200ms ease,color 200ms ease,box-shadow 200ms ease,transform 200ms cubic-bezier(.2,.65,.3,1);
}
.clearance-hero .clearance-actions .btn>svg,
.clearance-hero .clearance-actions .btn>span[aria-hidden]{transition:transform 200ms ease}
.clearance-hero .clearance-actions .btn:focus-visible{
  outline:2px solid #f4eadb;
  outline-offset:4px;
  box-shadow:0 0 0 7px #101f2cd9;
}
@media(hover:hover) and (pointer:fine){
  .clearance-hero .clearance-actions .btn:hover{
    transform:translateY(-3px) scale(1.03);
    box-shadow:0 14px 28px #06121e66,0 4px 10px #06121e40;
  }
  .clearance-hero .clearance-actions .btn-primary:hover{background:#1b4057;border-color:#d7c3a5;color:#fff}
  .clearance-hero .clearance-actions .btn-glass:hover{background:#f4eadb;border-color:#fff;color:#122b3e}
  .clearance-hero .clearance-actions .btn:hover>svg{transform:translateY(-2px)}
  .clearance-hero .clearance-actions .btn:hover>span[aria-hidden]{transform:translate(3px,-1px)}
}
/* Prevent lingering mouse-hover styles on touchscreens. */
@media(hover:none),(pointer:coarse){
  .clearance-hero .clearance-actions .btn:hover{transform:none;box-shadow:none}
  .clearance-hero .clearance-actions .btn-primary:hover{background:#e7ded0;border-color:transparent;color:#122b3e}
  .clearance-hero .clearance-actions .btn-glass:hover{background:transparent;border-color:#8a979f;color:#fff}
}
.clearance-hero .clearance-actions .btn:active{
  transform:translateY(0) scale(.975);
  box-shadow:0 3px 8px #06121e40,inset 0 1px 3px #06121e26;
  transition-duration:70ms;
}
.clearance-hero .clearance-actions .btn-primary:active{background:#0d2435;border-color:#beaa8b;color:#fff}
.clearance-hero .clearance-actions .btn-glass:active{background:#d8c9b2;border-color:#f4eadb;color:#122b3e}
.clearance-hero .clearance-actions .btn:active>svg,
.clearance-hero .clearance-actions .btn:active>span[aria-hidden]{transform:none;transition-duration:70ms}
@media(prefers-reduced-motion:reduce){
  .clearance-hero .clearance-actions .btn,
  .clearance-hero .clearance-actions .btn>svg,
  .clearance-hero .clearance-actions .btn>span[aria-hidden]{transition:none}
  .clearance-hero .clearance-actions .btn:hover,
  .clearance-hero .clearance-actions .btn:active,
  .clearance-hero .clearance-actions .btn:hover>svg,
  .clearance-hero .clearance-actions .btn:hover>span[aria-hidden]{transform:none}
}

/* Only the 404 action pair and enquiry delivery state. */
.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
#enquiry button:disabled{cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}
#form-delivery-status{overflow-wrap:anywhere}

.email-link{overflow-wrap:anywhere}