/* Site-wide header touches (inc/site-a11y.php). */

/* Account button: 44px tap target around the 24px icon (CLAUDE.md touch targets). */
.myacctrigger {
  display: grid;
  place-items: center;
  min-inline-size: calc(var(--space-xs) * 3.25);
  min-block-size: calc(var(--space-xs) * 3.25);
}
/* Bricks info alerts (e.g. "Are you also a Market Organizer?" on My Vendor Listing): the default light-blue text on
   pale blue was 2.2:1; same hue, darkened (over 7:1). */
.brxe-alert.info {
  color: color-mix(in srgb, var(--bricks-text-info) 35%, var(--black));
}

/* ACSS outline primary buttons (e.g. "View All Vendors"): brand-teal text on white was 3.3:1; the darker teal
   passes (filled primary buttons were fixed in ACSS, see IMPLEMENTATION.md). */
.btn--primary.btn--outline {
  --btn-text-color: var(--primary-dark);
  --btn-border-color: var(--primary-dark);
}

.myacctrigger:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

/* Account pop-up: the user's name on the dark header. Its global class (dash-user-module__user-name) sets the dark text
   colour for the light dashboard card; in the pop-up that card is transparent on --neutral-dark, so the name follows
   the header's white. */
.offcanvas-dashtop .dash-user-module__user-name {
  color: inherit;
}