@charset "utf-8";
/* ==========================================================
   SECTION LINK COPY BUTTON
   Standalone — works on product tab headings and standard
   page headings. Enqueue site-wide.
   ========================================================== */
.wpb-content-wrapper h2[id],
.wpb-content-wrapper h3[id],
.wpb-content-wrapper h4[id] {
    scroll-margin-top: 100px;
}
.section-link-heading {
	position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
	
}
.section-link-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-left: 10px;
	padding: 3px;
	background: none;
	border: none;
	cursor: pointer;
	color: #aaa;
	vertical-align: middle;
	opacity: 0.5;
	transition: opacity 0.15s ease, color 0.15s ease;
	line-height: 1;
}
.section-link-heading:hover .section-link-btn {
	opacity: 1;
}
.section-link-btn:hover {
	color: #555;
}
.section-link-btn:focus-visible {
	opacity: 1;
	outline: 2px solid #555;
	outline-offset: 2px;
	border-radius: 3px;
}
.section-link-tooltip {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	background: #222222;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	padding: 4px 8px;
	border-radius: 4px;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.15s ease;
}
.section-link-tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: #222222;
}
.section-link-tooltip.visible {
	opacity: 1;
}
@media (min-width: 1023px) {
	.accordion-title.section-link-heading .accordion-trigger {
		display: inline;
		width: auto;
	}
}
