/**
 * „Czytaj dalej” we fragmencie wpisu: ta sama animacja co przycisk „Link”
 * (podkreślenie zamienia „_” w strzałkę), także po najechaniu na całą kartę.
 * Animacja przeniesiona z joladietetyk.pl (.menu_arrow).
 */

.wp-block-post-excerpt__more-link {
	--jd-line-duration: 300ms;
	--jd-line-easing: ease;
	--jd-arrow-size: 10px;
	--jd-arrow-duration: 200ms;
	--jd-arrow-delay: 240ms;
	--jd-arrow-easing: cubic-bezier(0.3, 1.5, 0.5, 1);
	position: relative;
	display: inline-block;
	padding: 0.4rem 16px 0.4rem 0;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: right 0 bottom 2px;
	background-size: 0 1px;
	transition: background-size var(--jd-line-duration) var(--jd-line-easing);
}

.wp-block-post-excerpt__more-link:where(:hover, :focus-visible),
.tw-stretched-link:hover .wp-block-post-excerpt__more-link {
	background-position: left 0 bottom 2px;
	background-size: 100% 1px;
	color: var(--wp--preset--color--contrast);
}

/*
 * Dwa odcinki strzałki. Selektor jest mocniejszy niż reguła Twentig, która
 * w kartach z „tw-stretched-link” rozciąga ::after linku na całą kartę
 * (całą kartę i tak linkuje już tytuł wpisu).
 */
.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::before,
.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::after,
.wp-block-query .wp-block-post .tw-stretched-link .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::after {
	content: "";
	position: absolute;
	inset: auto 0 2px auto;
	background: currentColor;
	transition: transform var(--jd-arrow-duration) var(--jd-arrow-easing) var(--jd-arrow-delay);
}

.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::before {
	width: 1px;
	height: var(--jd-arrow-size);
	transform-origin: 0% 100%;
	transform: rotate(-90deg);
}

.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::after,
.wp-block-query .wp-block-post .tw-stretched-link .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::after {
	width: var(--jd-arrow-size);
	height: 1px;
	transform-origin: 100% 0%;
	transform: translateX(-1px) rotate(0deg);
}

.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:where(:hover, :focus-visible)::before,
.tw-stretched-link:hover .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::before {
	transform: rotate(-45deg);
}

.wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link:where(:hover, :focus-visible)::after,
.wp-block-query .wp-block-post .tw-stretched-link:hover .wp-block-post-excerpt__more-text a.wp-block-post-excerpt__more-link::after {
	transform: translateX(-1px) rotate(-45deg);
}