/* Shared text-link styling across the public shop; retain theme controls/cards. */
:root {
	--mg-link-color: #a85b00;
	--mg-link-hover-color: #7b4200;
	--mg-link-underline-color: #e88d20;
}

#main :is(p, li, td, dd, label, small) a:where(:not(
	.button,
	[role="button"],
	.remove,
	.remove_from_cart_button,
	.reset_variations,
	nav a,
	.nav a,
	.tabs a,
	.menu a,
	.widget a,
	.products a,
	.product-small a,
	.product-title a,
	.woocommerce-product-gallery a
)):not(:has(img, picture, svg)),
#main :is(
	.woocommerce-info,
	.woocommerce-message,
	.woocommerce-privacy-policy-text,
	.woocommerce-terms-and-conditions-wrapper,
	.woocommerce-MyAccount-content
) a:where(:not(.button, [role="button"], .remove, .remove_from_cart_button)),
#main a.mg-nasveti-card__cta {
	color: var(--mg-link-current-color, var(--mg-link-color));
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-color: var(--mg-link-current-underline, var(--mg-link-underline-color));
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
	text-decoration-skip-ink: auto;
	border-bottom: 0;
}

/* Variables change only links using the shared rule above. */
#main a:hover,
#main a:focus-visible {
	--mg-link-current-color: var(--mg-link-hover-color);
	--mg-link-current-underline: var(--mg-link-hover-color);
}

#main a:focus-visible {
	outline: 2px solid var(--mg-link-color);
	outline-offset: 3px;
}