/* 11footy v4: the Share button (partials/share.html, share.js). A menu like the site's others (.dd). */
.shr { flex: none; }
.shr .dd-btn svg { width: 15px; height: 15px; color: currentColor; }
.shr .dd-menu { min-width: 220px; }
.shr .dd-menu small { margin-left: auto; color: var(--faint); font-size: 12px; font-weight: 500; }
.shr .dd-menu.fx { position: fixed; right: auto; bottom: auto; }
/* "Link copied", beside the button: the page heads clip what falls below them */
.shr-done { position: absolute; top: 50%; right: calc(100% + 8px); z-index: 41; padding: 6px 12px; border-radius: var(--pill); background: var(--cob); color: var(--on-cob); font-size: 13px; font-weight: 600; white-space: nowrap; pointer-events: none; opacity: 0; transform: translate(4px, -50%); transition: opacity .15s, transform .15s; }
.shr[data-said] .shr-done { opacity: 1; transform: translate(0, -50%); }
.shr-done:empty { padding: 0; }
.eh .meta .shr { margin-left: auto; }
.hero-share { display: flex; justify-content: flex-end; margin-top: var(--s-4); }
.shr-row { display: flex; margin-top: var(--s-4); }
.shr-row .shr-done { right: auto; left: calc(100% + 8px); transform: translate(-4px, -50%); }
.lab-bar .shr .dd-btn { height: 34px; }

/* the divisions' pages (pages/_division.html): the address to write to, selected in one click */
.dv-h { padding: 16px var(--pad) 10px; }
.dv-mail { user-select: all; overflow-wrap: anywhere; }