/* NILA v21.56 Mobile CTA Colour Refinement */
:root{
  --v56-ink:#071b31;
  --v56-green:#075f3c;
  --v56-teal:#007f78;
  --v56-blue:#176fc2;
  --v56-mint:#e9fbf6;
  --v56-bluewash:#f3f8ff;
  --v56-line:rgba(7,27,49,.12);
  --v56-muted:#52677f;
}

/* Keep colour, but remove harsh yellow. Keep the pin/location affordance. */
@media(max-width:780px){
  body.page-home .v50-mobile-cta,
  body[data-nila-page="index"] .v50-mobile-cta{
    background:
      radial-gradient(circle at 0% 0%, rgba(0,127,120,.11), transparent 30%),
      radial-gradient(circle at 100% 100%, rgba(23,111,194,.10), transparent 34%),
      #ffffff!important;
    border:1px solid rgba(7,27,49,.10)!important;
    box-shadow:0 22px 60px rgba(7,27,49,.12)!important;
  }

  body.page-home .v50-field,
  body[data-nila-page="index"] .v50-field{
    background:linear-gradient(135deg,#ffffff,var(--v56-bluewash))!important;
    border:1px solid rgba(23,111,194,.14)!important;
  }

  body.page-home .v50-field:focus-within,
  body[data-nila-page="index"] .v50-field:focus-within{
    border-color:rgba(0,127,120,.42)!important;
    box-shadow:0 0 0 4px rgba(0,127,120,.08)!important;
  }

  body.page-home .v50-use-location,
  body[data-nila-page="index"] .v50-use-location{
    background:linear-gradient(135deg,#dff8ef,#edf9ff)!important;
    color:var(--v56-green)!important;
    border:1px solid rgba(0,127,120,.24)!important;
    box-shadow:0 14px 30px rgba(0,127,120,.12)!important;
  }

  body.page-home .v50-use-location::before,
  body[data-nila-page="index"] .v50-use-location::before{
    content:"📍";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    margin-right:8px;
    border-radius:999px;
    background:#ffffff;
    box-shadow:0 8px 18px rgba(7,27,49,.10);
    font-size:15px;
  }

  body.page-home .v50-find-help,
  body[data-nila-page="index"] .v50-find-help{
    background:linear-gradient(135deg,var(--v56-green),#064f46 58%,var(--v56-ink))!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 16px 34px rgba(7,95,60,.22)!important;
  }

  body.page-home .v50-find-help::after,
  body[data-nila-page="index"] .v50-find-help::after{
    content:" →";
    margin-left:4px;
  }
}