/**
 * BayFirst Link Card
 */

.bf-link-card,
.wp-block-bayfirst-link-card {
	--bf-link-card-bg: #ffffff;
	--bf-link-card-bg-hover: #f7f7f7;
	--bf-link-card-border: var(--wp--preset--color--ti-accent-secondary, #f68521);
	--bf-link-card-heading: var(--wp--preset--color--ti-accent, #02461b);
	--bf-link-card-fg: var(--wp--preset--color--ti-fg, #1e1e1e);

	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: var(--bf-link-card-bg);
	border-left: 4px solid var(--bf-link-card-border);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	color: var(--bf-link-card-fg);
	text-decoration: none;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

a.bf-link-card,
a.wp-block-bayfirst-link-card {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

a.bf-link-card:hover,
a.bf-link-card:focus-visible,
a.wp-block-bayfirst-link-card:hover,
a.wp-block-bayfirst-link-card:focus-visible,
.bf-link-card--linked:hover,
.bf-link-card--linked:focus-visible {
	background-color: var(--bf-link-card-bg-hover);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.14);
	outline: none;
}

a.bf-link-card:focus-visible,
a.wp-block-bayfirst-link-card:focus-visible {
	outline: 2px solid var(--bf-link-card-border);
	outline-offset: 2px;
}

.bf-link-card--no-border {
	border-left: 0;
}

.bf-link-card__inner {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 3vw, 2.25rem);
}

.bf-link-card__inner > *:first-child {
	margin-top: 0;
}

.bf-link-card__inner > *:last-child {
	margin-bottom: 0;
}

.bf-link-card__inner h1,
.bf-link-card__inner h2,
.bf-link-card__inner h3,
.bf-link-card__inner h4,
.bf-link-card__inner h5,
.bf-link-card__inner h6,
.bf-link-card__inner .wp-block-heading {
	margin-top: 0;
	margin-bottom: 0.75rem;
	color: var(--bf-link-card-heading);
	font-weight: 700;
	line-height: 1.25;
}

.bf-link-card__inner p,
.bf-link-card__inner .wp-block-paragraph,
.bf-link-card__body p,
.bf-link-card__body .wp-block-paragraph {
	margin: 0;
	color: inherit;
	line-height: 1.55;
}

.bf-link-card__inner ul,
.bf-link-card__inner ol,
.bf-link-card__inner .wp-block-list,
.bf-link-card__body ul,
.bf-link-card__body ol,
.bf-link-card__body .wp-block-list {
	margin: 0.75rem 0 0;
	padding-left: 1.25rem;
	color: inherit;
	line-height: 1.55;
}

.bf-link-card__inner li,
.bf-link-card__body li {
	margin: 0 0 0.35rem;
}

.bf-link-card__inner li:last-child,
.bf-link-card__body li:last-child {
	margin-bottom: 0;
}

.bf-link-card__body h1,
.bf-link-card__body h2,
.bf-link-card__body h3,
.bf-link-card__body h4,
.bf-link-card__body h5,
.bf-link-card__body h6,
.bf-link-card__body .wp-block-heading {
	margin-top: 0;
	margin-bottom: 0.75rem;
	color: var(--bf-link-card-heading);
	font-weight: 700;
	line-height: 1.25;
}

.bf-link-card__body > *:first-child {
	margin-top: 0;
}

.bf-link-card__body > *:last-child {
	margin-bottom: 0;
}

.bf-link-card__text-link {
	color: inherit;
	text-decoration: none;
	pointer-events: none;
}

/* When used inside equal-height layouts */
.equal-height-cards .bf-link-card,
.equal-height-cards .wp-block-bayfirst-link-card {
	flex: 1 1 auto;
	align-self: stretch;
}