/* Haven Care public header contact actions — direct call plus contact-page access. */

body[data-page] .site-nav .nav-contact,
body[data-page] .site-nav .nav-call {
  white-space: nowrap;
}

body[data-page] .site-nav .nav-call {
  display: inline-flex;
  min-height: 44px;
  padding-inline: 14px;
  align-items: center;
  justify-content: center;
  gap: 0.38rem;
  color: #4f6e43;
  background: rgba(106, 139, 91, 0.08);
  border: 1px solid rgba(79, 110, 67, 0.45);
  border-radius: 6px;
  box-shadow: none;
}

body[data-page] .site-nav .nav-call::before {
  display: none;
}

body[data-page] .site-nav .nav-call:hover,
body[data-page] .site-nav .nav-call:focus-visible {
  color: #fff;
  background: #4f6e43;
  border-color: #4f6e43;
}

body[data-page] .site-nav .nav-contact:focus-visible,
body[data-page] .site-nav .nav-call:focus-visible {
  outline: 3px solid rgba(106, 139, 91, 0.32);
  outline-offset: 3px;
}

body[data-page] .site-nav .nav-call span {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1200px) {
  body[data-page] .site-nav .nav-call span {
    display: none;
  }
}

@media (max-width: 1000px) {
  body[data-page] .topbar .site-nav {
    flex-wrap: nowrap;
    gap: 8px;
  }

  body[data-page] .topbar .site-nav > a:not(.nav-account):not(.nav-contact):not(.nav-call) {
    display: none !important;
  }

  body[data-page] .topbar .site-nav > .nav-account,
  body[data-page] .topbar .site-nav > .nav-contact,
  body[data-page] .topbar .site-nav > .nav-call {
    display: inline-flex !important;
    min-height: 44px;
    padding-inline: 12px;
    align-items: center;
    justify-content: center;
  }

  body[data-page] .topbar .site-nav > .nav-call {
    color: #fff;
    background: #6a8b5b;
    border-color: #6a8b5b;
    box-shadow: 0 10px 24px rgba(20, 34, 59, 0.13);
  }
}

@media (max-width: 620px) {
  body[data-page] .topbar {
    min-height: 70px;
    flex-flow: row nowrap;
    align-items: center;
    gap: 10px;
  }

  body[data-page] .topbar .header-logo {
    width: min(154px, 42vw);
  }

  body[data-page] .topbar .site-nav {
    display: flex !important;
    width: auto !important;
    margin-left: auto;
    flex: 0 0 auto;
    grid-template-columns: none;
    gap: 6px;
  }

  body[data-page] .topbar .site-nav > .nav-account {
    display: none !important;
  }

  body[data-page] .topbar .site-nav > .nav-contact,
  body[data-page] .topbar .site-nav > .nav-call {
    min-height: 42px;
    padding-inline: 11px;
    font-size: 0.62rem;
    letter-spacing: 0.07em;
  }
}

@media (max-width: 360px) {
  body[data-page] .topbar {
    gap: 7px;
  }

  body[data-page] .topbar .header-logo {
    width: min(132px, 39vw);
  }

  body[data-page] .topbar .site-nav > .nav-contact,
  body[data-page] .topbar .site-nav > .nav-call {
    min-height: 40px;
    padding-inline: 9px;
    font-size: 0.58rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page] .site-nav .nav-call {
    transition: none;
  }
}