/**
 * Latest Roles block — Swiper carousel of job cards
 * (jobs/template-parts/latest-carousel.php).
 */

/* Swiper's stylesheet sizes each slide to its own content; height:auto lets
   the flex wrapper stretch every slide to the tallest, and .jobs-card
   (height:100% in main.css) fills it, so all cards match heights. */
.latest-jobs-carousel-swiper {
	margin-bottom: 1rem;
}

.latest-jobs-carousel-swiper .swiper-slide {
	height: auto;
}

/* From tablet up Swiper runs with slidesPerView 'auto' (content-latest-
   roles.js), so this width — not a per-view count — decides how many tiles
   fit; the tile size stays constant and wider screens simply show more. */
@media screen and (min-width: 768px) {
	.latest-jobs-carousel-swiper .swiper-slide {
		width: 440px;
	}
}

.latest-jobs-carousel-swiper .swiper-slide .jobs-card {
	width: auto;
	max-width: 440px;
}

/* Titles like "Convenience(Windermere)" have no space to break at, so
   overflow-wrap splits the word itself rather than spilling out of the tile. */
.latest-jobs-carousel-swiper .jobs-card h3 {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.latest-roles-carousel-buttons .swiper-button-disabled {
	opacity: 0.5;
	pointer-events: none;
}