/* KAMAK "Virtually staged" badge (Story 3.6) — server-rendered overlay, no JS. */

/* Positioning context for the card-thumbnail wrap. `display:block` (not inline-block) so the
   wrap does not shrink-wrap / misalign thumbnails inside rtcl's grid & flex cards. */
.kamak-staged-wrap {
	position: relative;
	display: block;
	width: 100%;
}

.kamak-staged-wrap > img {
	display: block;
	width: 100%;
	height: auto;
}

/* The badge itself — a top-left ribbon that reads over any image. */
.kamak-staged-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 2;
	max-width: calc(100% - 16px);
	padding: 3px 8px;
	border-radius: 3px;
	background: rgba(17, 24, 39, 0.82);
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-transform: none;
	white-space: nowrap;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	pointer-events: none; /* never intercept clicks on the image/slider. */
}

/* Inside the single-listing gallery, `.rtcl-slider-item` (main slider) and `.rtcl-img-item`
   (HomListi style-3 masonry grid) are the positioning contexts. Swiper transforms live on
   `.swiper-wrapper`, not the individual slides, so this is safe. */
.rtcl-slider-item,
.rtcl-img-item {
	position: relative;
}

.rtcl-slider-item .kamak-staged-badge,
.rtcl-img-item .kamak-staged-badge {
	top: 12px;
	left: 12px;
	font-size: 13px;
	padding: 4px 10px;
}