/* MaklerPress Gallery – ein Hauptbild + Thumbnails (DEV-009), Scoping unter .mp-gallery */
.mp-gallery {
	position: relative;
}
.mp-gallery .mp-gallery-main {
	width: 100%;
	height: 420px;
	min-height: 320px;
	position: relative;
	background: var(--mp-bg-alt, #f8fafc);
}
.mp-gallery .mp-gallery-main-link {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 0;
}
.mp-gallery .mp-gallery-main-link:focus {
	outline: none;
}
.mp-gallery .mp-gallery-main-link:focus-visible {
	outline: 2px solid var(--mp-primary, #2563eb);
	outline-offset: 2px;
}
.mp-gallery .mp-gallery-main-img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.mp-gallery .mp-gallery-prev,
.mp-gallery .mp-gallery-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border: 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	border-radius: 4px;
	z-index: 3;
}
.mp-gallery .mp-gallery-prev:hover,
.mp-gallery .mp-gallery-next:hover {
	background: rgba(0,0,0,0.7);
}
.mp-gallery .mp-gallery-prev { left: 8px; }
.mp-gallery .mp-gallery-next { right: 8px; }

.mp-gallery .mp-gallery-thumbnails {
	margin-top: 0.75rem;
}
.mp-gallery .mp-gallery-thumbnails .swiper-slide {
	width: auto;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 0.2s;
}
.mp-gallery .mp-gallery-thumbnails .mp-gallery-thumb:focus {
	outline: none;
}
.mp-gallery .mp-gallery-thumbnails .mp-gallery-thumb:focus-visible {
	outline: 2px solid var(--mp-primary, #2563eb);
	outline-offset: 2px;
}
.mp-gallery .mp-gallery-thumbnails .mp-gallery-thumb-active,
.mp-gallery .mp-gallery-thumbnails .swiper-slide:hover {
	opacity: 1;
}
.mp-gallery .mp-gallery-thumbnails .swiper-slide img {
	width: 80px;
	height: 60px;
	object-fit: cover;
	display: block;
}
/* DEV-010: Platzhalter für Video/360°-Slides */
.mp-gallery .mp-gallery-placeholder {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--mp-bg-alt, #f8fafc);
	color: var(--mp-muted, #64748b);
	font-size: 1rem;
}
.mp-gallery .mp-gallery-thumb-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 60px;
	background: var(--mp-bg-alt, #f1f5f9);
	color: var(--mp-muted, #64748b);
	font-size: 0.75rem;
}

/* Lightbox 360° (external): Description unter der Tour dauerhaft ausblenden – GLightbox setzt beim Slide-Wechsel display:'' per Inline-Style. */
#glightbox-body .gslide-media.gslide-external + .gslide-description {
	display: none !important;
}