/*
 * MarketForge brand accents: small touches of the logo's gold card edge
 * (Design → Accent) across the platform. Loaded after the main stylesheet
 * only while Settings → Brand & logo → "Gold touches from the logo" is on.
 *
 * Only paint is changed (inset edges, underline and marker colours, text
 * selection) — nothing moves or changes size, and keyboard focus rings
 * always win over these touches.
 */

/* Primary buttons: the gold edge on the left, like the logo's card and the header button —
   a straight bar clipped by the button's corners (an inset shadow would curve with them). */
.mf-root .mf-btn--primary {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.mf-root .mf-btn--primary::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 5px;
	background: var(--mf-accent);
	pointer-events: none;
	transition: width .2s ease;
}
.mf-root .mf-btn--primary.mf-btn--sm::before { width: 4px; }
.mf-root .mf-btn--primary:hover:not([disabled]):not([aria-disabled="true"])::before { width: 8px; }
.mf-root .mf-btn--primary.mf-btn--sm:hover:not([disabled]):not([aria-disabled="true"])::before { width: 6px; }

/* Member dashboard: the open section is marked with the gold edge. */
.mf-root .mf-dash__tab.is-active { box-shadow: inset 3px 0 0 var(--mf-accent); }
.mf-root .mf-dash__tab.is-active:focus-visible { box-shadow: inset 3px 0 0 var(--mf-accent), var(--mf-focus); }

/* Sell wizard: the step you are on, and the tip of the progress bar. */
.mf-root .mf-steps__bar > span { box-shadow: inset -4px 0 0 var(--mf-accent); }
@container (min-width: 760px) {
	.mf-root .mf-steps__item.is-current > span { border-top-color: var(--mf-accent); }
}

/* Deal Room progress: a gold halo on the current step. */
.mf-root .mf-deal-progress__step.is-current .mf-deal-progress__dot { box-shadow: 0 0 0 5px var(--mf-accent-soft, color-mix(in srgb, var(--mf-accent) 18%, transparent)); }

/* Pagination: the current page gets a gold underline. */
.mf-root .mf-pagination__link.is-current { box-shadow: inset 0 -3px 0 var(--mf-accent); }

/* Links: a gold underline on hover. */
.mf-root .mf-lcard__title a:hover,
.mf-root .mf-lcard__title a:focus-visible {
	text-decoration: underline;
	text-decoration-color: var(--mf-accent);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.mf-root .mf-link:hover { text-decoration-color: var(--mf-accent); text-decoration-thickness: 2px; }
.mf-root .mf-legal-links a[aria-current="page"],
.mf-root .mf-legal-links--inline a:hover { text-decoration-color: var(--mf-accent); text-decoration-thickness: 2px; }

/* Selected text inside marketplace parts. */
.mf-root ::selection { background: color-mix(in srgb, var(--mf-accent) 32%, transparent); color: inherit; }