/**
 * File Path: assets/css/front/mbs-front-look-inside.css
 *
 * Look Inside read-more toggle -- collapsed/expanded states and fade gradient.
 * Component of mbs-front.css -- enqueued by MBS_Front_Assets dep: mbs-front.
 * Flat selectors (CSS-002 / CSS-NEST-001 compliance).
 *
 * @package MyBookShowroom
 * @since   1.0.0
 */

.mbs-look-inside-text {
	position: relative;
}

.mbs-look-inside-collapsed .mbs-look-inside-text {
	max-height: 480px;
	overflow: hidden;
}

.mbs-look-inside-fade {
	display: none;
}

.mbs-look-inside-collapsed .mbs-look-inside-fade {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80px;
	background: linear-gradient( to bottom, transparent, var(--mbs-bg, #fff) );
	pointer-events: none;
}

.mbs-look-inside-toggle {
	display: none;
	margin-top: 0.75rem;
}