/**
 * Service Case Studies — scoped styles only.
 *
 * Reuses existing theme classes for cards/grid/buttons
 * (.container, .row, .blog_box, .ratio-img, .learnmore, .cta-button).
 * This file adds ONLY section spacing, button wrapper alignment,
 * loading/disabled state, and status messaging. No global overrides.
 */

.service-case-studies {
	padding: 80px 0;
	position: relative;
}

.service-case-studies .inn_info {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.service-case-studies-grid {
	--bs-gutter-y: 1.5rem;
}

.service-case-study-card-col {
	display: flex;
}

.service-case-study-card {
	width: 100%;
}

/* Ensure appended cards match existing hover/transition behavior. */
.service-case-study-card a {
	display: block;
	width: 100%;
}

.service-case-studies-load-more-wrap {
	margin-top: 40px;
}

.service-case-studies-load-more {
	cursor: pointer;
}

.service-case-studies-load-more[disabled],
.service-case-studies-load-more.is-loading {
	opacity: 0.65;
	cursor: wait;
	pointer-events: none;
}

.service-case-studies-status {
	margin-top: 15px;
	font-size: 14px;
	min-height: 1.2em;
}

.service-case-studies-status.is-error {
	color: #ff8080;
}

@media (max-width: 991px) {
	.service-case-studies {
		padding: 60px 0;
	}
}

@media (max-width: 767px) {
	.service-case-studies {
		padding: 50px 0;
	}

	.service-case-studies-load-more-wrap {
		margin-top: 30px;
	}
}