/*
 * Services slider + FAQ accordions.
 * Replaces the Toolset Views "services-slider" / "faqs-accordion" output
 * (Toolset deactivated 2026-10-27). Styles carried over from the old view CSS.
 */

/* ---------- Services slider ---------- */
.services-slider .wp-block-columns {
	align-items: center;
	gap: 0;
	margin-bottom: 0;
}

.slide-image .wp-block-image {
	margin: 0;
}

.slide-image img {
	max-width: 500px;
	width: 100%;
	height: auto;
}

@media (min-width: 782px) {
	.slide-image {
		text-align: right;
		background-image: url(/wp-content/uploads/2021/10/ServiceBg.jpg);
		background-repeat: no-repeat;
		background-size: 92%;
		background-position: 20px 0;
		padding-top: 40px;
	}
	.slide-image .wp-block-image {
		display: flex;
		justify-content: flex-end;
	}
}

@media (max-width: 781px) {
	.slide-image {
		text-align: center;
	}
	.slide-image .wp-block-image {
		display: flex;
		justify-content: center;
	}
}

.slide-content > * {
	margin-top: 0;
	margin-bottom: 0;
}

.slide-title {
	background-color: #F0F1F2;
	padding: 10px 20px;
	font-size: 24px;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	color: #222222;
	margin: 0;
}

.slide-description {
	padding: 20px;
	border: 1px solid #F0F1F2;
	min-height: 190px;
	margin: 0;
}

.slide-description p {
	margin-bottom: 0;
}

.slide-button {
	margin: 0;
}

.slide-button .button {
	margin-top: 0;
	margin-bottom: 0;
}

/* Prev / next arrows (added by js/services-slider.js) */
.slide-pagination {
	display: flex;
	margin: 0;
}

.slide-pagination button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 12px 16px;
	line-height: 0;
	cursor: pointer;
	box-shadow: none;
}

.slide-pagination .slide-prev {
	background-color: #CDD1D4;
}

.slide-pagination .slide-next {
	background-color: #0E1959;
}

.slide-pagination button:hover,
.slide-pagination button:focus-visible {
	opacity: 0.85;
}

.slide-pagination img {
	display: block;
	width: auto;
	height: auto;
}

/* Carousel: one slide at a time once the script has run */
.services-slider-carousel.is-ready > .services-slider {
	display: none;
}

.services-slider-carousel.is-ready > .services-slider.is-active {
	display: block;
	animation: services-slider-fade 0.5s ease;
}

@keyframes services-slider-fade {
	from { opacity: 0; }
	to   { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.services-slider-carousel.is-ready > .services-slider.is-active {
		animation: none;
	}
}

/* ---------- FAQ accordions ---------- */
.faq-row.wp-block-columns {
	margin-bottom: 0;
}