/* ============================================================
   Video Testimonials — DESKTOP (>= 768px)
   3 equal portrait cards, click-to-activate.
   Resets the mobile scroll-snap carousel.
   ============================================================ */
@media (min-width: 768px) {

	.evt-heading h2 { font-size: 2.5rem; }

	.evt-container { overflow: visible; }

	/* Grid track — disable mobile scroll-snap */
	.evt-items {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: var(--evt-gap);
		height: var(--evt-cards-height);
		overflow: visible;
		scroll-snap-type: none;
		padding: 0;
		scroll-padding: 0;
	}

	/* Equal cards — reset the mobile peek scale/opacity */
	.evt-item {
		flex: 1 1 0;
		min-width: 0;
		border-radius: var(--evt-radius);
		overflow: visible;
		transform: none;
		opacity: 1;
		scroll-snap-align: none;
		transition: box-shadow 0.3s ease, transform 0.3s ease;
	}

	.evt-item .evt-content {
		position: absolute;
		inset: 0;
		border-radius: var(--evt-radius);
	}

	/* Inactive dim overlay */
	.evt-item:not(.evt-item-active)::after {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: var(--evt-radius);
		background: var(--evt-inactive-dim);
		z-index: 3;
		pointer-events: none;
		transition: background 0.3s ease;
	}

	.evt-item:not(.evt-item-active):hover::after {
		background: rgba(0,0,0,0.12);
	}

	/* Inactive: name + stars always visible so visitors see more content to explore */
	.evt-item:not(.evt-item-active) .evt-description-wrap {
		opacity: 1;
		z-index: 4;
	}

	/* Dim identity band (name + stars) — restored on hover */
	.evt-item:not(.evt-item-active) .evt-name-block {
		opacity: 0.72;
		transition: opacity 0.25s ease;
	}

	.evt-item:not(.evt-item-active):hover .evt-name-block {
		opacity: 1;
	}

	/* Testimonial: hidden on inactive; peek 3 lines on hover */
	.evt-item:not(.evt-item-active) .evt-testimonial {
		display: none;
	}

	/* Active: ring + full overlay */
	.evt-item.evt-item-active {
		box-shadow: var(--evt-active-shadow);
	}

	.evt-item.evt-item-active .evt-description-wrap {
		opacity: 1;
	}

	/* Play button: hidden until active / hover */
	.evt-play {
		opacity: 0;
		pointer-events: none;
		top: calc(50% - 60px);
		margin-top: 0;
		transition: opacity 0.25s ease;
	}

	.evt-item.evt-item-active .evt-play {
		opacity: 1;
		pointer-events: auto;
	}

	.evt-item.evt-item-active .evt-play:hover { opacity: 1 !important; }

	/* Inactive cards: dim play always = "more to watch" */
	.evt-item:not(.evt-item-active) .evt-play {
		opacity: 0.35;
		pointer-events: auto;
	}

	.evt-item:not(.evt-item-active):hover .evt-play {
		opacity: 0.85;
	}

	/* Hover hint ring */
	.evt-item:not(.evt-item-active)::before {
		content: '';
		position: absolute;
		inset: 0;
		border-radius: var(--evt-radius);
		border: 2px solid transparent;
		z-index: 5;
		pointer-events: none;
		transition: border-color 0.25s ease;
	}

	.evt-item:not(.evt-item-active):hover::before {
		border-color: rgba(255,255,255,0.5);
	}

	/* Hide mobile carousel controls on desktop */
	.evt-carousel-prev,
	.evt-carousel-next,
	.evt-carousel-dots {
		display: none !important;
	}
}