/* Share row: business card header and single job listings (includes/share.php). */
.idu-share {
	display: flex;
	align-items: center;
	gap: 8px;
}
.idu-share__label {
	font-size: 14px;
	color: var(--bb-alternate-text-color, #787f86);
}
.idu-share .idu-share__btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px !important;
	height: 34px !important;
	min-height: 0 !important;
	margin: 0;
	padding: 0 !important;
	border: 1px solid var(--bb-content-border-color, #e7e9ec) !important;
	border-radius: 50% !important;
	background: var(--bb-content-background-color, #fff) !important;
	box-shadow: none !important;
	color: var(--bb-alternate-text-color, #787f86) !important;
	cursor: pointer;
	transition: border-color .15s, color .15s;
}
.idu-share .idu-share__btn:hover,
.idu-share .idu-share__btn:focus-visible {
	border-color: var(--idu-listings-gold, #eca002) !important;
	color: var(--idu-listings-gold, #eca002) !important;
}
.idu-share .idu-share__btn svg {
	width: 16px;
	height: 16px;
}
.idu-share .idu-share__btn[hidden] {
	display: none !important;
}
/* Confirmation after the copy button is pressed. */
.idu-share.is-copied .idu-share__copy::after {
	content: "Link copied";
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	z-index: 5;
	padding: 4px 8px;
	border-radius: 6px;
	background: var(--idu-listings-primary-ink, #032b1b);
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
}
/* In the business card header it sits opposite the heading. */
.idu-share--biz {
	margin-left: auto;
}
/* On a job listing it sits above the description, aligned right. */
.idu-share--job {
	justify-content: flex-end;
	margin: 0 0 18px;
}
@media (max-width: 600px) {
	.idu-share__label {
		display: none;
	}
	.idu-share {
		gap: 6px;
	}
}

/* The listing page's share card (includes/display.php) borrows the script;
   its buttons are styled there as .idu-share, so only what a <button> adds
   is undone here, plus the copied state. */
.idu-share-card .idu-share[hidden] {
	display: none !important;
}
.idu-single button.idu-share {
	min-height: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
	font: inherit;
}
.idu-single button.idu-share:hover,
.idu-share-card.is-copied .idu-share__copy {
	background: var(--idu-listings-accent, #022b1b);
	border-color: var(--idu-listings-accent, #022b1b);
	color: #fff;
}

/* On a single event: under the description, right aligned like the job row. */
.idu-share--event {
	justify-content: flex-end;
	margin: 18px 0 4px;
}

/* In a group header: its own row under the name and meta. */
#item-header-content .idu-share--group {
	margin: 10px 0 4px;
}
@media (max-width: 782px) {
	#item-header-content .idu-share--group {
		justify-content: center;
	}
}

/* Owner's "Edit job details" button at the top of a job (includes/job-dashboard.php). */
.idu-job-owner-bar {
	display: flex;
	margin: 0 0 14px;
}
.idu-job-owner-bar .idu-job-edit-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 18px;
	border: 1px solid var(--idu-listings-primary-ink, #032b1b);
	border-radius: 999px;
	background: #fff;
	color: var(--idu-listings-primary-ink, #032b1b) !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
}
.idu-job-owner-bar .idu-job-edit-btn:hover,
.idu-job-owner-bar .idu-job-edit-btn:focus-visible {
	background: var(--idu-listings-primary-ink, #032b1b);
	color: #fff !important;
}