/* =========================================================
   RENT DRIVE NEWCASTLE
   VikRentCar 1.4.6 - Fleet Theme
   Matches Homepage: Dark + Gold
   ========================================================= */


/* ==========================================
   MAIN RESULTS AREA
========================================== */

.vrc-search-results-block {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


/* ==========================================
   VEHICLE CARD
========================================== */

.vrc-search-results-block .car_result {
    display: flex;
    width: 100%;

    margin: 0 0 30px 0;
    padding: 0;

    background: #181818;

    border: 1px solid #333333;

    border-radius: 0;

    overflow: hidden;

    box-shadow: none;

    transition:
        transform 0.3s ease,
        border-color 0.3s ease;
}


/* Hover */

.vrc-search-results-block .car_result:hover {
    transform: translateY(-4px);

    border-color: #B19540;

    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}


/* ==========================================
   LEFT IMAGE
========================================== */

.vrc-search-results-block .vrc-car-result-left {
    width: 38%;
    min-width: 38%;

    padding: 0;

    display: flex;

    align-items: stretch;
}


/* Vehicle image */

.vrc-search-results-block
.vrc-car-result-left
img.imgresult {

    width: 100%;

    height: 100%;

    min-height: 280px;

    object-fit: cover;

    display: block;
}


/* ==========================================
   RIGHT CONTENT
========================================== */

.vrc-search-results-block .vrc-car-result-right {
    width: 62%;

    padding: 0;

    background: #181818;
}


.vrc-search-results-block
.vrc-car-result-rightinner {

    height: 100%;
}


.vrc-search-results-block
.vrc-car-result-rightinner-deep {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;
}


/* ==========================================
   MAIN INFORMATION
========================================== */

.vrc-search-results-block
.vrc-car-result-inner {

    padding: 30px 32px 18px;
}


/* ==========================================
   VEHICLE NAME
========================================== */

.vrc-search-results-block .vrc-car-name {

    margin: 0 0 7px 0;

    font-size: 28px;

    line-height: 1.2;

    font-weight: 700;
}


.vrc-search-results-block
.vrc-car-name a {

    text-decoration: none;

    color: #ffffff;
}


.vrc-search-results-block
.vrc-car-name a:hover {

    color: #B19540;
}


/* ==========================================
   CATEGORY
========================================== */

.vrc-search-results-block
.vrc-car-category {

    display: inline-block;

    margin-bottom: 16px;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.5px;

    color: #B19540;
}


/* ==========================================
   DESCRIPTION
========================================== */

.vrc-search-results-block
.vrc-car-result-description {

    color: #aaaaaa;

    font-size: 15px;

    line-height: 1.7;
}


/* ==========================================
   CHARACTERISTICS
========================================== */

.vrc-search-results-block
.vrc-car-characteristics {

    margin-top: 20px;

    color: #eeeeee;
}


/* ==========================================
   BOTTOM SECTION
========================================== */

.vrc-search-results-block
.vrc-car-lastblock {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    padding: 18px 32px 25px;

    border-top: 1px solid #333333;
}


/* ==========================================
   PRICE
========================================== */

.vrc-search-results-block
.vrc-car-price {

    margin: 0;
}


.vrc-search-results-block
.vrcstartfrom {

    display: block;

    font-size: 12px;

    color: #888888;

    margin-bottom: 3px;
}


.vrc-search-results-block
.car_cost {

    font-size: 26px;

    font-weight: 800;

    color: #B19540;
}


.vrc-search-results-block
.vrc_currency {

    font-weight: 800;

    color: #B19540;
}


/* ==========================================
   BOOKING BUTTON
========================================== */

.vrc-search-results-block
.vrc-car-bookingbtn {

    margin: 0;
}


.vrc-search-results-block
.vrc-car-bookingbtn
.vrc-pref-color-btn {

    display: inline-block;

    padding: 13px 27px;

    border-radius: 0;

    background: #B19540;

    border: 1px solid #B19540;

    color: #ffffff !important;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    transition: all 0.25s ease;
}


/* Button hover */

.vrc-search-results-block
.vrc-car-bookingbtn
.vrc-pref-color-btn:hover {

    background: #ffffff;

    border-color: #B19540;

    color: #111111 !important;

    transform: translateY(-2px);
}


/* ==========================================
   GENERAL VIKRENTCAR LINKS
========================================== */

.vrc-search-results-block a {

    color: #B19540;
}


.vrc-search-results-block a:hover {

    color: #ffffff;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .vrc-search-results-block .car_result {

        display: block;

        margin-bottom: 25px;

        border-radius: 0;
    }


    .vrc-search-results-block
    .vrc-car-result-left {

        width: 100%;

        min-width: 100%;
    }


    .vrc-search-results-block
    .vrc-car-result-left
    img.imgresult {

        width: 100%;

        height: 230px;

        min-height: 230px;

        object-fit: cover;
    }


    .vrc-search-results-block
    .vrc-car-result-right {

        width: 100%;
    }


    .vrc-search-results-block
    .vrc-car-result-inner {

        padding: 24px 20px 15px;
    }


    .vrc-search-results-block
    .vrc-car-name {

        font-size: 24px;
    }


    .vrc-search-results-block
    .vrc-car-lastblock {

        padding: 17px 20px 22px;

        flex-direction: column;

        align-items: stretch;
    }


    .vrc-search-results-block
    .vrc-car-bookingbtn {

        width: 100%;
    }


    .vrc-search-results-block
    .vrc-car-bookingbtn
    .vrc-pref-color-btn {

        display: block;

        width: 100%;

        text-align: center;
    }

}