/* Share icon + its menu (includes/share.php) — same round button as the heart beside it */
.sc-title-actions { position: relative; flex: none; display: flex; gap: 8px; align-items: flex-start; margin-top: .2em; }
.sc-title-actions .sc-fav-page-btn { margin-top: 0; }
.sc-share {
	display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; margin: 0; cursor: pointer;
	border: 1px solid color-mix(in srgb, var(--sc-c-ink, #2c3b33) 18%, transparent); border-radius: 50%;
	background: rgba(255, 255, 255, .9); color: var(--sc-c-ink, #2c3b33); transition: transform .2s ease, color .2s ease, background .2s ease;
}
.sc-share:hover, .sc-share[aria-expanded="true"] { transform: scale(1.08); background: #fff; color: var(--sc-c-btn, #3d7a66); }
.sc-share:focus-visible { outline: 2px solid var(--sc-c-btn, #3d7a66); outline-offset: 2px; }

.sc-share-menu {
	position: absolute; top: calc(100% + 8px); inset-inline-end: 0; z-index: 50; min-width: 190px; padding: 6px;
	border-radius: 16px; background: var(--sc-c-card); color: var(--sc-c-ink); text-align: start;
	box-shadow: 0 18px 50px rgba(20, 30, 25, .2), 0 0 0 1px rgba(20, 30, 25, .06);
	animation: sc-share-in .18s ease;
}
.sc-share-menu[hidden] { display: none; }
@keyframes sc-share-in { from { opacity: 0; transform: translateY(-4px); } }
.sc-share-menu a, .sc-share-menu button {
	display: flex; align-items: center; gap: 10px; width: 100%; box-sizing: border-box; padding: 9px 12px; margin: 0;
	border: 0; border-radius: 10px; background: transparent; color: inherit; font: inherit; font-size: .95rem;
	text-align: start; text-decoration: none !important; cursor: pointer; white-space: nowrap; /* the theme underlines content links */
}
.sc-share-menu a:hover, .sc-share-menu button:hover, .sc-share-menu a:focus-visible, .sc-share-menu button:focus-visible {
	background: var(--sc-c-panel); outline: 0;
}
.sc-share-menu button { margin-top: 4px; border-top: 1px solid rgba(20, 30, 25, .08); border-radius: 0 0 10px 10px; }
.sc-share-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; }
.sc-share-dot-link { background: transparent; border: 2px solid currentColor; width: 6px; height: 6px; opacity: .6; }

body.dark-mode .sc-share { background: rgba(255, 255, 255, .06); color: var(--sc-c-text); }
body.dark-mode .sc-share-menu { background: var(--sc-c-card); color: var(--sc-c-text); }
body.dark-mode .sc-share-menu a:hover, body.dark-mode .sc-share-menu button:hover { background: rgba(255, 255, 255, .08); }

/* the main menu's "share the site" icon: the look is the theme's (.menu-icon); only its menu's place */
#primary-menu > .sc-share-item { position: relative; }
#primary-menu > .sc-share-item .sc-share-menu { inset-inline-end: auto; inset-inline-start: 0; } /* opens toward the page's middle */