/**
 * Inhaltsverzeichnis
 * 	1. Wrapper
 * 
 */


/* ================================================== */
/* 1. Wrapper */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 1.1 Container #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) {
	--card-padding-y: var(--cvh-space-s);
	--card-padding-x: var(--cvh-space-s);
	--card-spacing-x: var(--cvh-space-m);
}


/* ================================================== */
/* 2. Indicator */
/* -------------------------------------------------- */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-idicator {
	margin-block: calc(var(--card-padding-y) * -1);
}

.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-idicator .cvh--button {
	height: 100%;
}


/* ================================================== */
/* 3. Head */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 3.1 Container #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-head {
	margin-bottom: var(--card-indent-y);
	margin-inline: unset;
}

	/* #==== Prev ====# */
.cvh--card-ctn:where([data-card-template="navigation-preview"])[data-post-nav="prev"] .cvh--card-head {
	margin-left: calc(var(--card-spacing-x) * -1);
}


	/* #==== Next ====# */
.cvh--card-ctn:where([data-card-template="navigation-preview"])[data-post-nav="next"] .cvh--card-head {
	margin-right: calc(var(--card-spacing-x) * -1);
}


/* #=#=#=#=#=# 3.2 Image #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--image-ctn {
	--obj-height: 100%;
	aspect-ratio: unset;
}


/* ================================================== */
/* 4. Body */
/* -------------------------------------------------- */
/* #=#=#=#=#=# 4.1 Content #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-content {
	flex-direction: row;
}

	/* +---- Prev ----+ */
[data-post-nav="prev"] .cvh--card-content {
	margin-left: var(--card-indent-x);
}

	/* +---- Next ----+ */
[data-post-nav="next"] .cvh--card-content {
	flex-direction: row-reverse;
	margin-right: var(--card-indent-x);
}


/* #=#=#=#=#=# 4.2 Title #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-body .cvh--heading-ctn {
	display: -webkit-box;
	-webkit-line-clamp: var(--card-heading-lines, 1);
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/* #=#=#=#=#=# 4.3 Excerpt #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-excerpt {
	display: -webkit-box;
	-webkit-line-clamp: var(--card-excerpt-lines, 3);
	-webkit-box-orient: vertical;
	overflow: hidden;
}


/* #=#=#=#=#=# 4.4 Button #=#=#=#=#=# */



/* #=#=#=#=#=# 4.5 Overlay #=#=#=#=#=# */
.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--overlay-wrap {
	position: relative;
	z-index: 10;
	isolation: isolate;
}


@media screen and (min-width: 600px) {
	.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--overlay-wrap {
		display: contents;
	}
}


/* #=#=#=#=#=# 4.4 Breakpoints #=#=#=#=#=# */
	/* #==== 600PX ====# */
@media screen and (max-width: 599px) {
	.cvh--card-ctn:where([data-card-template="navigation-preview"]) {
		--card-spacing-x: var(--cvh-space-s);
	}

	.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-head {
		position: absolute;
		inset: 0;
		z-index: -5;
	}

	.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-body {
		position: relative;
		z-index: 5;
		isolation: isolate;
	}

	.cvh--card-ctn:where([data-card-template="navigation-preview"]) .cvh--card-body::before {
		content: '\0A';
		display: block;
		position: absolute;
		inset: var(--card-indent-y) var(--card-indent-x);
		z-index: -5;
		background-color: var(--cvh-color-shade-white);
		opacity: 0.75;
	}
}