/* Local contact chooser. Use the installed site's global colors and typography. */
.uenr-contact-modal {
  --uenr-contact-primary: var(--e-global-color-primary, var(--wp--preset--color--primary, LinkText));
  --uenr-contact-secondary: var(--e-global-color-secondary, var(--wp--preset--color--secondary, CanvasText));
  --uenr-contact-accent: var(--e-global-color-accent, var(--wp--preset--color--accent, Highlight));
  --uenr-contact-text: var(--e-global-color-text, var(--wp--preset--color--contrast, CanvasText));
  --uenr-contact-surface: var(--wp--preset--color--base, Canvas);
  --uenr-contact-border: var(--uenr-contact-secondary);
  --uenr-contact-muted: var(--uenr-contact-text);
  --uenr-contact-tint: var(--uenr-contact-surface);
  --uenr-contact-hover: var(--uenr-contact-surface);
}
.uenr-contact { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.uenr-contact__trigger { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .6rem .9rem; border: 1px solid currentColor; border-radius: .35rem; background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.uenr-contact__trigger[hidden] { display: none !important; }
.uenr-contact__trigger svg { flex: 0 0 auto; }
.uenr-contact__trigger:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.uenr-contact__fallback { display: flex; flex-direction: column; overflow-wrap: anywhere; }
.uenr-contact-modal[hidden] { display: none !important; }
.uenr-contact-modal { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; padding: 1rem; background: CanvasText; color: var(--uenr-contact-text); font-family: var(--e-global-typography-text-font-family, var(--wp--preset--font-family--body, inherit)); font-size: var(--e-global-typography-text-font-size, inherit); line-height: var(--e-global-typography-text-line-height, 1.5); box-sizing: border-box; }
.uenr-contact-modal *, .uenr-contact-modal *::before, .uenr-contact-modal *::after { box-sizing: border-box; }
.uenr-contact-modal__panel { width: 100%; max-width: 480px; max-height: calc(100vh - 2rem); max-height: calc(100dvh - 2rem); overflow-y: auto; overscroll-behavior: contain; padding: 1.5rem; border: 1px solid var(--uenr-contact-border); border-radius: .8rem; background: var(--uenr-contact-surface); box-shadow: 0 22px 70px color-mix(in srgb, CanvasText 24%, transparent); }
.uenr-contact-modal__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }
.uenr-contact-modal .uenr-contact-modal__title { margin: 0; color: var(--uenr-contact-primary); font-family: inherit; font-size: 1.5rem; font-weight: 700; line-height: 1.25; }
.uenr-contact-modal .uenr-contact-modal__close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 44px; height: 44px; margin: -.35rem -.35rem -.35rem 0; padding: 0; border: 1px solid var(--uenr-contact-border); border-radius: 50%; color: var(--uenr-contact-primary); background: var(--uenr-contact-tint); font: inherit; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.uenr-contact-modal__section + .uenr-contact-modal__section { margin-top: 1.3rem; padding-top: 1.2rem; border-top: 1px solid var(--uenr-contact-border); }
.uenr-contact-modal .uenr-contact-modal__heading { margin: 0 0 .3rem; color: var(--uenr-contact-text); font-family: inherit; font-size: .8rem; font-weight: 700; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; }
.uenr-contact-modal .uenr-contact-modal__value { margin: 0 0 .9rem; color: var(--uenr-contact-text); font-size: 1.05rem; line-height: 1.5; overflow-wrap: anywhere; user-select: text; }
.uenr-contact-modal__actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.uenr-contact-modal .uenr-contact-modal__action { display: flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; padding: .65rem .6rem; border: 1px solid var(--uenr-contact-border); border-radius: .35rem; background: var(--uenr-contact-tint); color: var(--uenr-contact-primary); font: inherit; font-size: .9rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; overflow-wrap: anywhere; cursor: pointer; }
.uenr-contact-modal .uenr-contact-modal__action:hover, .uenr-contact-modal .uenr-contact-modal__close:hover { background: var(--uenr-contact-hover); border-color: var(--uenr-contact-accent); color: var(--uenr-contact-primary); }
.uenr-contact-modal .uenr-contact-modal__copy { grid-column: 1 / -1; background: var(--uenr-contact-surface); }
.uenr-contact-modal .uenr-contact-modal__note { margin: 1.2rem 0 0; color: var(--uenr-contact-muted); font-size: .8rem; line-height: 1.5; }
.uenr-contact-modal .uenr-contact-modal__status { min-height: 1.4em; margin: .4rem 0 0; color: var(--uenr-contact-text); font-size: .85rem; line-height: 1.5; }
.uenr-contact-modal__clipboard { position: fixed; inset: 0 auto auto 0; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; }
.uenr-contact__trigger:focus-visible, .uenr-contact-modal a:focus-visible, .uenr-contact-modal button:focus-visible, .uenr-contact-modal [tabindex]:focus-visible { outline: 3px solid var(--e-global-color-accent, var(--wp--preset--color--accent, Highlight)); outline-offset: 3px; }
@media (max-width: 380px) {
  .uenr-contact-modal { padding: .65rem; }
  .uenr-contact-modal__panel { padding: 1rem; max-height: calc(100vh - 1.3rem); max-height: calc(100dvh - 1.3rem); }
  .uenr-contact-modal__actions { grid-template-columns: 1fr; }
}
@media (forced-colors: active) {
  .uenr-contact-modal__panel, .uenr-contact-modal__action, .uenr-contact-modal__close { border: 1px solid CanvasText; }
}
@supports (color: color-mix(in srgb, CanvasText 50%, Canvas)) {
  .uenr-contact-modal {
    --uenr-contact-border: color-mix(in srgb, var(--uenr-contact-secondary) 75%, var(--uenr-contact-text));
    --uenr-contact-muted: color-mix(in srgb, var(--uenr-contact-text) 74%, var(--uenr-contact-surface));
    --uenr-contact-tint: color-mix(in srgb, var(--uenr-contact-primary) 6%, var(--uenr-contact-surface));
    --uenr-contact-hover: color-mix(in srgb, var(--uenr-contact-primary) 12%, var(--uenr-contact-surface));
    background: color-mix(in srgb, CanvasText 62%, transparent);
  }
}