/**
 * Inline text links — thick hell underline (tw-text-link pattern).
 */

:root {
	--toboo-inline-link-underline: var(--wp--preset--color--hell, #b5d91f);
	--toboo-inline-link-thickness: 0.4rem;
	--toboo-inline-link-offset: 0.18em;
}

.toboo-shop-intro__content {
	--toboo-inline-link-color: #fff;
}

.toboo-page-shell__content,
.toboo-product-description__content {
	--toboo-inline-link-color: inherit;
}

.toboo-inline-link,
.toboo-shop-intro__content > :not(.toboo-product-card-grid) :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.toboo-shop-promo-bar__button):not(.toboo-shop-promo-bar__submit),
.toboo-page-shell__content :is(p, li, .is-style-tw-lead, .tw-lead, .entry-content, .tw-a11y-statement__content) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]),
.toboo-product-description__content :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]) {
	display: inline;
	color: var(--toboo-inline-link-color, inherit);
	font-weight: inherit;
	text-decoration: underline;
	text-decoration-thickness: var(--toboo-inline-link-thickness);
	text-underline-offset: var(--toboo-inline-link-offset);
	text-decoration-color: var(--toboo-inline-link-underline);
	text-decoration-skip-ink: none;
	transition: color 0.15s ease;
}

.toboo-inline-link:hover,
.toboo-inline-link:focus-visible,
.toboo-shop-intro__content > :not(.toboo-product-card-grid) :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.toboo-shop-promo-bar__button):not(.toboo-shop-promo-bar__submit):hover,
.toboo-shop-intro__content > :not(.toboo-product-card-grid) :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.toboo-shop-promo-bar__button):not(.toboo-shop-promo-bar__submit):focus-visible,
.toboo-page-shell__content :is(p, li, .is-style-tw-lead, .tw-lead, .entry-content, .tw-a11y-statement__content) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):hover,
.toboo-page-shell__content :is(p, li, .is-style-tw-lead, .tw-lead, .entry-content, .tw-a11y-statement__content) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):focus-visible,
.toboo-product-description__content :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):hover,
.toboo-product-description__content :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):focus-visible {
	color: var(--toboo-inline-link-underline);
	text-decoration-line: underline;
	text-decoration-thickness: var(--toboo-inline-link-thickness);
	text-underline-offset: var(--toboo-inline-link-offset);
	text-decoration-color: var(--toboo-inline-link-underline);
}

.toboo-inline-link:focus-visible,
.toboo-shop-intro__content > :not(.toboo-product-card-grid) :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.toboo-shop-promo-bar__button):not(.toboo-shop-promo-bar__submit):focus-visible,
.toboo-page-shell__content :is(p, li, .is-style-tw-lead, .tw-lead, .entry-content, .tw-a11y-statement__content) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):focus-visible,
.toboo-product-description__content :is(p, li, .is-style-tw-lead, .tw-lead) a:not(.wp-element-button):not(.wp-block-button__link):not(.button):not([class*="__btn"]):focus-visible {
	outline: 2px solid var(--toboo-green-text, var(--wp--preset--color--green-text, #586b08));
	outline-offset: 3px;
}