/**
 * Listing placeholder thumbnails — PM table, search cards, grid.
 */

/* PM / profile table: fixed square thumb, no broken alt-text column */
.es-table tbody td.es-column--gallery {
	width: 76px;
	min-width: 76px;
	max-width: 76px;
	vertical-align: middle;
	padding-top: 0.65rem !important;
	padding-bottom: 0.65rem !important;
}

.es-table tbody td.es-column--gallery img,
.es-table tbody td.es-column--gallery img.ls-listing-thumb {
	display: block !important;
	width: 76px !important;
	height: 76px !important;
	min-width: 76px !important;
	min-height: 76px !important;
	max-width: 76px !important;
	max-height: 76px !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 6px;
	background: #1d2412;
	font-size: 0;
	color: transparent;
}

/* Carousel: before Slick init, hide stacked lazy slides (broken alt icons) */
.es-listing__image__slider.js-es-slick:not(.slick-initialized) {
	overflow: hidden;
}

.es-listing__image__slider.js-es-slick:not(.slick-initialized) > div:not(:first-child) {
	display: none !important;
}

.es-listing__image__slider.js-es-slick:not(.slick-initialized) img[data-lazy],
.es-listing__image__slider.js-es-slick img[data-lazy],
.es-listing__image__slider img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 12rem;
	object-fit: cover !important;
	object-position: center !important;
	background: #1d2412;
	font-size: 0;
	color: transparent;
}

/* Profile browse grid — ensure image plane has height even before src hydrates */
.es-profile__content .es-listing__image,
.es-profile__content .es-listing__image__slider,
.es-profile__content .es-listing__image .slick-list,
.es-profile__content .es-listing__image .slick-track,
.es-profile__content .es-listing__image .slick-slide {
	min-height: 12rem;
}

.es-profile__content .es-listing__image .slick-slide img,
.es-profile__content .es-listing__image__slider img {
	opacity: 1 !important;
	visibility: visible !important;
}

.es-listing__image__background.is-ls-placeholder,
.es-listing__image__background[data-bg-image*="listing-placeholder"],
.es-listing__image__background[data-bg-image*="ls-listing-placeholder"] {
	background-size: cover !important;
	background-position: center !important;
}

/* Search / archive cards */
.es-listing__image__background {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: #2a3324;
}

.es-listing__image img,
.es-listing img.ls-listing-thumb {
	object-fit: cover;
	background: #1d2412;
}

.es-listing img.is-ls-placeholder,
.es-listing img[src*="listing-placeholder.svg"],
.es-column--gallery img.is-ls-placeholder,
.es-column--gallery img[src*="listing-placeholder.svg"] {
	object-fit: cover;
	object-position: center;
}

/* Grid cards: prefer real SVG placeholder over CSS mountain when class is set */
.ls-listings-view--grid .es-table tbody td.es-column--gallery img.is-ls-placeholder {
	opacity: 1 !important;
}

/* Single property slider/gallery: keep placeholder plane visible after Slick */
.es-slider .es-slider__item,
.es-slider .es-slider__item--placeholder {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	min-height: 14rem !important;
	padding-top: 56.25% !important;
	background-color: #2a3324 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.es-slider .es-slider__image-inner,
.es-slider .es-slider__image .slick-list,
.es-slider .es-slider__image .slick-track,
.es-slider .es-slider__image .slick-slide {
	min-height: 14rem !important;
}

.es-gallery .es-gallery__image-background,
.es-gallery .es-gallery__image-background--placeholder {
	background-color: #2a3324 !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.es-mobile-gallery img,
.es-mobile-gallery img.is-ls-placeholder {
	display: block;
	width: 100%;
	min-height: 12rem;
	object-fit: cover;
	background: #2a3324;
}
