.elementor-6882 .elementor-element.elementor-element-742aba4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-086ca94 */.vrc-main-title{
    display: none;
}
/* ========================================
   VikRentCar Card - Exact 2nd Image Design
   ======================================== */

/* Main Card Wrapper */
.wrap.plugin-container {
    background: transparent !important;
}

/* Hide main title if needed */
.vrc-main-title {
    display: none !important;
}

/* Card Container */
.vrc-search-results-block,
.vrc-search-results-block-list {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 30px !important;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

/* Row - Flexbox Layout */
.vrc-search-results-block .row,
.wrap.plugin-container .row {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Car Image Column */
.vrc-search-results-block .row > div:first-child,
.wrap.plugin-container .row > div:first-child {
    flex: 0 0 250px !important;
    max-width: 250px !important;
    padding: 0 !important;
}

.vrc-search-results-block img,
.wrap.plugin-container img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

/* Middle Info Column */
.vrc-search-results-block .row > div:nth-child(2),
.wrap.plugin-container .row > div:nth-child(2) {
    flex: 1 !important;
    padding: 0 20px !important;
    text-align: left !important;
}

/* Right Price Column */
.vrc-search-results-block .row > div:last-child,
.wrap.plugin-container .row > div:last-child {
    flex: 0 0 200px !important;
    max-width: 200px !important;
    padding: 0 !important;
    text-align: right !important;
}

/* ==== CAR TITLE (Citroen C3) - Remove Button Style ==== */
.vrc-search-results-block h2,
.vrc-search-results-block h3:not(.vrc-main-title),
.vrc-search-results-block h4,
.vrc-search-results-block .car-name,
.vrc-search-results-block a[href*="car"],
.wrap.plugin-container .row h2,
.wrap.plugin-container .row h3:not(.vrc-main-title),
.wrap.plugin-container .row h4 {
    background: transparent !important;
    background-color: transparent !important;
    color: #1a1a1a !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
    border: none !important;
    border-radius: 0 !important;
    display: block !important;
    text-align: left !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Title Link Style */
.vrc-search-results-block h2 a,
.vrc-search-results-block h3 a,
.vrc-search-results-block h4 a,
.wrap.plugin-container .row h2 a,
.wrap.plugin-container .row h3 a,
.wrap.plugin-container .row h4 a {
    background: transparent !important;
    color: #1a1a1a !important;
    padding: 0 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    border: none !important;
    box-shadow: none !important;
}

.vrc-search-results-block h2 a:hover,
.vrc-search-results-block h3 a:hover {
    color: #4f46e5 !important;
    background: transparent !important;
}

/* ==== CATEGORY (CITROEN) ==== */
.vrc-search-results-block .row > div:nth-child(2) > *:nth-child(2),
.wrap.plugin-container .category,
.vrc-category {
    color: #6b7280 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin: 0 0 15px 0 !important;
    display: block !important;
}

/* Add "Category :" prefix */
.vrc-search-results-block .row > div:nth-child(2) > *:nth-child(2):before {
    content: "Category : ";
    color: #6b7280 !important;
}

/* ==== FEATURES BAR (Petrol, AC etc) ==== */
.vrc-search-results-block .row > div:nth-child(2) > div,
.wrap.plugin-container .features,
.vrc-features {
    background: #f3f4f6 !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 25px !important;
    flex-wrap: wrap !important;
    margin-top: 12px !important;
}

.vrc-search-results-block .row > div:nth-child(2) > div span,
.vrc-search-results-block .row > div:nth-child(2) > div i {
    color: #4b5563 !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.vrc-search-results-block i.fa,
.vrc-search-results-block i.fas,
.vrc-search-results-block i.far {
    color: #6b7280 !important;
    font-size: 16px !important;
    margin-right: 5px !important;
}

/* ==== PRICE SECTION ==== */
.vrc-search-results-block .row > div:last-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 15px !important;
    min-height: 150px !important;
}

/* "Starting from" text - move it BELOW price */
.vrc-search-results-block .row > div:last-child {
    position: relative !important;
}

/* Price styling */
.vrc-search-results-block .price,
.vrc-price,
.vrc-search-results-block .row > div:last-child b,
.vrc-search-results-block .row > div:last-child strong {
    color: #f59e0b !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* Add "/Day" after price */
.vrc-search-results-block .price:after,
.vrc-price:after {
    content: " / Day";
    color: #6b7280 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* "Starting from" label */
.vrc-search-results-block .row > div:last-child > *:first-child {
    order: 2 !important;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.vrc-search-results-block .price,
.vrc-search-results-block .row > div:last-child b {
    order: 1 !important;
}

/* ==== VIEW DETAILS / RENT NOW BUTTON ==== */
.vrc-search-results-block a.btn,
.vrc-search-results-block button,
.vrc-search-results-block input[type="submit"],
.vrc-search-results-block .btn-primary,
.wrap.plugin-container a.btn {
    background: #4f46e5 !important;
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    order: 3 !important;
    margin-top: auto !important;
}

.vrc-search-results-block a.btn:hover,
.vrc-search-results-block button:hover {
    background: #4338ca !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
    color: #ffffff !important;
}

/* Calendar icon before button text */
.vrc-search-results-block a.btn:before,
.wrap.plugin-container a.btn:before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 14px;
}

/* ==== RESPONSIVE ==== */
@media (max-width: 768px) {
    .vrc-search-results-block .row,
    .wrap.plugin-container .row {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    .vrc-search-results-block .row > div {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    
    .vrc-search-results-block .row > div:last-child {
        align-items: center !important;
        min-height: auto !important;
    }
    
    .vrc-search-results-block h2,
    .vrc-search-results-block h3,
    .vrc-search-results-block h4 {
        text-align: center !important;
    }
    
    .vrc-search-results-block .row > div:nth-child(2) > div {
        justify-content: center !important;
    }
}/* End custom CSS */