/**
 * ACF Custom Upgrade — shared front-end UI (single source of truth).
 *
 * Scoped blocks: listing header, Elementor Motors Listings Search Tabs, plugin widgets.
 */

/* -------------------------------------------------------------------------
   Plugin widgets (Make Featured, statistics modal)
   ------------------------------------------------------------------------- */

.acf-make-featured-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#statistics-modal .stm-stats-legend .stm-legend-item,
#statistics-modal-wrap .stm-stats-legend .stm-legend-item {
	gap: 0;
}

#statistics-modal .legend-dot,
#statistics-modal-wrap .legend-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	flex-shrink: 0;
	vertical-align: middle;
}

#statistics-modal .legend-dot.listing,
#statistics-modal-wrap .legend-dot.listing {
	background: #3b82f6;
}

#statistics-modal .legend-dot.phone,
#statistics-modal-wrap .legend-dot.phone {
	background: #22c55e;
}

#statistics-modal .legend-dot.whatsapp,
#statistics-modal-wrap .legend-dot.whatsapp {
	background: #25d366;
}

#statistics-modal .legend-dot.email,
#statistics-modal-wrap .legend-dot.email {
	background: #f59e0b;
}

#statistics-modal .acf-stats-header li i,
#statistics-modal-wrap .acf-stats-header li i {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 6px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	vertical-align: middle;
}

#statistics-modal .acf-stats-header li i::before,
#statistics-modal-wrap .acf-stats-header li i::before {
	content: none !important;
}

#statistics-modal .acf-stats-header li:nth-child(1) i,
#statistics-modal-wrap .acf-stats-header li:nth-child(1) i {
	background: #3b82f6;
}

#statistics-modal .acf-stats-header li:nth-child(2) i,
#statistics-modal-wrap .acf-stats-header li:nth-child(2) i {
	background: #22c55e;
}

#statistics-modal .acf-stats-header li:nth-child(3) i,
#statistics-modal-wrap .acf-stats-header li:nth-child(3) i {
	background: #25d366;
}

#statistics-modal .acf-stats-header li:nth-child(4) i,
#statistics-modal-wrap .acf-stats-header li:nth-child(4) i {
	background: #f59e0b;
}

/* -------------------------------------------------------------------------
   Listing header (normal + sticky)
   ------------------------------------------------------------------------- */

.header-listing {
	padding: 6px 0 !important;
	min-height: auto !important;
}

.header-listing .header-inner-content {
	padding: 0 !important;
}

.header-listing .listing-header-bg {
	padding: 4px 0 !important;
}

.header-listing .main-menu > li > a {
	padding: 8px 0 !important;
	line-height: 1.2;
}

.header-listing .logo img {
	max-height: 38px;
	transition: all 0.2s ease;
}

.header-listing.stm-fixed {
	padding-top: 2px !important;
}

.header-listing.stm-fixed .logo img {
	max-height: 30px;
}

.header-listing.stm-fixed .main-menu > li > a {
	padding: 6px 0 !important;
}

#header.stm-sticky-on {
	min-height: auto !important;
}

/* -------------------------------------------------------------------------
   Search form — Elementor widget: motors-listings-search-tabs
   (Motors classes use underscores: stm_dynamic_listing_filter, stm_dynamic_listing_filter_nav)
   ------------------------------------------------------------------------- */

/* Card rounding only on bottom — top was forcing a 12px arc on the first tab only */
.elementor-widget-motors-listings-search-tabs .filter-listing.stm_dynamic_listing_filter {
	border-radius: 0 0 12px 12px;
	overflow: hidden;
}

.elementor-widget-motors-listings-search-tabs .stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li {
	border-radius: 4px;
	overflow: hidden;
}

.elementor-widget-motors-listings-search-tabs .stm_dynamic_listing_filter .stm_dynamic_listing_filter_nav li a {
	border-radius: 4px;
}

.elementor-widget-motors-listings-search-tabs .stm-filter-tab-selects .select2-container--default .select2-selection--single {
	height: 48px !important;
	border-radius: 4px !important;
	border: 1px solid #e5e7eb !important;
	display: flex;
	align-items: center;
}

.elementor-widget-motors-listings-search-tabs .stm-filter-tab-selects .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 15px !important;
	line-height: 48px !important;
}

.elementor-widget-motors-listings-search-tabs .stm-filter-tab-selects .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 48px !important;
}

.elementor-widget-motors-listings-search-tabs .stm-filter-tab-selects .stm-select-col select {
	box-sizing: border-box;
	height: 48px;
	padding: 0 15px;
	border-radius: 4px;
	border: 1px solid #e5e7eb;
	line-height: 48px;
}

.elementor-widget-motors-listings-search-tabs .stm-filter-tab-selects button[type="submit"].search-submit {
	height: 48px !important;
	border-radius: 4px !important;
	box-sizing: border-box;
	padding: 0 15px;
}

/* Dealer dashboard listing status: manual duplicate marker */
.listing-list-loop .content .meta-bottom .listing-status.listing-status-duplicate,
.mvl-custom-skin-actions .content .meta-bottom .listing-status.listing-status-duplicate {
	background: #c62828;
	color: #fff;
}

/* Singular listing: hash jump to #contact-form-title — offset fixed/sticky header so the heading stays visible */
body.acfcu-singular-listing #contact-form-title {
	scroll-margin-top: var(--acfcu-contact-anchor-offset, 140px);
}