/* Start custom CSS for shortcode, class: .elementor-element-36df22c */.stm-pro-layout .stm-inventory-pro-filter {
    background: #f7f7f7 !important;
}
.mvl-list-card-skin .mvl-action-buttons .mvl-action-buttons-inner .mvl-action-button {
    border: 1px solid #dddddd !important;
    border-radius: 10px !important;
    color: #191d21 !important;
    background-color: #f7f7f7 !important;
}
.stm-pro-layout .stm-inventory-pro-filter-footer {
    margin-top: 15px;
    background: #ed6600 !important;
    border-radius: 8px !important;
}
.stm-inventory-pro-filter-footer .actions .actions-button .button.reset-btn {
    color: #fff !important;
}
.stm-inventory-pro .stm-featured-top-cars-title {
    border-bottom: 3px solid #ed6600 !important;
}
.stm-inventory-pro .stm-featured-top-cars-title .heading-font {
    background-color: #ed6600 !important;
}
.stm-inventory-pro .stm-featured-top-cars-title .heading-font:after {
    background-color: #ed6600 !important;
}
.search-results-actions-triggers .motors-compare-button .stm-current-cars-in-compare {
    background-color: #ed6600 !important;
}
.mvl-list-card-skin.skin_1.special_car .skin-list-gallery .image {
    position: relative !important;
    overflow: visible !important;
}

.mvl-list-card-skin.skin_1.special_car .mvl-label {
    display: inline-block !important;
    position: absolute !important;
    top: 16px;
    left: 16px;
    background: #ed6600 !important;
    color: #fff !important;
    z-index: 9999 !important;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none; /* Optional: avoid blocking other elements */
}
.mvl-list-card-skin.skin_1.special_car {
    border: 2px solid #ed6600 !important; /* or any color you like */
    border-radius: 10px; /* keep the rounded corners */
    box-shadow: 0 0 10px rgba(237, 102, 0, 0.2); /* optional glow effect */
}
.mvl-list-card-skin.skin_1 .skin-list-gallery .skin_1.image .mvl_compare_unit .mvl-skins-add-to-compare.active {
    background-color: #ed6600 !important;
}
/* Remove spacing restrictions */
.stm-directory-grid-loop.skin_1 .mvl_listing_title_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Expand title to take all space minus the 3-dots */
.stm-directory-grid-loop.skin_1 .mvl_listing_title {
    flex-grow: 1 !important;
    max-width: 100% !important;
    margin-right: 10px;
    white-space: normal;
    word-wrap: break-word;
}

/* Optional: remove the middle empty column if it exists */
.stm-directory-grid-loop.skin_1 .mvl_listing_title_wrapper > div:nth-child(2):empty {
    display: none !important;
}
@media (max-width: 767px) {
    .archive-listing-page .stm-isotope-listing-item.col-md-4,
    .car-listing-modern-grid .stm-isotope-listing-item.col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* subtle shadow */
        border-radius: 10px; /* optional, matches shadow nicely */
        overflow: hidden; /* keeps child content inside rounded corners */
        margin-bottom: 20px; /* spacing between cards */
    }
}
@media (max-width: 767px) {
    .stm-directory-grid-loop.skin_1 .mvl-card-inner.special_car {
        border: 2px solid #ed6600 !important;  /* or your preferred color */
        border-radius: 10px;
        box-shadow: 0 0 8px rgba(237, 102, 0, 0.2); /* optional glow */
        background: #fff; /* optional: ensures it's not blending in */
        margin-top:10px;
        margin-bottom:10px;
    }
}
@media (max-width: 1023px) {
    .stm-inventory-pro-filter-fields {
        flex-grow: 1;
        overflow-y: auto;
        padding: 0 15px 15px;
        background-color: #fff !important;
    }
}
.stm-directory-grid-loop.skin_1 .mvl-card-inner {
    margin-top: 10px;
    margin-bottom: 10px;
}
.stm-button, input[type=submit], button, html body .button, #main .button, #wrapper .button, #wrapper button, .stm-template-listing button, #main button.heading-font, #main .load-more-btn {
    color: #fff !important;
}/* End custom CSS */