/* Shared presentation for OrderFloor's deliberate email reveal. */
.contact-email { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .45rem; max-width: 100%; vertical-align: middle; }
.contact-email .contact-email-trigger,
.contact-email .contact-email-action,
.contact-email-page .contact-email-action { display: inline-flex; align-items: center; justify-content: center; min-height: 2.5rem; padding: .4rem .75rem; border: 1px solid #64734e; border-radius: .55rem; background: #eef5e5; color: #24351b; font: inherit; font-size: .9rem; font-weight: 650; line-height: 1.4; text-decoration: none; cursor: pointer; }
.contact-email .contact-email-trigger:hover,
.contact-email .contact-email-action:hover,
.contact-email-page .contact-email-action:hover { background: #dfebd1; color: #172612; }
.contact-email :is(a, button):focus-visible,
.contact-email-page :is(a, button):focus-visible { outline: 3px solid #527733; outline-offset: 3px; }
.contact-email-address { color: inherit; font-weight: 650; overflow-wrap: anywhere; user-select: text; }
.contact-email-status { flex-basis: 100%; font-size: .85rem; line-height: 1.5; }
.contact-email-status:empty { display: none; }
.contact-email[aria-busy="true"] .contact-email-trigger { cursor: progress; }
.contact-email-page { max-width: 44rem; }
.contact-email-page form { margin-block: 1.25rem; }
@media (max-width: 480px) { .contact-email-revealed .contact-email-address { flex-basis: 100%; } }