/* A11Y: Improve tap targets for phone + email links, especially in headers/menus */
a[href^="tel:"],
a[href^="mailto:"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* Minimum tap target guidance: ~44px */
  min-height: 44px;
  min-width: 44px;

  padding: 10px 12px; /* adds tappable area without huge visual change */
  line-height: 1.2;

  /* helps prevent links from being too tight when stacked */
  margin: 4px 0;
}

/* If these are in tight header rows, reduce side effects on desktop */
@media (min-width: 1025px) {
  a[href^="tel:"],
  a[href^="mailto:"] {
    min-height: auto;
    min-width: auto;
    padding: 2px 4px;
    margin: 0;
  }
}

/* Optional: improve focus visibility for keyboard users */
a[href^="tel:"]:focus-visible,
a[href^="mailto:"]:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}