/**
 * Blog Card — Style 4: Minimal Borderless
 *
 * No card box — rounded image, tight typography and an underline hover on
 * the title. Lets the content breathe.
 *
 * @package captain-widgets-kit
 * @since   1.7.0
 */

.captwiki-blog-card.captwiki-style-4 .captwiki-blog-card__item {
	background: transparent;
}

.captwiki-blog-card.captwiki-style-4 .captwiki-blog-card__media {
	border-radius: 14px;
}

.captwiki-blog-card.captwiki-style-4 .captwiki-blog-card__body {
	padding: 16px 2px;
}

.captwiki-blog-card.captwiki-style-4 .captwiki-blog-card__title a {
	background-image: linear-gradient( var( --captwiki-bc-accent ), var( --captwiki-bc-accent ) );
	background-repeat: no-repeat;
	background-size: 0 2px;
	background-position: 0 100%;
	transition: background-size 0.3s ease, color 0.25s ease;
}

.captwiki-blog-card.captwiki-style-4 .captwiki-blog-card__item:hover .captwiki-blog-card__title a {
	background-size: 100% 2px;
}
