/**
 * Classifieds module - responsive helpers (mobile + tablet).
 * Loaded from classifieds listing/home views; keeps desktop unchanged.
 */

.classifieds-page-content {
	overflow-x: hidden;
}

/* Classifieds home category tiles */
.servicelist .card.item_thumb img,
.servicelist .tb_widget_recent_list .item_thumb img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.classifieds-listing-main .page_title {
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

.classifieds-listing .layout_post_2 .item_thumb img,
.classifieds-listing .layout_post_2 .thumb_hover img {
	max-width: 100%;
	height: auto;
}

.classifieds-listing .responsive_bg {
	max-width: 100%;
	box-sizing: border-box;
}

/* Keep initials fallback blocks from collapsing to text height */
.classifieds-listing .movie_news_thumb_height,
.classifieds-listing .small_thumb_160,
.classifieds-listing .small_thumb_150,
.classifieds-listing .small_thumb_125,
.classifieds-listing .community_thumb_no_image,
.classifieds-listing .items_for_sale {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.classifieds-listing .movie_news_thumb_height {
	min-height: 275px;
}

.classifieds-listing .small_thumb_160 {
	min-height: 160px;
}

.classifieds-listing .small_thumb_150 {
	min-height: 150px;
}

.classifieds-listing .small_thumb_125,
.classifieds-listing .items_for_sale {
	min-height: 125px;
}

.classifieds-listing .community_thumb_no_image {
	min-height: 275px;
}

@media (max-width: 767px) {
	.classifieds-listing .layout_post_2 .item_thumb {
		width: 100% !important;
		float: none !important;
		margin-right: 0 !important;
		margin-bottom: 10px;
	}

	.classifieds-listing .layout_post_2 .item_content {
		margin-left: 0 !important;
		padding-left: 10px;
		padding-right: 10px;
	}

	.classifieds-listing .pagination-holder .pagination {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.classifieds-listing .pagination-holder .pagination > li {
		margin-bottom: 4px;
	}

	.classifieds-listing .mark-fav,
	.classifieds-listing .mark-unfav {
		min-height: 36px;
		padding: 6px 12px;
	}

	.classifieds-listing .movie_news_thumb_height,
	.classifieds-listing .community_thumb_no_image {
		min-height: 185px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.classifieds-filters-col .filters_col_bt {
		padding: 12px 14px !important;
	}

	.classifieds-listing .layout_post_2 .item_thumb {
		max-width: 38%;
	}

	/* iPad fix: normalize listing thumbnail height */
	.classifieds-listing .layout_post_2 .item_thumb .thumb_hover {
		height: 125px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		background: #fff;
	}

	/* WebKit: avoid width+height 100% on img — use max dims so portrait images are never cropped */
	.classifieds-listing .layout_post_2 .item_thumb .thumb_hover > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		line-height: 0;
	}

	.classifieds-listing .layout_post_2 .item_thumb .thumb_hover img.img_height,
	.classifieds-listing .layout_post_2 .item_thumb .thumb_hover img {
		width: auto !important;
		height: auto !important;
		max-width: 100% !important;
		max-height: 125px !important;
		object-fit: contain !important;
		vertical-align: middle;
	}

	.classifieds-listing .layout_post_2 .item_thumb .responsive_bg {
		height: 125px !important;
		max-width: 100% !important;
	}

	/* iPad fix: center right-side price vertically */
	.classifieds-listing .layout_post_2 .item_content > .row > .col-lg-3.col-md-5 {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.classifieds-listing .layout_post_2 .item_content > .row > .col-lg-3.col-md-5 .item_meta {
		margin-top: 0 !important;
	}

	.classifieds-listing .layout_post_2 .item_content > .row > .col-lg-3.col-md-5 .price.pull-right {
		float: none !important;
		display: inline-block;
		margin-top: 0 !important;
	}

	.classifieds-listing .layout_post_2 .item_content > .row > .col-lg-3.col-md-5 {
		text-align: right;
	}

	/* iPad fix: keep Items-for-Sale image cards visually consistent */
	.classifieds-listing .items_for_sale.small_thumb_125 {
		height: 125px !important;
		min-height: 125px !important;
		overflow: hidden;
	}

	.classifieds-listing .items_for_sale a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.classifieds-listing .items_for_sale .item_for_sale_image {
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-height: none !important;
		object-fit: cover !important;
	}
}