/* Anders job page — share control.
   Theme-authored (the approved design ships no share UI). Deliberately borrows
   .similar-link's type and color so the utility row reads as one pair, and
   never uses --action: that neon is reserved for the single Apply CTA.

   Every selector is scoped to .anders-design rather than left bare: the parent
   theme's reset paints button:hover a solid #c36, and a bare .share-btn:hover
   (one class) loses to it. See assets/css/anders-reset-bridge.css. */

.anders-design .share-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.anders-design .share-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0;
	font: inherit;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--accent);
	background: none;
	border: 0;
	cursor: pointer;
}

.anders-design .share-btn:hover {
	background: none;
	color: var(--accent-d);
	text-decoration: underline;
}

.anders-design .share-btn svg {
	flex: none;
}

.anders-design .share-btn:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
	border-radius: 4px;
}

.anders-design .share-menu {
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	z-index: 30;
	min-width: 172px;
	padding: 6px;
	background: var(--panel, #fff);
	border: 1px solid var(--line, #e2e8ee);
	border-radius: var(--r-md, 10px);
	box-shadow: var(--sh-md, 0 8px 24px rgba(1, 22, 36, .12));
}

.anders-design .share-menu[hidden] {
	display: none;
}

.anders-design .share-item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 40px;
	padding: 0 10px;
	font-size: 14px;
	color: var(--ink);
	text-align: left;
	background: none;
	border: 0;
	border-radius: var(--r-sm, 7px);
	cursor: pointer;
}

.anders-design .share-item:hover {
	background: var(--accent-soft, #f0f4f7);
	text-decoration: none;
}

.anders-design .share-item:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: -2px;
}

.anders-design .share-item[hidden] {
	display: none;
}

/* Visually hidden: the copy confirmation is announced, and the button label
   already changes to "Link copied" for sighted users. */
.anders-design .share-status {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}