/**
 * Testimonials Block Styles
 * This CSS file is automatically loaded only when the testimonials block is present on the page.
 */

.testimonials {
	width: 100%;
	background: linear-gradient(180deg, var(--primary-white) -2.54%, #E3EDF5 15.13%, #B8D3E9 22.92%, #81B1D9 28.3%, var(--primary-blue) 45.98%);
	padding: 80px 0;
	overflow: hidden;
	min-height: 1000px;
    display: flex;
    align-items: flex-end;
    margin-top: -500px;
}

.testimonials__inner {
	max-width: 100%;
	padding: 0 80px;
}

.testimonials__title {
	font-family: var(--font-heading);
	font-size: 48px;
	font-weight: 400;
	color: var(--primary-red);
	-webkit-text-stroke: 2px white;
	text-stroke: 2px white;
	paint-order: stroke fill;
	text-align: center;
	margin: 0 0 40px;
}

/* Slider */
.testimonials__slider {
	margin: 0 -10px;
}

.testimonials__slide {
	padding: 10px;
}

.testimonials__slide-inner {
	border-radius: 24px;
	border: 4px solid var(--primary-red);
	background: #FFF;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.20);
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 500px;
	margin: 0 auto;
}

/* Row 1: Header */
.testimonials__slide-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.testimonials__slide-icon {
	width: auto;
}

.testimonials__slide-date {
	font-family: var(--font-content);
	font-size: 14px;
	font-weight: 400;
	color: #666;
}

/* Row 2: Content */
.testimonials__slide-content-wrapper {
	position: relative;
}

.testimonials__slide-content {
	max-height: 110px;
	overflow: hidden;
	font-family: var(--font-content);
	font-size: 14px;
	font-weight: 400;
	color: var(--primary-black);
	line-height: 1.5;
	transition: max-height 0.3s ease;
}

.testimonials__slide-content.is-expanded {
	max-height: 110px;
	overflow-y: auto;
}

.testimonials__slide-content p {
	margin: 0 0 8px;
}

.testimonials__slide-content p:last-child {
	margin-bottom: 0;
}

.testimonials__read-more {
	display: none;
	background: none;
	border: none;
	color: var(--primary-red);
	font-family: var(--font-content);
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	padding: 8px 0 0;
	text-decoration: underline;
}

.testimonials__read-more.is-visible {
	display: block;
}

/* Row 3: Footer */
.testimonials__slide-footer {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.testimonials__slide-name {
	font-family: var(--font-heading);
	font-size: 28px;
	font-weight: 400;
	color: #043F50;
    text-transform: uppercase;
}

.testimonials__slide-footer svg {
	flex-shrink: 0;
}

/* Slick Slider Customization */
.testimonials__slider .slick-list {
	overflow: hidden;
	padding: 20px 0;
}

.testimonials__slider .slick-track {
	display: flex;
	align-items: stretch;
}

.testimonials__slider .slick-slide {
	height: auto;
}

.testimonials__slider .slick-slide > div {
	height: 100%;
}

.testimonials__slide {
	height: 100%;
}

.testimonials__slide-inner {
	height: 100%;
}

/* Center Mode - Active slide */
.testimonials__slider .slick-slide .testimonials__slide-inner {
	opacity: 0.7;
	transform: scale(0.95);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.testimonials__slider .slick-slide.slick-center .testimonials__slide-inner {
	opacity: 1;
	transform: scale(1);
}

/* Slick Arrows */
.testimonials__slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 48px;
	height: 48px;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 0;
	padding: 0;
}

.testimonials__slider .slick-prev {
	left: -60px;
	background-image: url('/wp-content/uploads/2026/01/Group-1000002105.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.testimonials__slider .slick-next {
	right: -60px;
	background-image: url('/wp-content/uploads/2026/01/Group-1000002104.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.testimonials__slider .slick-prev:before,
.testimonials__slider .slick-next:before {
	display: none;
}


@media (max-width: 992px) {
	.testimonials {
		padding: 60px 0;
		min-height: 1700px;
		margin-top: -1240px;
	}

	.testimonials__inner {
		padding: 0 20px;
		max-width: 100%;
	}

	.testimonials__title {
		font-size: 36px;
		-webkit-text-stroke: 1px white;
		text-stroke: 1px white;
	}

	.testimonials__slider {
		margin: 0 auto;
		position: relative;
	}

	.testimonials__slide {
		padding: 10px 0;
	}

	.testimonials__slide-inner {
		max-width: 100%;
		box-sizing: border-box;
	}

	.testimonials__slider .slick-arrow {
		width: 30px;
		height: 30px;
	}

	.testimonials__slider .slick-prev {
		left: -21px;
	}

	.testimonials__slider .slick-next {
		right: -21px;
	}

	/* Header: stack icon and date */
	.testimonials__slide-header {
		flex-wrap: wrap;
		gap: 8px;
	}

	.testimonials__slide-icon {
		height: 32px;
	}

	.testimonials__slide-name {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.testimonials {
		padding: 40px 0;
	}

	.testimonials__title {
		font-size: 28px;
	}

	.testimonials__slide-inner {
		padding: 16px;
	}

	.testimonials__slider .slick-arrow {
		width: 28px;
		height: 28px;
	}

	.testimonials__slide-name {
		font-size: 20px;
	}
}