/* ── CAHOPE Service Widget ───────────────────────────────────────────── */

:root {
	--csv-overlay:  rgba(0,0,0,0.45);
	--csv-zoom:     1.10;
	--csv-zoom-dur: 0.6s;
}

/* ── Container ───────────────────────────────────────────────────────── */

.csv-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 320px;
	border-radius: 0;
	overflow: hidden;          /* keeps zoom inside rounded corners */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/* The bg-image is set inline; we animate it via a pseudo-element */
}

/* Background image lives on ::before so we can scale it independently */
.csv-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	background: inherit;       /* inherits background-image from parent */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transform: scale(1);
	transition: transform var(--csv-zoom-dur, 0.6s) ease;
	z-index: 0;
}

.csv-wrap:hover::before {
	transform: scale(var(--csv-zoom, 1.10));
}

/* ── Overlay ─────────────────────────────────────────────────────────── */

.csv-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--csv-overlay);
	border-radius: inherit;
	pointer-events: none;
}

/* ── Inner padding wrapper ───────────────────────────────────────────── */

.csv-inner {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: inherit;
	padding: 30px;
}

/* ── Content — pinned to bottom ──────────────────────────────────────── */

.csv-content {
	margin-top: auto;           /* pushes content to bottom of container */
}

/* ── Heading ─────────────────────────────────────────────────────────── */

.csv-heading {
	margin: 0 0 10px;
	color: #fff;
	line-height: 1.25;
}

/* ── Learn More ──────────────────────────────────────────────────────── */

.csv-learn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	transition: color 0.25s ease, gap 0.25s ease;
}

.csv-learn::after {
	content: '→';
	display: inline-block;
	transition: transform 0.25s ease;
}

.csv-learn:hover::after {
	transform: translateX(4px);
}