/* ==========================================================
   VERAUTO V26 - INVENTORY CARDS
   /le-nostre-auto/ uses the same visual card as the homepage.
   This file is intentionally separate from verauto-main.css so
   the latest manual homepage/hero changes are not overwritten.
   ========================================================== */

/* Both Motors "list" and "grid" modes become the same card grid. */
body.stm-template-motorcycle .stm-isotope-sorting-list,
body.stm-template-motorcycle .stm-isotope-sorting-grid > .car-listing-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin-left: -12px !important;
    margin-right: -12px !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list > .stm_moto_single_grid_item,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-listing-row > .stm_moto_single_grid_item {
    display: flex !important;
    float: none !important;
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
    margin: 0 0 24px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* Reset horizontal/list rules inherited from Motorcycle. */
body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .image,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .image {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    aspect-ratio: 5 / 3 !important;
    overflow: hidden !important;
    background: #f4f6f8 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .image img,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .image::after,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .image::after {
    opacity: 0 !important;
    background: transparent !important;
}

/* Card shell: same white/radius treatment used on the homepage. */
body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item > a.rmv_txt_drctn,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item > a.rmv_txt_drctn {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: #1d252c !important;
    background: #fff !important;
    border: 1px solid #e1e6ea !important;
    border-radius: 24px !important;
    box-shadow: 0 10px 30px rgba(22, 33, 43, .08) !important;
    text-decoration: none !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item > a.rmv_txt_drctn:hover,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item > a.rmv_txt_drctn:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(9, 143, 198, .38) !important;
    box-shadow: 0 18px 42px rgba(22, 33, 43, .13) !important;
}

/* Force the old dark list panel back to the approved white card body. */
body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .listing-car-item-meta,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .listing-car-item-meta {
    position: static !important;
    display: flex !important;
    float: none !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1d252c !important;
    background: #fff !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .car-meta-top,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .car-meta-top {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 24px 24px 8px !important;
    color: #1d252c !important;
    background: #fff !important;
    border: 0 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .car-title,
body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .car-title *,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .car-title,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .car-title * {
    color: #1d252c !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item .car-title,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item .car-title {
    min-height: 0 !important;
    overflow: visible !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
}

/* Manufacturer logo. */
body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-brand,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 28px !important;
    margin: 0 0 8px !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-brand img,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-brand img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 44px !important;
    max-height: 26px !important;
    object-fit: contain !important;
    object-position: left center !important;
}

/* Dedicated price pill under the title. */
body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price {
    margin: 0 !important;
    padding: 6px 24px 18px !important;
    background: #fff !important;
    text-align: left !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-inner,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-inner {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    max-width: 100% !important;
    padding: 7px 13px 8px !important;
    color: #fff !important;
    background: #0b8bc4 !important;
    border-radius: 11px !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-main,
body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-sale,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-main,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-sale {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-regular,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-regular {
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: line-through !important;
}

/* Specs and CTA. */
body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 24px 22px !important;
    color: #222b32 !important;
    background: #fff !important;
    border-top: 1px solid #edf0f2 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom ul,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom ul {
    margin: 0 !important;
    padding: 0 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom li,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom li {
    min-height: 25px !important;
    color: #222b32 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom span,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom span {
    color: #222b32 !important;
    font-size: 13px !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom .stm_label,
body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom .stm_label {
    color: #7a838b !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-cta,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-cta {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 62px !important;
    margin-top: auto !important;
    padding: 18px 24px 24px !important;
    color: #1d252c !important;
    background: #fff !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-cta *,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-cta * {
    color: #1d252c !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-cta-arrow,
body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-cta-arrow {
    display: inline-block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    transition: transform .2s ease !important;
}

body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_single_grid_item > a:hover .verauto-card-cta-arrow,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_single_grid_item > a:hover .verauto-card-cta-arrow {
    transform: translateX(5px) !important;
}

/* Keep image hover actions/compare inside the image instead of affecting layout. */
body.stm-template-motorcycle .stm-isotope-sorting-list .stm_moto_hover_unit,
body.stm-template-motorcycle .stm-isotope-sorting-grid .stm_moto_hover_unit {
    left: 18px !important;
    right: 18px !important;
    bottom: 16px !important;
}

@media (max-width: 991px) {
    body.stm-template-motorcycle .stm-isotope-sorting-list > .stm_moto_single_grid_item,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .car-listing-row > .stm_moto_single_grid_item {
        flex-basis: 50% !important;
        width: 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767px) {
    body.stm-template-motorcycle .stm-isotope-sorting-list,
    body.stm-template-motorcycle .stm-isotope-sorting-grid > .car-listing-row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list > .stm_moto_single_grid_item,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .car-listing-row > .stm_moto_single_grid_item {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-top,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-top {
        padding: 20px 18px 7px !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .car-title,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .car-title {
        font-size: 19px !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price {
        padding: 5px 18px 15px !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-main,
    body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-price-sale,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-main,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-price-sale {
        font-size: 21px !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .car-meta-bottom,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .car-meta-bottom {
        padding: 14px 18px 18px !important;
    }

    body.stm-template-motorcycle .stm-isotope-sorting-list .verauto-card-cta,
    body.stm-template-motorcycle .stm-isotope-sorting-grid .verauto-card-cta {
        min-height: 56px !important;
        padding: 16px 18px 20px !important;
    }
}

/* ==========================================================
   VERAUTO V27 - INVENTORY TOP BAR + SIDEBAR
   Modern visual treatment inspired by the approved reference.
   Keeps Motors filter/sort/AJAX logic unchanged.
   ========================================================== */

/* Page canvas */
body:not(.home).stm-template-motorcycle .stm-single-car-page,
body:not(.home).stm-template-motorcycle .archive-listing-page {
    background: #f6f8fa !important;
}

body:not(.home).stm-template-motorcycle .archive-listing-page {
    padding-top: 28px !important;
}

/* ----------------------------------------------------------
   TOP VEHICLE TABS: remove Motorcycle skewed shapes
   ---------------------------------------------------------- */
body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 9px !important;
    width: calc(100% - 30px) !important;
    max-width: 1140px !important;
    margin: 24px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    font-size: inherit !important;
}

body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit::before,
body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit::after {
    content: none !important;
    display: none !important;
    transform: none !important;
}

body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 9px 16px !important;
    color: #27313a !important;
    background: #fff !important;
    border: 1px solid #d7dde3 !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(25, 39, 52, .025) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transition: border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease !important;
}

body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit a:hover {
    color: #087fb4 !important;
    border-color: rgba(11, 139, 196, .48) !important;
    background: #fff !important;
}

body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit.active a {
    color: #087fb4 !important;
    border-color: #0b8bc4 !important;
    background: #f2f9fc !important;
    box-shadow: 0 0 0 1px rgba(11, 139, 196, .08) !important;
}

/* ----------------------------------------------------------
   LISTING HEADING + SORT CONTROLS
   ---------------------------------------------------------- */
body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units.stm-car-listing-directory-sort-units {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 22px !important;
    min-height: 112px !important;
    margin: 0 0 22px !important;
    padding: 26px 0 20px !important;
    border-bottom: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title {
    float: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Eyebrow matching the reference */
body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title::before {
    content: "IL PARCO AUTO" !important;
    display: block !important;
    margin: 0 0 6px !important;
    color: #6d7782 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
}

/* Force the visible archive heading without changing filter logic. */
body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .title {
    margin: 0 0 4px !important;
    color: #1f252b !important;
    font-size: 0 !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: -.025em !important;
    text-transform: none !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .title::after {
    content: "Le nostre auto" !important;
    font-size: 32px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .stm-listing-directory-total-matches {
    margin: 0 !important;
    color: #7b838c !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .stm-listing-directory-total-matches::after {
    content: " veicoli disponibili" !important;
}

/* Hide original translated word after the number. */
body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .stm-listing-directory-total-matches {
    font-size: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .stm-listing-directory-total-matches > span {
    font-size: 13px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .stm-listing-directory-total-matches::after {
    font-size: 13px !important;
}

body:not(.home).stm-template-motorcycle .stm-directory-listing-top__right {
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-directory-listing-top__right > .clearfix {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    float: none !important;
    margin: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options > span {
    display: none !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting {
    float: none !important;
    width: 190px !important;
    margin: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .select2-container {
    width: 100% !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .select2-selection--single {
    height: 42px !important;
    background: #fff !important;
    border: 1px solid #d7dde3 !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .select2-selection__rendered {
    height: 40px !important;
    padding: 0 38px 0 13px !important;
    color: #27313a !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 13px !important;
    line-height: 40px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .select2-selection__arrow {
    width: 34px !important;
    height: 40px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by::after {
    content: none !important;
    display: none !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by .view-type {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #6c7680 !important;
    background: #fff !important;
    border: 1px solid #d7dde3 !important;
    border-radius: 11px !important;
}

body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by .view-type.active,
body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by .view-type:hover {
    color: #0b8bc4 !important;
    background: #f2f9fc !important;
    border-color: #0b8bc4 !important;
}

/* ----------------------------------------------------------
   SIDEBAR FILTER CARD
   ---------------------------------------------------------- */
body:not(.home).stm-template-motorcycle .classic-filter-row {
    margin-top: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar {
    margin: 0 0 24px !important;
    padding: 18px !important;
    background: #fff !important;
    border: 1px solid #dce2e7 !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(26, 39, 51, .04) !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header .h4 {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    color: #242b31 !important;
    font-size: 0 !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header .h4::before {
    content: "☷" !important;
    display: inline-block !important;
    margin-right: 8px !important;
    color: #4f5962 !important;
    font-size: 16px !important;
    vertical-align: -1px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header .h4::after {
    content: "Filtri" !important;
    font-size: 15px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header a {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    color: #69737c !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 0 !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header a::before {
    content: none !important;
    display: none !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .sidebar-entry-header a::after {
    content: "Ripristina" !important;
    position: static !important;
    display: inline !important;
    color: inherit !important;
    background: none !important;
    border: 0 !important;
    font-size: 12px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .row-pad-top-24 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .row-pad-top-24 > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .form-group {
    margin-bottom: 11px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .select2-container {
    width: 100% !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-selection.select2-selection--single {
    height: 46px !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-selection.select2-selection--single .select2-selection__rendered,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-selection__rendered {
    height: 44px !important;
    padding: 0 38px 0 13px !important;
    color: #28323a !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 44px !important;
    font-weight: 500 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-selection__arrow {
    width: 35px !important;
    height: 44px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-selection__arrow b,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .selection:hover b,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-container--open .selection b {
    color: #69747d !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .select2-container--open .select2-selection__rendered {
    border: 0 !important;
    color: #28323a !important;
    background: #fff !important;
}

/* Price/range filters use the same white card language. */
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price {
    margin: 0 0 11px !important;
    padding: 14px 13px 15px !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price h5,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .stm-current-slider-labels {
    color: #39434b !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-widget-content {
    background: #e7ebee !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-slider-range {
    background: #0b8bc4 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-state-active,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-widget-content .ui-state-active,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-widget-header .ui-state-active,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .filter-price .ui-slider-handle {
    background: #fff !important;
    border: 2px solid #0b8bc4 !important;
}

/* Any additional checkbox/features blocks */
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar label,
body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar .stm-option-label {
    color: #333c43 !important;
}

/* Select2 dropdowns are appended to BODY, so they need page-level selectors. */
body:not(.home).stm-template-motorcycle .select2-container--open .select2-dropdown {
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(19, 34, 48, .13) !important;
    overflow: hidden !important;
}

body:not(.home).stm-template-motorcycle .select2-container--open .select2-results,
body:not(.home).stm-template-motorcycle .select2-container--open .select2-results__options {
    background: #fff !important;
}

body:not(.home).stm-template-motorcycle .select2-container--open .select2-results__option {
    padding: 10px 13px !important;
    color: #28323a !important;
    background: #fff !important;
    border-bottom: 1px solid #edf0f2 !important;
    font-size: 13px !important;
}

body:not(.home).stm-template-motorcycle .select2-container--default .select2-results__option[aria-selected="true"],
body:not(.home).stm-template-motorcycle .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #087fb4 !important;
    background: #f1f8fc !important;
}

body:not(.home).stm-template-motorcycle .select2-search--dropdown {
    padding: 8px !important;
    background: #fff !important;
}

body:not(.home).stm-template-motorcycle .select2-search--dropdown .select2-search__field {
    height: 40px !important;
    padding: 0 10px !important;
    color: #28323a !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 8px !important;
}

/* Remove old dark chosen-filter chips. */
body:not(.home).stm-template-motorcycle ul.stm-filter-chosen-units-list li {
    color: #2e3941 !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 999px !important;
}

/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */
@media (max-width: 991px) {
    body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed {
        width: calc(100% - 30px) !important;
        margin: 18px auto 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
    }

    body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed::-webkit-scrollbar {
        display: none;
    }

    body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit {
        flex: 0 0 auto !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units.stm-car-listing-directory-sort-units {
        align-items: center !important;
        min-height: 0 !important;
        padding: 22px 0 18px !important;
    }

    body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar {
        margin-bottom: 22px !important;
    }
}

@media (max-width: 767px) {
    body:not(.home).stm-template-motorcycle .archive-listing-page {
        padding-top: 18px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed {
        width: calc(100% - 24px) !important;
        margin-top: 14px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-filter-tabs-skewed .stm-filter-tab-single-unit a {
        min-height: 38px !important;
        padding: 8px 14px !important;
        font-size: 12px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units.stm-car-listing-directory-sort-units {
        display: block !important;
        margin-bottom: 18px !important;
        padding: 18px 0 16px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title {
        margin-bottom: 14px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-listing-directory-title .title::after {
        font-size: 28px !important;
    }

    body:not(.home).stm-template-motorcycle .stm-directory-listing-top__right,
    body:not(.home).stm-template-motorcycle .stm-directory-listing-top__right > .clearfix {
        width: 100% !important;
    }

    body:not(.home).stm-template-motorcycle .stm-directory-listing-top__right > .clearfix {
        justify-content: space-between !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options {
        flex: 1 1 auto !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-sort-by-options .stm-select-sorting {
        width: 100% !important;
        max-width: none !important;
    }

    body:not(.home).stm-template-motorcycle .stm-car-listing-sort-units .stm-view-by {
        flex: 0 0 auto !important;
    }

    body:not(.home).stm-template-motorcycle .classic-filter-row .filter-sidebar {
        padding: 15px !important;
        border-radius: 15px !important;
    }
}

/* =========================================================
   VERAUTO V28 - LISTING PAGINATION / ITEMS PER PAGE
   ========================================================= */
body:not(.home).stm-template-motorcycle .classic-filter-pagination {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination > .col-md-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination > .col-md-12 > .clearfix {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-top: 0 !important;
    padding-top: 24px !important;
    padding-bottom: 18px !important;
    border-top: 1px solid #dfe4e8 !important;
}

/* Pagination */
body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination {
    float: none !important;
    margin: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li {
    display: block !important;
    margin: 0 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li > a,
body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    color: #27313a !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: .2s ease !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li > a:hover {
    color: #0b8bc4 !important;
    background: #f2f9fc !important;
    border-color: #9ed4ec !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li > span.current {
    color: #fff !important;
    background: #0b8bc4 !important;
    border-color: #0b8bc4 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers li > span.dots {
    color: #68737c !important;
    background: transparent !important;
    border-color: transparent !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination .page-numbers.prev,
body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination .page-numbers.next {
    display: none !important;
}

/* Vehicles per page */
body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_label {
    position: static !important;
    margin: 0 !important;
    color: #7c858d !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp {
    position: relative !important;
    width: 74px !important;
    height: 42px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    color: #27313a !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp::after {
    right: 10px !important;
    width: auto !important;
    height: 40px !important;
    padding: 0 !important;
    color: #6f7981 !important;
    line-height: 40px !important;
    z-index: 22 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 40px 0 0 !important;
    background: transparent !important;
    border-radius: 10px !important;
    z-index: 21 !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul.activated {
    height: auto !important;
    background: #fff !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 28px rgba(19, 34, 48, .12) !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul li {
    line-height: 40px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul li a {
    height: 40px !important;
    padding: 0 28px 0 10px !important;
    color: #27313a !important;
    background: #fff !important;
    font-size: 13px !important;
    line-height: 40px !important;
    text-align: center !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul li a:hover {
    color: #0b8bc4 !important;
    background: #f2f9fc !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul li.active {
    top: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
}

body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page .stm_motorcycle_pp ul li.active a {
    color: #27313a !important;
    background: transparent !important;
    padding-right: 28px !important;
    text-align: center !important;
}

@media (max-width: 767px) {
    body:not(.home).stm-template-motorcycle .classic-filter-pagination > .col-md-12 > .clearfix {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 18px !important;
        padding-top: 20px !important;
    }

    body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-blog-pagination ul.page-numbers {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    body:not(.home).stm-template-motorcycle .classic-filter-pagination .stm-motorcycle-per-page {
        justify-content: center !important;
    }
}

/* =========================================================
   VERAUTO V31 - MOBILE COLLAPSIBLE FILTERS
   ========================================================= */

/* Desktop/tablet: keep the native sidebar layout unchanged. */
body:not(.home).stm-template-motorcycle .verauto-mobile-filter-toggle {
    display: none;
}

body:not(.home).stm-template-motorcycle .verauto-mobile-filter-panel,
body:not(.home).stm-template-motorcycle .verauto-mobile-filter-panel-inner {
    display: block;
}

@media (max-width: 767px) {

    /* Mobile search/filter launcher inspired by the reference card. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-toggle {
        appearance: none;
        -webkit-appearance: none;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 92px !important;
        margin: 0 0 14px !important;
        padding: 14px 16px !important;
        color: #1d252c !important;
        background: #fff !important;
        border: 1px solid #dde3e8 !important;
        border-radius: 22px !important;
        box-shadow: 0 10px 28px rgba(24, 37, 48, .08) !important;
        text-align: left !important;
        cursor: pointer !important;
        outline: none !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-toggle:focus-visible {
        border-color: #0b8bc4 !important;
        box-shadow: 0 0 0 3px rgba(11, 139, 196, .15), 0 10px 28px rgba(24, 37, 48, .08) !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-icon {
        position: relative !important;
        flex: 0 0 60px !important;
        width: 60px !important;
        height: 60px !important;
        margin-right: 15px !important;
        background: #3b86b7 !important;
        border-radius: 50% !important;
    }

    /* Magnifying glass, drawn without external icon fonts. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-icon::before {
        content: "" !important;
        position: absolute !important;
        left: 18px !important;
        top: 15px !important;
        width: 20px !important;
        height: 20px !important;
        border: 3px solid #172029 !important;
        border-radius: 50% !important;
        box-sizing: border-box !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-icon::after {
        content: "" !important;
        position: absolute !important;
        left: 36px !important;
        top: 35px !important;
        width: 15px !important;
        height: 3px !important;
        background: #172029 !important;
        border-radius: 3px !important;
        transform: rotate(48deg) !important;
        transform-origin: left center !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-copy {
        display: flex !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 3px !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-title {
        display: block !important;
        margin: 0 !important;
        color: #171d22 !important;
        font-size: 20px !important;
        line-height: 1.15 !important;
        font-weight: 600 !important;
        letter-spacing: -.02em !important;
        text-transform: none !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-subtitle {
        display: block !important;
        margin: 0 !important;
        color: #6b7177 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-chevron {
        position: relative !important;
        flex: 0 0 20px !important;
        width: 20px !important;
        height: 20px !important;
        margin-left: 10px !important;
        opacity: .6 !important;
        transition: transform .25s ease !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-chevron::before,
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-chevron::after {
        content: "" !important;
        position: absolute !important;
        top: 9px !important;
        width: 8px !important;
        height: 2px !important;
        background: #28333b !important;
        border-radius: 2px !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-chevron::before {
        left: 3px !important;
        transform: rotate(45deg) !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-chevron::after {
        right: 3px !important;
        transform: rotate(-45deg) !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form.verauto-filter-open .verauto-mobile-filter-chevron {
        transform: rotate(180deg) !important;
    }

    /* Collapsible area. Keeping it in the DOM lets Select2 retain its width. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-panel {
        display: grid !important;
        grid-template-rows: 0fr !important;
        width: 100% !important;
        margin: 0 !important;
        opacity: 0 !important;
        transition: grid-template-rows .28s ease, opacity .2s ease, margin .28s ease !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-panel-inner {
        display: block !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form.verauto-filter-open .verauto-mobile-filter-panel {
        grid-template-rows: 1fr !important;
        margin-top: 2px !important;
        opacity: 1 !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form.verauto-filter-open .verauto-mobile-filter-panel-inner {
        overflow: visible !important;
    }

    /* Prevent the closed filters from receiving pointer events. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form:not(.verauto-filter-open) .verauto-mobile-filter-panel-inner {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form.verauto-filter-open .verauto-mobile-filter-panel-inner {
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* The link-filter accordions printed immediately after the form follow the same state. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form + .stm-filter-links {
        display: none !important;
    }

    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-form.verauto-filter-open + .stm-filter-links {
        display: block !important;
        margin-top: 12px !important;
    }

    /* Once opened, keep the existing V27/V28 white filter card treatment. */
    body:not(.home).stm-template-motorcycle .verauto-mobile-filter-panel .filter-sidebar {
        margin: 0 0 12px !important;
    }
}