/* Modularized Horizontal Card CSS Rules
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.card.card--horizontal {
	grid-template-areas:
		"head"
		"byline"
		"excerpt"
		"media-links"
		"downloads"
		"archive-tags";
	grid-row-gap: 0.1875rem;
	grid-template-rows: auto auto auto auto 0;
	width: 98.9%;
	max-width: 1164px;
	margin: 2.25rem 0;
}

.card__image-container.card__image-container--horizontal {
	display: none;
	width: 85px;
	height: 110px;
}

.card__image-container.card__image-container--horizontal img {
	width: 85px;
	height: 110px;
	object-fit: cover;
}

.card__link--main:hover{
	cursor: pointer;
}

.card__header.card__header--horizontal {
	font-size: 17px;
	color: var(--byu-navy);
	letter-spacing: 0.3px;
}

.card__header.card__header--horizontal a {
	font-weight: 500;
	-webkit-line-clamp: 1;
}

.card__header.card__header--horizontal mark {
	font-weight: 500 !important;
}

.card__bylines.card__bylines--horizontal {
	font-size: 0.875rem;
}

.card__downloads-container--horizontal {
	z-index: 1;
}

.card__download-links.card__download-links--horizontal {
	top: 2px;
}

.download-links__tail.download-links__tail--horizontal {
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #ededed transparent;
	right: 15px;
	top: -8px;
}

.download-links__separator.download-links__separator--horizontal {
	height: 22px;
	border-right: 1px solid #d3d2d2;
}

.card--horizontal{
	transition: all 0.1s linear;
	border-radius: 5px;
	position: relative;
	padding: 10px;
}
.link__search-card {
	position: absolute;
	top: -10px;
	left: -10px;
	height: calc(100% + 20px);
	width: calc(100% + 20px) !important;
}

.card--horizontal:hover{
	box-shadow: 2px 2px 10px var(--byu-grey-medium);
}

.card--horizontal .card__excerpt {
	font-size: 15px;
	color: #575757;
	line-height: 1.5;
}

.card--horizontal .card__excerpt a {
	z-index: 5;
}

.card__horizontal--wrapper::before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	bottom: -10px;
	right: -10px;
	z-index: 1;
}

.card__archive-tags {
	display: none;
}

.card__archive-tags .card__archive-tag {
	z-index: 0;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--byu-white);
	text-transform: capitalize;
	white-space: nowrap;
	background-color: #9bb8da;
	padding: 0.3rem 0.75rem;
	border-radius: 3px;
	margin-right: 0.5rem;
}

.card__media-links .youtube-link,
.media-links__icon {
	display: inline-block;
	cursor: pointer;
	transition: transform 0.2s;
	text-decoration: none;
	position: relative;
	z-index: 2; /* Ensure it's above the card hover effect */
}

.card__media-links .youtube-link:hover,
.media-links__icon--available:hover {
	transform: scale(1.1);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 90%;
	background-color: #e3e3e3;
}

/* Remove hover effects for unavailable media */
.media-links__icon--unavailable {
	cursor: default;
}

.media-links__icon--unavailable:hover {
	transform: none;
	background-color: transparent;
}

.card__media-links .media-icon {
	width: auto;
	height: auto;
	max-width: 100%;
	padding: 6px;
}


@media (min-width: 840px) {

	.card.card--horizontal {
		grid-template-areas:
			". . downloads"
			"thumbnail head media-links"
			"thumbnail byline media-links"
			"thumbnail excerpt excerpt"
			"thumbnail archive-tags archive-tags";
		grid-column-gap: 1.75rem;
		grid-template-columns: min-content 1fr max-content;
		grid-template-rows: 0 max-content max-content 1fr;
	}

	.card__image-container.card__image-container--horizontal {
		display: block;
	}

	.card__download-links.card__download-links--horizontal {
		position: absolute;
		top: unset;
		bottom: 5px;
	}

	.download-links__tail.download-links__tail--horizontal {
		border-width: 10px 8px 0 8px;
		border-color: #ededed transparent transparent transparent;
		bottom: -5px;
	}

	.card__archive-tags {
		grid-area: archive-tags;
		margin-top: 0.75rem;
	}
}