/**
 * Base — inline text links on the generated content pages
 *
 * The animated underline from the preferred-vendors entries, applied to the pink inline
 * links in `page-intro` / `page-section` copy: a blush 1px rule that wipes out from the
 * centre on hover, nothing at rest. Replaces the static translucent underline those two
 * patterns used to carry.
 *
 * Also the Your Wedding page's wedding-timeline copy (same treatment in its artboard).
 *
 * Scoped to those patterns on purpose — the homepage, timeline, venues/spaces and
 * footer sections keep their own hover treatments.
 *
 * Selectors come in pairs: the BEM class, plus a structural fallback (any paragraph,
 * list item, table cell or details body inside the section wrapper). The content pages
 * are composed in the editor, so plenty of their paragraphs never get the BEM class —
 * same reasoning as the structural selectors in vendors-list.css. Buttons are excluded
 * everywhere; they carry the button treatment instead.
 *
 * Implementation note: the rule is a background gradient rather than the absolutely
 * positioned ::after used in vendors-list.css, so a link that wraps mid-sentence gets a
 * rule under each line fragment instead of one box-wide rule under the union of both.
 * `padding-bottom` supplies the 2px offset without inflating the line box — vertical
 * padding on an inline element does not.
 */

.bsw-page-intro__body a,
.bsw-page-intro p a:not(.wp-block-button__link),
.bsw-page-intro li a:not(.wp-block-button__link),
.bsw-page-section__body a:not(.wp-block-button__link),
.bsw-page-section__list a,
.bsw-page-section__table a,
.bsw-page-section__contact-line a,
.bsw-page-section p a:not(.wp-block-button__link),
.bsw-page-section li a:not(.wp-block-button__link),
.bsw-page-section td a:not(.wp-block-button__link),
.bsw-page-section th a:not(.wp-block-button__link),
.bsw-wedding-timeline__body a {
	color: #8e4e58;
	text-decoration: none;
	background-image: linear-gradient(
		to right,
		var(--wp--preset--color--blush, #d7a3ac),
		var(--wp--preset--color--blush, #d7a3ac)
	);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: 0 1px;
	padding-bottom: 2px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease;
}

.bsw-page-intro__body a:hover,
.bsw-page-intro__body a:focus-visible,
.bsw-page-intro p a:not(.wp-block-button__link):hover,
.bsw-page-intro p a:not(.wp-block-button__link):focus-visible,
.bsw-page-intro li a:not(.wp-block-button__link):hover,
.bsw-page-intro li a:not(.wp-block-button__link):focus-visible,
.bsw-page-section__body a:not(.wp-block-button__link):hover,
.bsw-page-section__body a:not(.wp-block-button__link):focus-visible,
.bsw-page-section__list a:hover,
.bsw-page-section__list a:focus-visible,
.bsw-page-section__table a:hover,
.bsw-page-section__table a:focus-visible,
.bsw-page-section__contact-line a:hover,
.bsw-page-section__contact-line a:focus-visible,
.bsw-page-section p a:not(.wp-block-button__link):hover,
.bsw-page-section p a:not(.wp-block-button__link):focus-visible,
.bsw-page-section li a:not(.wp-block-button__link):hover,
.bsw-page-section li a:not(.wp-block-button__link):focus-visible,
.bsw-page-section td a:not(.wp-block-button__link):hover,
.bsw-page-section td a:not(.wp-block-button__link):focus-visible,
.bsw-page-section th a:not(.wp-block-button__link):hover,
.bsw-page-section th a:not(.wp-block-button__link):focus-visible,
.bsw-wedding-timeline__body a:hover,
.bsw-wedding-timeline__body a:focus-visible {
	color: #aa747c;
	background-size: 100% 1px;
}

/* Phone numbers must not break across lines */
.bsw-page-intro a[href^="tel:"],
.bsw-page-section a[href^="tel:"] {
	white-space: nowrap;
}