/**
 * Isolate PRO inventory/card skins from Motors layout CSS (especially motorcycle).
 * Theme Select2 rules are global and the dropdown is rendered on body.
 */

 body.mvl-demo-pro-inventory #wrapper,
 body.mvl-demo-pro-inventory #page,
 body.mvl-demo-pro-inventory .wrapper {
	 overflow: visible;
 }
 
 body.mvl-demo-pro-inventory .stm-pro-layout [class^="motors-icons-"],
 body.mvl-demo-pro-inventory .stm-pro-layout [class*=" motors-icons-"],
 body.mvl-demo-pro-inventory .stm-pro-layout [class^="motors-icons-"]:before,
 body.mvl-demo-pro-inventory .stm-pro-layout [class*=" motors-icons-"]:before {
	 font-family: "motors-icons" !important;
	 font-style: normal;
	 font-weight: normal;
	 speak: none;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i {
	 display: block;
	 font-size: 18px;
	 line-height: 1;
	 margin-bottom: 5px;
	 opacity: 1;
	 visibility: visible;
	 speak: never;
	 font-style: normal;
	 font-weight: normal;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i:before {
	 display: inline-block;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-icon-"]:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-icon-"]:before {
	 font-family: "stm-icon" !important;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-moto-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-moto-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-moto-icon-"]:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-moto-icon-"]:before {
	 font-family: "motorcycles" !important;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-boats-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-boats-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-boats-icon-"]:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-boats-icon-"]:before {
	 font-family: "boaticons" !important;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-service-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-service-icon-"],
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class^="stm-service-icon-"]:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i[class*=" stm-service-icon-"]:before {
	 font-family: "stm-service-default" !important;
 }
 
 body.mvl-demo-pro-inventory .mvl-card-listing-data i.fa:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i.fas:before,
 body.mvl-demo-pro-inventory .mvl-card-listing-data i.fa-solid:before {
	 font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
	 font-weight: 900;
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro .select2-container--default .select2-selection--single,
 body.mvl-demo-pro-inventory .select2-container--pro .select2-selection--single {
	 height: 48px;
	 border: 1px solid var(--motors-filter-border-color, #d5d8dc);
	 border-radius: 8px;
	 background-color: var(--motors-filter-field-bg-color, #fff);
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro .select2-container--default .select2-selection--single .select2-selection__rendered,
 body.mvl-demo-pro-inventory .select2-container--pro .select2-selection--single .select2-selection__rendered {
	 line-height: 48px;
	 color: var(--motors-filter-field-text-color, #232628);
	 padding-left: 12px;
	 padding-right: 48px;
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro .select2-container--default .select2-selection--single .select2-selection__arrow,
 body.mvl-demo-pro-inventory .select2-container--pro .select2-selection--single .select2-selection__arrow {
	 height: 48px;
	 width: 32px;
	 right: 0;
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro .select2-container--default .select2-selection--single .select2-selection__arrow b,
 body.mvl-demo-pro-inventory .select2-container--pro .select2-selection--single .select2-selection__arrow b {
	 border: none;
	 width: 15px;
	 height: 15px;
	 margin: 0;
	 left: auto;
	 right: 12px;
	 top: 50%;
	 transform: translateY(-50%);
	 font-family: "Font Awesome 6 Free", "FontAwesome", sans-serif;
	 font-weight: 600;
	 font-size: 16px;
	 color: var(--motors-filter-field-text-color, #232628);
	 background: none;
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro .select2-container--default .select2-selection--single .select2-selection__arrow b:before,
 body.mvl-demo-pro-inventory .select2-container--pro .select2-selection--single .select2-selection__arrow b:before {
	 content: "\f107";
	 font-family: inherit;
	 color: inherit;
 }
 
 body.mvl-demo-pro-inventory .select2-container--pro.select2-container--open .select2-dropdown,
 body.mvl-demo-pro-inventory .select2-dropdown.select2-dropdown--below,
 body.mvl-demo-pro-inventory .select2-dropdown.select2-dropdown--above {
	 background: var(--motors-filter-field-bg-color, #fff) !important;
	 border: 1px solid var(--motors-filter-border-color, #d5d8dc) !important;
	 border-radius: 8px;
	 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
	 color: var(--motors-filter-field-text-color, #232628);
 }
 
 body.mvl-demo-pro-inventory .select2-container--pro .select2-results__options li,
 body.mvl-demo-pro-inventory .select2-dropdown .select2-results__options li {
	 color: var(--motors-filter-field-text-color, #232628) !important;
	 background: transparent;
	 border-bottom: 1px solid var(--motors-filter-border-color, #eee);
	 padding: 10px 14px;
 }
 
 body.mvl-demo-pro-inventory .select2-container--pro .select2-results__option--highlighted,
 body.mvl-demo-pro-inventory .select2-dropdown .select2-results__option--highlighted,
 body.mvl-demo-pro-inventory .select2-container--default .select2-results__option--highlighted[aria-selected] {
	 background: var(--motors-filter-border-color-lowalpha, #f4f5f7) !important;
	 color: var(--motors-filter-field-text-color, #232628) !important;
 }
 
 body.mvl-demo-pro-inventory .select2-container--default .select2-results__option[aria-disabled="true"] {
	 display: list-item;
	 color: var(--motors-filter-field-text-color-lowalpha, #8c9094) !important;
 }
 
 body.mvl-demo-pro-inventory .stm-inventory-pro-filter .stm-filter-pro-item-heading .handle-arrow:before,
 body.mvl-demo-pro-inventory .stm-inventory-pro-filter .heading-action .handle-arrow:before {
	 font-family: "motors-icons" !important;
 }
 
 /**
  * The motorcycle layout caps every .img-responsive at 245px. Modern card skins reset
  * max-height themselves, Elegant (skin_2) and Compact (skin_3) do not, so their images
  * stop at 245px inside a taller gallery column.
  */
 body.mvl-demo-pro-inventory .mvl-card-skins .image-inner img.img-responsive {
	 min-height: 0;
	 max-height: none;
 }
 
 /**
  * PRO layouts print filter/inventory/items-per-page after the results, so the Motors
  * per-page control inside the motorcycle pagination is a duplicate that also links to
  * the theme archive page. Its wrapper lives in the pagination template, which we keep.
  */
 body.mvl-demo-pro-inventory .classic-filter-pagination .stm-motorcycle-per-page {
	 display: none;
 }
 
 /**
  * The remaining control is printed after the results while the pagination sits inside
  * #listings-result, so it drops onto its own line. Moving it in the DOM is not an option
  * (AJAX filtering replaces #listings-result), so pin it to the bottom right of the column:
  * out of the flow the column ends with the page numbers, and the control lands on their
  * line. Only when the numbers exist, otherwise it would sit on the last row of cards.
  */
 @media (min-width: 992px) {
	 body.mvl-demo-pro-inventory .stm-inventory-pro-maincol:has(.classic-filter-pagination .stm-blog-pagination ul) {
		 position: relative;
	 }
 
	 body.mvl-demo-pro-inventory .stm-inventory-pro-maincol:has(.classic-filter-pagination .stm-blog-pagination ul) > .stm-inventory-items-per-page-wrap {
		 position: absolute;
		 right: 0;
		 bottom: 0;
		 margin: 0;
	 }
 }
 
 /**
  * "Show full phone number" is on: the template skips the mask and the "Show number"
  * label, so the JS that unhides .single-listing-phone-number never runs.
  */
 .single-listing-phone-button:not(:has(.single-listing-hidden-phone-number)) .single-listing-phone-number {
	 display: inline-block;
 }
 
 .single-listing-data-item-label i[class^="motors-icons-"],
 .single-listing-data-item-label i[class*=" motors-icons-"],
 .stm-single-car-listing-data .item-label i[class^="motors-icons-"],
 .stm-single-car-listing-data .item-label i[class*=" motors-icons-"] {
	 font-family: "motors-icons" !important;
	 font-style: normal;
	 font-weight: normal;
	 speak: never;
	 display: inline-block;
	 margin-right: 6px;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
 }
 
 .single-listing-sidebar a, .single-listing-sidebar a:hover {
	 color: var(--motors-text-color, #df1d1d);
  }
 
body.stm-template-motorcycle .single-listing-container {
	padding-top: 100px;
}
 

/* Solid card buttons on the motorcycles demo instead of the tinted plugin default */
body.stm-template-motorcycle .mvl-action-buttons .mvl-action-buttons-inner .mvl-action-button,
body.stm-template-motorcycle .mvl-action-buttons .mvl-action-buttons-inner .mvl-view-listing a.mvl_view_listing_link {
    background-color: #df1d1d;
    border-color: #df1d1d;
    color: #fff !important;
}

body.stm-template-motorcycle .mvl-action-buttons .mvl-action-buttons-inner .mvl-action-button i,
body.stm-template-motorcycle .mvl-action-buttons .mvl-action-buttons-inner .mvl-view-listing a.mvl_view_listing_link i {
    color: #fff;
}

body.stm-template-car_dealer_elementor #main {
	background-color: #e0e0e0;
}