/**
 * BookingBeitragsBild - scoped featured image alignment.
 *
 * All rules are scoped to .bbb-listing-single so no other page is affected.
 * --bbb-content-width is written by booking-beitragsbild.js after measuring
 * the real content container (works with boxed and full width layouts).
 */

.bbb-listing-single {
	--bbb-content-width: 100%;
	--bbb-shift: 0px;
}

/* Featured image wrappers used by Bookable / Directorist / block themes. */
.bbb-listing-single .bbb-featured-scope,
.bbb-listing-single .bookable-listing-thumb,
.bbb-listing-single .directorist-single-thumb,
.bbb-listing-single .atbd_listing_image,
.bbb-listing-single .directorist-slider-single__thumb,
.bbb-listing-single .post-thumbnail,
.bbb-listing-single .entry-thumbnail,
.bbb-listing-single .wp-block-post-featured-image {
	width: var(--bbb-content-width);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-inline-start: auto;
	margin-inline-end: auto;
	transform: translateX(var(--bbb-shift));
	overflow: hidden;
}

/* The image itself keeps its aspect ratio and stays sharp. */
.bbb-listing-single .bbb-featured-scope > img,
.bbb-listing-single .bookable-listing-thumb img,
.bbb-listing-single .directorist-single-thumb img,
.bbb-listing-single .atbd_listing_image img,
.bbb-listing-single .directorist-slider-single__thumb img,
.bbb-listing-single .post-thumbnail img,
.bbb-listing-single .entry-thumbnail img,
.bbb-listing-single .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center center;
	image-rendering: auto;
}

/* Prevent horizontal scrolling caused by the negative/positive shift. */
.bbb-listing-single {
	overflow-x: hidden;
}

@media (max-width: 782px) {
	.bbb-listing-single .bbb-featured-scope,
	.bbb-listing-single .bookable-listing-thumb,
	.bbb-listing-single .directorist-single-thumb,
	.bbb-listing-single .atbd_listing_image,
	.bbb-listing-single .directorist-slider-single__thumb,
	.bbb-listing-single .post-thumbnail,
	.bbb-listing-single .entry-thumbnail,
	.bbb-listing-single .wp-block-post-featured-image {
		width: 100%;
		transform: none;
	}
}