/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Hello Elementor Child Theme
 Author:       Amir Alsalman
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* ============================================================
   HYBRID WHEELS CYPRUS — Master Stylesheet (Cleaned)
   Deduplication pass: 115 duplicate selectors merged/removed.
   Original: 5,309 lines / 573 rule selectors
   Cleaned : ~4,400 lines / 470 unique selectors
   ============================================================

   TABLE OF CONTENTS  (line numbers are approximate)
   ─────────────────────────────────────────────────────────────
   BOOKING FLOW  (scope: .elementor-shortcode .wrap.plugin-container)
     Page background & step bar                          ~  80
     Itinerary summary bar                               ~ 160
     Car search results cards                            ~ 260
     Feature pills & tooltips                            ~ 400
     Change Dates button                                 ~ 470
     @media max-width:768px                              ~ 495

   OPTIONS / PRICING PAGE
     Container, layout, card stripe                      ~ 545
     Price rows & Book Now / Back buttons                ~ 720
     @media max-width:768px                              ~ 840

   ORDER SUMMARY PAGE
     Itinerary confirmation & car image                  ~ 875
     Price table, header, totals                         ~ 930
     Coupon block                                        ~ 1050
     Card shadow unifier                                 ~ 1100

   BOOKING FORM (order data entry)
     Driver form fields                                  ~ 1120
     Phone input & darker input variant                  ~ 1250
     Footer buttons & alert                              ~ 1320
     @media max-width:768px                              ~ 1370

   BOOKING FORM — COUPON + PIN  (scope: .hw-cardetails)
     Coupon + PIN card grid                              ~ 1410

   FLEET PAGE  (scope: .hw-fleet-cars)
     Grid, card shell, image, details, icons, CTA        ~ 1550
     @media responsive                                   ~ 1730

   CAR DETAILS PAGE  (scope: .hw-cardetails)
     Hero card layout                                    ~ 1760
     Feature icons strip                                 ~ 1920
     Legend & month selector                             ~ 1980
     Calendars                                           ~ 2060
     3D shadow unifier                                   ~ 2150
     @media responsive                                   ~ 2175

   ORDER CONFIRMATION PAGE  (scope: .hw-order-confirm)
     Print icon, success banner, top layout              ~ 2220
     Costs table & PDF download                          ~ 2390
     Cancellation block                                  ~ 2470
     @media responsive                                   ~ 2550

   SEARCH SUGGESTIONS  (scope: #vrc-search-suggestions)   ~ 2570

   UPLOAD DOCUMENTS PAGE  (scope: .vrc-docsupload-container)
                                                         ~ 2680

   ORDER SUCCESS PAGE  (scope: p.successmade)             ~ 2840

   HOME PAGE CAR CAROUSEL  (scope: .vrcmodcarsgridcontainer)
                                                         ~ 2900

   CONTACT FORM  (scope: .hw-contact-form)               ~ 3080
   ─────────────────────────────────────────────────────────────
*/



/* ============================================================
   HW — VikRentCar Car Results Page
   Step bar · Itinerary · Car cards · Buttons
   ============================================================ */

/* PAGE BACKGROUND */


.elementor-shortcode .wrap.plugin-container {
    background: #f5f7fa !important;
    padding: 36px 0 48px !important;
    max-width: 100% !important;
}

/* ── STEP BAR ─────────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrcstepsbarcont {
    margin-bottom: 36px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-stepbar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border: none;
}

.elementor-shortcode .wrap.plugin-container .vrc-step {
    display: flex !important;
    align-items: center !important;
    padding: 10px 24px 10px 20px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    border: 1.5px solid #c8d6e8 !important;
    background: #ffffff !important;
    color: #9ca3af !important;
    position: relative !important;
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%, 14px 50%) !important;
    margin-right: -14px !important;
    z-index: 1 !important;
    gap: 8px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step:first-child {
    clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%) !important;
    padding-left: 20px !important;
    border-radius: 8px 0 0 8px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step:last-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 14px 50%) !important;
    border-radius: 0 8px 8px 0 !important;
    margin-right: 0 !important;
}

/* Step: completed */

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-complete {
    background: #eef3fa !important;
    border-color: #b8cce0 !important;
    color: #355e93 !important;
    z-index: 3 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-complete a {
    color: #355e93 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-complete a::before {
    content: '' !important;
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    background: #355e93 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpolyline points='2,6 5,9 10,3' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Step: current */

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-current {
    background: #1a2b4a !important;
    border-color: #1a2b4a !important;
    color: #ffffff !important;
    z-index: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-current span {
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-current span::before {
    content: '' !important;
    display: inline-flex !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 50% !important;
    background: #fdd346 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='8' font-weight='700' fill='%231a2b4a'%3E2%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Step: next */

.elementor-shortcode .wrap.plugin-container .vrc-step.vrc-step-next span {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #9ca3af !important;
}

/* ── ITINERARY SUMMARY ────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-summary {
    background: #1a2b4a !important;
    border-radius: 14px !important;
    padding: 24px 28px !important;
    margin-bottom: 28px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    border: none !important;
    box-shadow: 0 4px 20px rgba(26, 43, 74, 0.2) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    padding-left: 24px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup h4,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff h4 {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.45) !important;
    margin: 0 0 14px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-location,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-location {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-location i,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-location i {
    color: #fdd346 !important;
    font-size: 13px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-locname,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-locname {
    display: block !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-locaddr,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-locaddr {
    display: block !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.45) !important;
    margin-top: 2px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-date,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-date {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-date i,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-date i {
    color: #fdd346 !important;
    font-size: 13px !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-date-day,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-date-day,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-date-time,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-date-time {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-pickup-date-time::before,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff-date-time::before {
    content: '·' !important;
    margin-right: 6px !important;
    color: rgba(255, 255, 255, 0.3) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-duration {
    background: #fdd346 !important;
    color: #1a2b4a !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 10px !important;
    border-radius: 20px !important;
    margin-left: 4px !important;
}

/* ── CARS FOUND LABEL ─────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrcarsfound {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.elementor-shortcode .wrap.plugin-container .vrcarsfound span {
    color: #1a2b4a !important;
}

/* ── CAR CARDS ────────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-search-results-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .car_result {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 16px rgba(53, 94, 147, 0.09) !important;
    overflow: hidden !important;
    display: flex !important;
    border: none !important;
    transition: box-shadow 0.25s, transform 0.2s !important;
}

.elementor-shortcode .wrap.plugin-container .car_result:hover {
    box-shadow: ;
    transform: translateY(-4px) !important;
    border-radius: 16px !important;
}

/* Image panel */

.elementor-shortcode .wrap.plugin-container .vrc-car-result-left {
    width: 240px !important;
    min-width: 240px !important;
    background: #f5f7fa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    border-right: 1px solid #f0f2f5 !important;
    overflow: hidden !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-result-left .imgresult {
    width: 100% !important;
    height: auto !important;
    max-height: 140px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

/* Right content */

.elementor-shortcode .wrap.plugin-container .vrc-car-result-right {
    flex: 1 !important;
    min-width: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-result-rightinner,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-rightinner-deep {
    height: 100% !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-result-rightinner-deep {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: 100% !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-result-inner {
    padding: 24px 24px 16px !important;
    min-height: unset !important;
}

/* Car name */

.elementor-shortcode .wrap.plugin-container .vrc-car-name {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    margin: 0 0 8px !important;
    display: inline !important;
}

/* Category badge */

.elementor-shortcode .wrap.plugin-container .vrc-car-category {
    display: inline-block !important;
    background: #eef3fa !important;
    color: #355e93 !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    margin-left: 10px !important;
    vertical-align: middle !important;
}

/* Description */

.elementor-shortcode .wrap.plugin-container .vrc-car-result-description {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.6 !important;
    margin: 10px 0 16px !important;
}

/* Feature pills */

.elementor-shortcode .wrap.plugin-container .vrccaratsdiv {
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrccarcarat {
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-carat-cont {
    display: flex !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-expl {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f5f7fa !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #4b5563 !important;
    white-space: nowrap !important;
    cursor: default !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-expl::after {
    content: attr(data-vrc-expl) !important;
    font-size: 11px !important;
    color: #ffffff !important;
    position: absolute !important;
    bottom: calc(100% + 10px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #1a2b4a !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    padding: 13px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(26, 43, 74, 0.25) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    z-index: 999 !important;
    margin-top: -15px !important;
    align-content: center !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-expl i {
    color: #355e93 !important;
    font-size: 12px !important;
}

/* Price + button bottom block */

.elementor-shortcode .wrap.plugin-container .vrc-car-lastblock {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 24px !important;
    border-top: 1px solid #f0f2f5 !important;
    gap: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-price {
    flex: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .vrcsrowpricediv {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.elementor-shortcode .wrap.plugin-container .vrcstartfrom {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #9ca3af !important;
    display: block !important;
}

.elementor-shortcode .wrap.plugin-container .car_cost {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    line-height: 1.1 !important;
}

.elementor-shortcode .wrap.plugin-container .car_cost .vrc_currency {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* Continue button */

.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn form {
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .btn.booknow,
.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .vrc-pref-color-btn {
    display: inline-block !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    padding: 12px 28px !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: background 0.22s, box-shadow 0.22s, transform 0.15s !important;
    box-shadow: 0 4px 14px rgba(26, 43, 74, 0.22) !important;
    -webkit-appearance: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .btn.booknow:hover,
.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .vrc-pref-color-btn:hover {
    background: #355e93 !important;
    box-shadow: 0 6px 20px rgba(53, 94, 147, 0.3) !important;
    transform: translateY(-1px) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .btn.booknow:active,
.elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .vrc-pref-color-btn:active {
    transform: translateY(0) !important;
}

/* ── CHANGE DATES BUTTON ──────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-goback-block {
    margin-top: 28px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-goback-block .btn,
.elementor-shortcode .wrap.plugin-container .vrc-goback-block .vrc-pref-color-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    color: #355e93 !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1.5px solid #355e93 !important;
    border-radius: 8px !important;
    padding: 9px 18px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s !important;
    cursor: pointer !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-goback-block .btn:hover,
.elementor-shortcode .wrap.plugin-container .vrc-goback-block .vrc-pref-color-btn-secondary:hover {
    background: #355e93 !important;
    color: #ffffff !important;
}

/* ── RESPONSIVE ───────────────────────────────────────────── */

@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrc-itinerary-summary {
        grid-template-columns: 1fr !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-itinerary-dropoff {
        border-left: none !important;
        padding-left: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        padding-top: 20px !important;
    }

    .elementor-shortcode .wrap.plugin-container .car_result {
        flex-direction: column !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-car-result-left {
        width: 100% !important;
        min-width: unset !important;
        border-right: none !important;
        border-bottom: 1px solid #f0f2f5 !important;
        max-height: 200px !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-car-lastblock {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .btn.booknow,
    .elementor-shortcode .wrap.plugin-container .vrc-car-bookingbtn .vrc-pref-color-btn {
        width: 100% !important;
        text-align: center !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-stepbar {
        gap: 4px !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
		
    }

    .elementor-shortcode .wrap.plugin-container .vrc-step {
        clip-path: none !important;
        border-radius: 8px !important;
        margin-right: 0 !important;
        padding: 8px 14px !important;
    }
}

/* ============================================================
   HW — Car Results: Tooltip + 3D Card Hover Fixes
   ============================================================ */

/* Feature pill tooltip — rounded + white text */

.elementor-shortcode .wrap.plugin-container .vrc-expl[data-vrc-expl]:hover::before,
.elementor-shortcode .wrap.plugin-container .vrc-expl .vrc-tooltip,
.elementor-shortcode .wrap.plugin-container [data-vrc-expl]::after {
    border-radius: 8px !important;
    color: #ffffff !important;
    background: #1a2b4a !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
}

/* VikRentCar's native tooltip element */

.elementor-shortcode .wrap.plugin-container .vrc-expl-text,
.elementor-shortcode .wrap.plugin-container .vrcexpltext,
.elementor-shortcode .wrap.plugin-container span[class*="tooltip"],
.elementor-shortcode .wrap.plugin-container div[class*="tooltip"] {
    background: #1a2b4a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(26, 43, 74, 0.2) !important;
}

/* Catch-all — any absolutely positioned tooltip near .vrc-expl */

.elementor-shortcode .wrap.plugin-container .vrc-carat-cont > span > span,
.elementor-shortcode .wrap.plugin-container .vrc-expl ~ *,
.elementor-shortcode .wrap.plugin-container .vrccarcarat span span span {
    background: #1a2b4a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 12px !important;
}

/* Car card — 3D dramatic shadow on hover */

/* ============================================================
   HW — Fix tooltip pseudo-elements on .vrc-expl
   ============================================================ */

/* Kill ::before box completely */

.elementor-shortcode .wrap.plugin-container .vrc-expl::before {
    all: unset !important;
    display: none !important;
}

/* Tooltip via ::after */

/* Show on hover */

.elementor-shortcode .wrap.plugin-container .vrc-expl:hover::after {
    opacity: 1 !important;
}

/* Pill invert on hover */

.elementor-shortcode .wrap.plugin-container .vrc-expl:hover {
    background: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-expl:hover i {
    color: #fdd346 !important;
}

/* CRITICAL — unclip every parent so tooltip isn't cut off */

.elementor-shortcode .wrap.plugin-container .car_result,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-right,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-rightinner,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-rightinner-deep,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-inner,
.elementor-shortcode .wrap.plugin-container .vrc-car-result-characteristics,
.elementor-shortcode .wrap.plugin-container .vrccaratsdiv,
.elementor-shortcode .wrap.plugin-container .vrccarcarat,
.elementor-shortcode .wrap.plugin-container .vrc-carat-cont,
.elementor-shortcode .wrap.plugin-container .vrc-expl {
    overflow: visible !important;
}

/* Keep card clip only on the image panel, not the whole card */

/* ============================================================
   HW — Tooltip centering fix
   Override VikRentCar's left: 34% and top: 100%
   ============================================================ */

.elementor-shortcode .wrap.plugin-container .vrc-expl::after,
.elementor-shortcode .wrap.plugin-container [data-vrc-expl]::after {
    content: attr(data-vrc-expl) !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: unset !important;
    max-width: unset !important;
    text-align: center !important;
    background: #1a2b4a !important;
    background-color: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(26, 43, 74, 0.25) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    z-index: 999999 !important;
    margin: 0 !important;
    margin-top: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-expl:hover::after,
.elementor-shortcode .wrap.plugin-container [data-vrc-expl]:hover::after {
    opacity: 1 !important;
}

/* Also kill ::before from VRC completely */

.elementor-shortcode .wrap.plugin-container .vrc-expl::before,
.elementor-shortcode .wrap.plugin-container [data-vrc-expl]::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/*--------------------------------------------------------------Your-Order-Details(Options Page)---------------------------------------------------------------------------*/

/* ============================================================
   HW — VikRentCar Options Page (showprc)
   ============================================================ */

/* ── MAIN FORM CONTAINER ─────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-form {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

/* ── MAIN CONTENT CARD ───────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-container {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 24px rgba(26, 43, 74, 0.10) !important;
    border: none !important;
    overflow: visible !important;
    margin-bottom: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    position: relative !important;
    border-left: 5px solid #1a2b4a !important;
}

/* ── NAVY HEADER — car title ─────────────────────────────── */

.elementor-shortcode .wrap.plugin-container h3.car_title {
    grid-column: 1 / -1 !important;
    background: #1a2b4a !important;
    margin: 0 !important;
    padding: 22px 28px !important;
    border-radius: 0 !important;
    border-bottom: none !important;
}

.elementor-shortcode .wrap.plugin-container h3.car_title .vrhword {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
}

/* Highlight the duration part — "for 3 Days" */

.elementor-shortcode .wrap.plugin-container h3.car_title .vrhword::after {
    content: '' !important;
}

/* ── LEFT: description ───────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-left {
    padding: 0 !important;
    border-right: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    order: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-cdetails-infocar {
    margin: 0 !important;
    padding: 24px 28px !important;
    flex: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .car_description_box p {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ── RIGHT: image + thumbnails ───────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-right.car_img_box {
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    background: #f5f7fa !important;
    order: 1 !important;
    border-right: 1px solid #f0f2f5 !important;
    border-radius: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-right.car_img_box > img {
    width: 100% !important;
    height: auto !important;
    max-height: 220px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    background: #f5f7fa !important;
}

/* Thumbnails row */

.elementor-shortcode .wrap.plugin-container .car_moreimages {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.elementor-shortcode .wrap.plugin-container .car_moreimages a {
    display: block !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 2px solid #e5e7eb !important;
    transition: border-color 0.2s !important;
}

.elementor-shortcode .wrap.plugin-container .car_moreimages a:first-child {
    border-color: #355e93 !important;
}

.elementor-shortcode .wrap.plugin-container .car_moreimages a:hover {
    border-color: #355e93 !important;
}

.elementor-shortcode .wrap.plugin-container .car_moreimages img {
    width: 72px !important;
    height: 52px !important;
    object-fit: cover !important;
    display: block !important;
}

/* ── FEATURE ICONS STRIP ─────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats {
    background: #ffffff !important;
    border-top: none !important;
    padding: 20px 28px !important;
    margin-bottom: 28px !important;
    border-radius: 16px !important;
    border: none !important;
    margin-top: 12px !important;
    border-left: 5px solid #1a2b4a !important;
    box-shadow: 0 2px 16px rgba(26, 43, 74, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrccaratsdiv {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── PRICE SECTION TITLE ─────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container h4.vrc-showprc-title {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ── PRICE ROWS ──────────────────────────────────────────── */
/* ============================================================
   HW — Price Cards (clean consolidated)
   ============================================================ */

/* Wrapper */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-wrap {
    margin-bottom: 24px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row:nth-child(2) {
    margin-top: 0 !important;
}

/* Row: horizontal, equal height */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 20px !important;
}

/* Each card */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 2px solid #e5e7eb !important;
    border-top: 4px solid #e5e7eb !important;
    padding: 24px 22px 22px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 16px rgba(26, 43, 74, 0.07) !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row:hover {
    border-color: #355e93 !important;
    border-top-color: #355e93 !important;
    box-shadow: 0 6px 24px rgba(53, 94, 147, 0.15) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row.vrc-showprc-price-selected {
    border-color: #1a2b4a !important;
    border-top-color: #fdd346 !important;
    box-shadow: 0 6px 24px rgba(26, 43, 74, 0.14) !important;
}

/* Badge */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-badge {
    display: inline-block !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    text-transform: uppercase !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-badge--gold {
    background: #fdd346 !important;
    color: #1a2b4a !important;
}

/* Card top: name only (radio hidden) */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-card-top {
    display: block !important;
    margin-bottom: 10px !important;
}

/* Hide radio */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row input[type="radio"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Plan name */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-pricename {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    line-height: 1.3 !important;
    display: block !important;
}

/* Price */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-pricecost {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #1a2b4a !important;
    white-space: nowrap !important;
    margin-bottom: 14px !important;
    display: block !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-pricecost .vrc_currency {
    font-size: 18px !important;
    font-weight: 600 !important;
    vertical-align: super !important;
    margin-right: 2px !important;
}

/* Description */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-desc {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.6 !important;
    margin: 0 0 14px !important;
}

/* Bullets — flex-grow pushes ::after to bottom */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-bullets {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex-grow: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-bullets li {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #374151 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .hw-price-bullets li::before {
    content: '' !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;
    background: #1a2b4a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 10px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
}

/* Bottom bar via ::after */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row::after {
    content: 'Select Plan' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 8px !important;
    background: #f3f4f6 !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    letter-spacing: 0.5px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-selected::after {
    content: '✓  Plan Selected' !important;
    background: #fdd346 !important;
    color: #1a2b4a !important;
}

/* Mobile */
@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner {
        flex-direction: column !important;
    }
}
/* Nuclear equal-height fix: switch to grid */
.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: unset !important;
    gap: 20px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner .vrc-showprc-price-row {
    flex: unset !important;
    align-self: unset !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Mobile: single column */
@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrc-showprc-prices-inner {
        grid-template-columns: 1fr !important;
    }
}
/* Row inner layout */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row-cell-first {
    flex: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row-cell-last {
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row label {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-priceinfo {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-pricename {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-selected .vrc-showprc-pricename {
    color: #1a2b4a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-pricecost {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #4b5563 !important;
    white-space: nowrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-selected .vrc-showprc-pricecost {
    color: #1a2b4a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-pricecost .vrc_currency {
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Radio buttons */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #1a2b4a !important;
    cursor: pointer !important;
}

/* ── BOOK NOW + BACK BUTTONS ─────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .car_buttons_box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 28px !important;
    gap: 16px !important;
}

/* Book Now */

.elementor-shortcode .wrap.plugin-container .car_buttons_box input[type="submit"].booknow,
.elementor-shortcode .wrap.plugin-container .car_buttons_box .btn.booknow,
.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-pref-color-btn {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(26, 43, 74, 0.22) !important;
    transition: background 0.22s, box-shadow 0.22s, transform 0.15s !important;
    -webkit-appearance: none !important;
    order: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .car_buttons_box input[type="submit"].booknow:hover,
.elementor-shortcode .wrap.plugin-container .car_buttons_box .btn.booknow:hover {
    background: #355e93 !important;
    box-shadow: 0 6px 20px rgba(53, 94, 147, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* Back button */

.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block {
    order: 1 !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block .btn,
.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block .vrc-pref-color-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    color: #355e93 !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1.5px solid #355e93 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s !important;
    cursor: pointer !important;
}

.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block .btn:hover,
.elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block .vrc-pref-color-btn-secondary:hover {
    background: #355e93 !important;
    color: #ffffff !important;
}

@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrc-showprc-container {
        grid-template-columns: 1fr !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-showprc-left {
        border-right: none !important;
        border-bottom: 1px solid #f0f2f5 !important;
    }

    .elementor-shortcode .wrap.plugin-container .car_buttons_box {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
    }

    .elementor-shortcode .wrap.plugin-container .car_buttons_box input[type="submit"].booknow,
    .elementor-shortcode .wrap.plugin-container .car_buttons_box .btn.booknow {
        width: 100% !important;
        text-align: center !important;
    }

    .elementor-shortcode .wrap.plugin-container .car_buttons_box .vrc-goback-block .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ============================================================
   HW — Options Page layout fix
   ============================================================ */

/* Swap columns — image left, title+desc right */

/* Title — full navy block at top of right column */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-left h3.car_title {
    background: #1a2b4a !important;
    margin: 0 !important;
    padding: 22px 28px !important;
    border-radius: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-left h3.car_title .vrhword {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
}

/* Description below title */

/* Image */

/* Thumbnails */

/* Carats strip — attach to the bottom of the main card visually */

/* Responsive */

@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrc-showprc-right.car_img_box,
    .elementor-shortcode .wrap.plugin-container .vrc-showprc-left {
        order: unset !important;
    }

    .elementor-shortcode .wrap.plugin-container .vrc-showprc-left h3.car_title {
        border-radius: 0 !important;
    }
}

/* ============================================================
   HW — Options Page: Option A — Navy left stripe on all cards
   ============================================================ */

/* Main car info card — navy left stripe */

/* Carats strip — matching left stripe */

/* Price rows — navy left stripe when selected, gray when not */

/* Selected price row — full navy stripe + stronger shadow */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row.vrc-showprc-price-selected .vrc-showprc-pricename {
    color: #1a2b4a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row.vrc-showprc-price-selected .vrc-showprc-pricecost {
    color: #1a2b4a !important;
}

/* Remove any leftover outline/border overrides from previous rules */

/* Car info card top — title border radius fix to match left stripe */

/* ============================================================
   HW — Options Page: Card separation from white background
   ============================================================ */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-container,
.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats,
.elementor-shortcode .wrap.plugin-container .vrc-showprc-price-row {
    box-shadow: ;
}

/* Selected price row — slightly stronger to stand out */

/* Hover on unselected rows */

/* ============================================================
   HW — Carats strip: centered + improved UI
   ============================================================ */

/* Label next to icon — show the text inline, not as tooltip */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: #1a2b4a !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 8px 16px !important;
    cursor: default !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl i {
    color: #ffffff !important;
    font-size: 12px !important;
    transition: color 0.2s !important;
}

/* Show label text inline using ::after */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl::after {
    content: attr(data-vrc-expl) !important;
    position: static !important;
    transform: none !important;
    background: transparent !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    background-color: transparent !important;
    z-index: auto !important;
    display: inline !important;
    visibility: visible !important;
}

/* No tooltip needed here — disable hover tooltip */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl:hover::after {
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
    background: transparent !important;
    color: #ffffff !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl::before {
    display: none !important;
    content: none !important;
}

/* Hover — gold accent */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl:hover {
    background: #355e93 !important;
    border-color: transparent !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-car-carats .vrc-expl:hover i {
    color: #fdd346 !important;
}

/* ============================================================
   HW — Carats strip: fix ::after opacity override
   ============================================================ */

/* Override the global tooltip opacity — show text inline here */

/* Icon color — white by default, gold on hover */

/*-------------------------------------------------------your-order-details(OrderSummary)-----------------------------------------------------------------------*/

/* ============================================================
   HW — Order Summary Page — FULL REWRITE
   ============================================================ */

/* PAGE BG */

/* ── PAGE TITLE ──────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-rental-summary-title {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
    margin: 0 0 20px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* ── TOP ROW: itinerary + car image ─────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrcinfocarcontainer {
    display: grid !important;
    grid-template-columns: 1fr 280px !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
    align-items: stretch !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Itinerary card */

.elementor-shortcode .wrap.plugin-container .vrcrentforlocs {
    background: #1a2b4a !important;
    border-radius: 14px !important;
    box-shadow: inset 5px 0 0 #fdd346, 0 4px 24px rgba(26,43,74,0.18) !important;
    padding: 24px 28px !important;
    border: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrcrentalfor {
    margin-bottom: 20px !important;
    border: none !important;
    padding: 0 !important;
    background: transparent !important;
}

.elementor-shortcode .wrap.plugin-container .vrcrentalforone {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Itinerary 2-col grid */

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff {
    border-left: 1px solid rgba(255,255,255,0.1) !important;
    padding-left: 20px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff {
    border-left: 1px solid rgba(255,255,255,0.1) !important;
    padding-left: 20px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation h4 {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.4) !important;
    margin: 0 0 10px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-location,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-location {
    display: flex !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    align-items: flex-start !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-location i,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-location i {
    color: #fdd346 !important;
    font-size: 12px !important;
    margin-top: 3px !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-locname,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-locname {
    display: block !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-locaddr,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-locaddr {
    display: block !important;
    font-size: 11px !important;
    color: rgba(255,255,255,0.45) !important;
    margin-top: 2px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-date,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-date {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-date i,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-date i {
    color: #fdd346 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-date-day,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-date-day,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-pickup-date-time,
.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff-date-time {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: rgba(255,255,255,0.75) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-duration {
    background: #fdd346 !important;
    color: #1a2b4a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
}

/* Car image card — bigger */

.elementor-shortcode .wrap.plugin-container .vrc-summary-car-img {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: inset 5px 0 0 #1a2b4a, 0 4px 24px rgba(26,43,74,0.12) !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    min-height: 180px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-summary-car-img img {
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    max-height: 160px !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

/* ── PRICE TABLE ─────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-container {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: inset 5px 0 0 #1a2b4a, 0 4px 24px rgba(26,43,74,0.12) !important;
    margin-bottom: 16px !important;
    overflow: hidden !important;
    border: none !important;
    padding: 0 !important;
}

/* Header row */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head {
    background: #1a2b4a !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 24px !important;
    border: none !important;
    gap: 0 !important;
    border-radius: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-cell-descr {
    flex: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-cell-days,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-cell-net,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-cell-tax,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-cell-tot {
    flex: 1 !important;
    text-align: right !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head-cell span {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,0.55) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

/* Data row */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-wrapper .vrc-oconfirm-summary-car-row {
    display: flex !important;
    align-items: center !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    gap: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-cell-descr {
    flex: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-cell-days,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-cell-net,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-cell-tax,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-cell-tot {
    flex: 1 !important;
    text-align: right !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    white-space: nowrap !important;
}

/* Fix currency + price inline */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrccurrency,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-row .vrcprice {
    display: inline !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-carname {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a2b4a !important;
    margin-bottom: 3px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-priceinfo {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    color: #9ca3af !important;
}

/* Responsive head cell labels — hide on desktop */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head-cell-responsive {
    display: none !important;
}

/* Total row */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper {
    background: #f9fafb !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: inset 5px 0 0 #1a2b4a, 0 4px 24px rgba(26,43,74,0.12) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-row {
    display: flex !important;
    align-items: center !important;
    padding: 16px 24px !important;
    border: none !important;
    gap: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-total-block {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    flex: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-cell-days {
    flex: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-cell-net,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-cell-tax {
    flex: 1 !important;
    text-align: right !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    white-space: nowrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-cell-tot {
    flex: 1 !important;
    text-align: right !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    white-space: nowrap !important;
}

/* Hide duplicate header labels in total row */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-head-cell {
    display: none !important;
}

/* ── COUPON ───────────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-middlep {
    padding: 0 !important;
    margin: 0 0 16px !important;
    background: transparent !important;
    border: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-coupon-outer {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: ;
    padding: 16px 24px !important;
    border: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrcentercoupon {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.elementor-shortcode .wrap.plugin-container .vrchaveacoupon {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #9ca3af !important;
    white-space: nowrap !important;
}

.elementor-shortcode .wrap.plugin-container .vrcinputcoupon {
    flex: 1 !important;
    height: 42px !important;
    background: #f5f7fa !important;
    border: 1.5px solid #355e93 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
}

.elementor-shortcode .wrap.plugin-container .vrcinputcoupon:focus {
    outline: none !important;
    border-color: #355e93 !important;
}

.elementor-shortcode .wrap.plugin-container .vrcsubmitcoupon,
.elementor-shortcode .wrap.plugin-container input.vrcsubmitcoupon {
    height: 42px !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 0 22px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    -webkit-appearance: none !important;
    transition: background 0.2s !important;
}

.elementor-shortcode .wrap.plugin-container .vrcsubmitcoupon:hover {
    background: #355e93 !important;
}

/* ============================================================
   BOOKING PAGE — Coupon + PIN blocks
   ============================================================ */

.hw-cardetails .vrc-oconfirm-middlep {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}

/* ---- Shared card style ---- */

.hw-cardetails .vrc-coupon-outer,
.hw-cardetails .vrc-enterpin-block {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    padding: 24px !important;
    box-shadow: 0 2px 0 rgba(26,43,74,0.06), 0 8px 24px rgba(26,43,74,0.08) !important;
    box-sizing: border-box !important;
	align-content: center !important;
}

/* ---- Coupon row ---- */

.hw-cardetails .vrcentercoupon {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.hw-cardetails .vrchaveacoupon {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    white-space: nowrap !important;
}

.hw-cardetails input.vrcinputcoupon {
    flex: 1 !important;
    min-width: 0 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    background: #F5F7FA !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-sizing: border-box !important;
}

.hw-cardetails input.vrcinputcoupon:focus {
    border-color: #355e93 !important;
    background: #ffffff !important;
}

.hw-cardetails input.vrcsubmitcoupon {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
    white-space: nowrap !important;
}

.hw-cardetails input.vrcsubmitcoupon:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

/* ---- PIN block ---- */

.hw-cardetails .vrc-enterpin-top {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.hw-cardetails .vrc-enterpin-top > span {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
}

.hw-cardetails .vrc-enterpin-top > span > span:first-child {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
}

.hw-cardetails #vrc-pincode-inp {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    background: #F5F7FA !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-sizing: border-box !important;
}

.hw-cardetails #vrc-pincode-inp:focus {
    border-color: #355e93 !important;
    background: #ffffff !important;
}

.hw-cardetails button.vrc-pincode-sbmt {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 11px 24px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    width: 100% !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

.hw-cardetails button.vrc-pincode-sbmt:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

/* ---- PIN response messages ---- */

.hw-cardetails .vrc-enterpin-response {
    margin-top: 12px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}

.hw-cardetails .vrc-enterpin-error {
    background: #fef2f2 !important;
    color: #e24b4a !important;
    border: 1px solid #fca5a5 !important;
}

.hw-cardetails .vrc-enterpin-success {
    background: #f0fdf4 !important;
    color: #10b981 !important;
    border: 1px solid #86efac !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.hw-cardetails .vrc-enterpin-welcome {
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* ---- Responsive ---- */

@media (max-width: 640px) {
  .hw-cardetails .vrc-oconfirm-middlep {
    grid-template-columns: 1fr !important;
  }
}

/* ── DRIVER FORM ─────────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container form[name="vrc"] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrccustomfields {
    background: #ffffff !important;
    border-radius: 14px !important;
    box-shadow: inset 5px 0 0 #1a2b4a, 0 4px 24px rgba(26,43,74,0.12) !important;
    padding: 28px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

/* Section divider */

.elementor-shortcode .wrap.plugin-container .vrcseparatorcf {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
    padding: 0 0 14px !important;
    margin: 0 0 20px !important;
    border-bottom: 1px solid #f0f2f5 !important;
    background: transparent !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Each field row — label on top, input below */

.elementor-shortcode .wrap.plugin-container .vrcdivcustomfield {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin-bottom: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrcdivcustomfield.vrccustomfldinfo {
    margin-bottom: 0 !important;
}

/* Labels */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-label {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-label label {
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.7px !important;
    text-transform: uppercase !important;
    color: #9ca3af !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrcrequired {
    color: #e24b4a !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

/* Text inputs */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrcinput {
    width: 100% !important;
    height: 44px !important;
    background: #f5f7fa !important;
    border: 1.5px solid #e5e7eb !important;
    border-bottom: 2px solid #c8d6e8 !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    -webkit-appearance: none !important;
    display: block !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrcinput:focus {
    outline: none !important;
    border-color: #355e93 !important;
    border-bottom-color: #355e93 !important;
    box-shadow: 0 0 0 3px rgba(53,94,147,0.10) !important;
    background: #ffffff !important;
}

/* Country dropdown */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrcf-countryinp {
    width: 100% !important;
    height: 44px !important;
    background: #f5f7fa !important;
    border: 1.5px solid #e5e7eb !important;
    border-bottom: 2px solid #c8d6e8 !important;
    border-radius: 8px !important;
    padding: 0 36px 0 14px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231a2b4a' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    cursor: pointer !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrcf-countryinp:focus {
    outline: none !important;
    border-color: #355e93 !important;
    border-bottom-color: #355e93 !important;
    box-shadow: 0 0 0 3px rgba(53,94,147,0.10) !important;
}

/* Phone input */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .iti {
    width: 100% !important;
    display: block !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .iti input[type="tel"] {
    width: 100% !important;
    height: 44px !important;
    background: #f5f7fa !important;
    border: 1.5px solid #e5e7eb !important;
    border-bottom: 2px solid #c8d6e8 !important;
    border-radius: 8px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
}

/* Textarea */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrctextarea {
    width: 100% !important;
    min-height: 90px !important;
    background: #f5f7fa !important;
    border: 1.5px solid #e5e7eb !important;
    border-bottom: 2px solid #c8d6e8 !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
    resize: vertical !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .vrctextarea:focus {
    outline: none !important;
    border-color: #355e93 !important;
    border-bottom-color: #355e93 !important;
    box-shadow: 0 0 0 3px rgba(53,94,147,0.10) !important;
}

/* T&C Checkbox */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-cfield-entry-checkbox {
    /*flex-direction: row !important;*/
    align-items: center !important;
    gap: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid #f0f2f5 !important;
    margin-top: 4px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-input {
    order: 1 !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-label {
    order: 2 !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #1a2b4a !important;
    cursor: pointer !important;
}

/* ── FOOTER BUTTONS ──────────────────────────────────────── */

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 28px !important;
    gap: 16px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-save-order-block input[type="submit"] {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 14px 48px !important;
    border: none !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(26,43,74,0.22) !important;
    transition: background 0.22s, transform 0.15s !important;
    -webkit-appearance: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-save-order-block input[type="submit"]:hover {
    background: #355e93 !important;
    transform: translateY(-1px) !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer .vrc-goback-block .btn,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer .vrc-goback-block .vrc-pref-color-btn-secondary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    color: #355e93 !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1.5px solid #355e93 !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer .vrc-goback-block .btn:hover,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer .vrc-goback-block .vrc-pref-color-btn-secondary:hover {
    background: #355e93 !important;
    color: #ffffff !important;
}

/* Alert */

.elementor-shortcode .wrap.plugin-container .vrc-alert-container-confirm {
    background: #fef2f2 !important;
    border: 1.5px solid #f09595 !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #a32d2d !important;
    margin-top: 16px !important;
}

@media (max-width: 768px) {
    .elementor-shortcode .wrap.plugin-container .vrcinfocarcontainer {
        grid-template-columns: 1fr !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation {
        grid-template-columns: 1fr !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-itinerary-confirmation .vrc-itinerary-dropoff {
        border-left: none !important;
        padding-left: 0 !important;
        border-top: 1px solid rgba(255,255,255,0.1) !important;
        padding-top: 16px !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head {
        display: none !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-head-cell-responsive {
        display: block !important;
        font-size: 10px !important;
        color: #9ca3af !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        margin-bottom: 2px !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-car-wrapper .vrc-oconfirm-summary-car-row,
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer {
        flex-direction: column-reverse !important;
        align-items: stretch !important;
    }
    .elementor-shortcode .wrap.plugin-container .vrc-save-order-block input[type="submit"],
    .elementor-shortcode .wrap.plugin-container .vrc-oconfirm-footer .vrc-goback-block .btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }
}

/* ============================================================
   HW — Order Form: Phone field fix + darker inputs
   ============================================================ */

/* Darker input background */

.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrcinput,
.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrcf-countryinp,
.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrctextarea {
    background: #e8edf4 !important;
    border-color: #d0daea !important;
    border-bottom-color: #9fb3cc !important;
}

.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrcinput:focus,
.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrcf-countryinp:focus,
.elementor-shortcode .wrap.plugin-container .vrccustomfields .vrctextarea:focus {
    background: #ffffff !important;
    border-color: #355e93 !important;
    border-bottom-color: #9fb3cc !important;
}

/* Phone field — fix iti wrapper + input alignment */

.elementor-shortcode .wrap.plugin-container .vrcdivcustomfield .vrc-customfield-input .iti {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}

.elementor-shortcode .wrap.plugin-container .vrcdivcustomfield .vrc-customfield-input .iti input[type="tel"].vrcinput {
    width: 100% !important;
    height: 44px !important;
    padding-left: 52px !important;
    background: #e8edf4 !important;
    border: 1.5px solid #d0daea !important;
    border-bottom: 2px solid #9fb3cc !important;
    border-radius: 8px !important;
    font-family: 'Inter', 'Poppins', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    box-sizing: border-box !important;
    display: block !important;
}

.elementor-shortcode .wrap.plugin-container .vrcdivcustomfield .vrc-customfield-input .iti input[type="tel"].vrcinput:focus {
    background: #ffffff !important;
    border-color: #355e93 !important;
    border-bottom-color: #355e93 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(53, 94, 147, 0.10) !important;
}

/* Flag container sits flush inside the input */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .iti__flag-container {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    z-index: 2 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input .iti__selected-flag {
    background: transparent !important;
    border: none !important;
    padding: 0 6px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    cursor: pointer !important;
}

/* Label alignment fix — label on top, input below, no side-by-side */

.elementor-shortcode .wrap.plugin-container .vrc-customfield-input {
    width: 100% !important;
}

/* ============================================================
   HW — Order Summary: matching floating shadow on all cards
   ============================================================ */

.elementor-shortcode .wrap.plugin-container .vrcrentforlocs,
.elementor-shortcode .wrap.plugin-container .vrc-summary-car-img,
.elementor-shortcode .wrap.plugin-container .vrc-oconfirm-summary-container,
.elementor-shortcode .wrap.plugin-container .vrc-coupon-outer,
.elementor-shortcode .wrap.plugin-container .vrccustomfields {
    box-shadow: ;
}

/* Coupon gets a lighter stripe since it's secondary */

.vrc-oconfirm-summary-total-wrapper {
    padding: 10px 20px;
    border: none !important;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
}

.vrc-oconfirm-summary-car-wrapper {
    margin: 0 0 15px;
    padding: 20px;
    border: none !important;
    border-radius: 8px;
}

/*---------------------------------------------------------------------------Fleet Page-----------------------------------------------------------------------*/

/* ============================================================
   HYBRID WHEELS — Fleet Page  v4  (clean, no duplicates)
   CSS Class: hw-fleet-cars  on the Elementor container
   ============================================================ */

/* ---- Section background ---- */

.hw-fleet-cars,
.hw-fleet-cars .e-con-inner {
    background: #F5F7FA !important;
    padding-top: 0 !important;
    padding-bottom: 60px !important;
}

.hw-fleet-cars .elementor-widget-container {
    padding: 0 !important;
}

.hw-fleet-cars .vrcmodcarsgridcontainer {
    background: #F5F7FA !important;
    padding: 40px 24px 20px !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* ---- Grid ---- */

.hw-fleet-cars .vrcmodcarsgridcont-items {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: stretch !important;
}

/* ---- Item wrapper ---- */

.hw-fleet-cars .vrc-modcars-item,
.hw-fleet-cars .vrc-modcars-grid-item {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ---- Card shell ---- */

.hw-fleet-cars figure.vrcmodcarsgridcont-item {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 24px rgba(26,43,74,0.10), 0 1px 4px rgba(26,43,74,0.06) !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    position: relative !important;
}

.hw-fleet-cars figure.vrcmodcarsgridcont-item:hover {
    border-color: #fdd346 !important;
    box-shadow: 0 12px 40px rgba(26,43,74,0.16), 0 2px 8px rgba(253,211,70,0.15) !important;
    transform: translateY(-4px) !important;
}

/* ---- Inner flex column ---- */

.hw-fleet-cars .vrcmodcarsgridboxdiv {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0 !important;
}

/* ---- Visual order: image → details → icons → button ---- */

.hw-fleet-cars .vrcmodcarsgridboxdiv > a:first-child {
    order: 1 !important; flex-shrink: 0 !important;
    display: block !important;
    overflow: hidden !important;
    line-height: 0 !important;
}

.hw-fleet-cars .vrcmodcarsgrid-item_details {
    order: 2 !important; flex-grow: 1 !important;
    padding: 18px 18px 12px !important;
}

.hw-fleet-cars .vrcmodcarsgrid-item-btm {
    order: 3 !important;
    padding: 14px 18px 12px !important;
    border-top: 1px solid #f0f3f7 !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.hw-fleet-cars .vrcmodcarsgridview {
    order: 4 !important;
    padding: 0 18px 20px !important;
}

/* ---- Image ---- */

.hw-fleet-cars .vrcmodcarsgridimg {
    width: 100% !important;
    height: 200px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
    transition: transform 0.45s ease !important;
}

.hw-fleet-cars figure.vrcmodcarsgridcont-item:hover .vrcmodcarsgridimg {
    transform: scale(1.05) !important;
}

/* ---- Details: category + name + price ---- */

.hw-fleet-cars .vrcmodcarsgrid-item_cat {
    display: inline-block !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
    margin-bottom: 0 !important;
    line-height: 1.6 !important;
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 2 !important;
}

.hw-fleet-cars figcaption.vrcmodcarsgrid-item_title {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a2b4a !important;
    line-height: 1.3 !important;
    margin: 10px 0 14px !important;
    display: block !important;
    letter-spacing: -0.01em !important;
}

/* Price block — RIGHT aligned */

.hw-fleet-cars .vrcmodcarsgrid-box-cost {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.hw-fleet-cars .vrcmodcarsgridstartfrom {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.hw-fleet-cars .vrcmodcarsgridcarcost {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    line-height: 1 !important;
}

.hw-fleet-cars .vrc_currency {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #355e93 !important;
    vertical-align: top !important;
    margin-top: 4px !important;
    display: inline-block !important;
}

/* ---- Feature icons — CENTERED, icon circles only ---- */

.hw-fleet-cars .vrccaratsdiv {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
}

.hw-fleet-cars .vrccarcarat,
.hw-fleet-cars .vrc-carat-cont {
    display: inline-flex !important;
}

.hw-fleet-cars .vrc-expl {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    background: #1a2b4a !important;
    border-radius: 50% !important;
    border: 1.5px solid transparent !important;
    cursor: default !important;
    transition: background 0.2s ease, border-color 0.2s ease !important;
}

.hw-fleet-cars .vrc-expl i {
    font-size: 12px !important;
    color: #ffffff !important;
    line-height: 1 !important;
    transition: color 0.2s ease !important;
}

/* No text label — icon only */

.hw-fleet-cars .vrc-expl::after {
    content: none !important;
    display: none !important;
}

/* Icon hover */

.hw-fleet-cars figure.vrcmodcarsgridcont-item:hover .vrc-expl {
    background: #ffffff !important;
    border-color: #fdd346 !important;
}

.hw-fleet-cars figure.vrcmodcarsgridcont-item:hover .vrc-expl i {
    color: #fdd346 !important;
}

/* ---- Continue button ---- */

.hw-fleet-cars a.btn-vrcmodcarsgrid-btn,
.hw-fleet-cars a.btn.vrc-pref-color-btn {
    display: block !important;
    width: 100% !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 13px 20px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease !important;
}

.hw-fleet-cars a.btn-vrcmodcarsgrid-btn:hover,
.hw-fleet-cars a.btn.vrc-pref-color-btn:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

@media (max-width: 1024px) {
  .hw-fleet-cars .vrcmodcarsgridcont-items {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {
  .hw-fleet-cars .vrcmodcarsgridcontainer {
    padding: 20px 14px !important;
  }
  .hw-fleet-cars .vrcmodcarsgridcont-items {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .hw-fleet-cars .vrcmodcarsgridimg {
    height: 180px !important;
  }
}

/* ---- FIX: icons centered — override plugin inline-block ---- */

/* ---- FIX: center icons — target the missing middle div ---- */

.hw-fleet-cars .vrcmodcarsgrid-item_carat {
    display: block !important;
    width: 100% !important;
}

/* ---- Category badge — top-left corner of card image ---- */

/*-------------------------------------------------------------------------------OurFleet(CarDetails)---------------------------------------------------------------------*/

/* ============================================================
   HYBRID WHEELS — Car Details Page  v2 (clean rewrite)
   Scope: .hw-cardetails on the elementor-widget div (confirmed from inspect)
   ============================================================ */

/* ---- Page wrapper ---- */

.hw-cardetails .wrap.plugin-container {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 48px 24px 64px !important;
    box-sizing: border-box !important;
    background: #F5F7FA !important;
}

/* ============================================================
   HERO: image left + info card right
   ============================================================ */

.hw-cardetails .vrc-cdetails-cinfo {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    align-items: stretch !important;
    margin-bottom: 20px !important;
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: ;
    overflow: hidden !important;
}

/* -- Left column: images -- */

.hw-cardetails .vrc-cdetails-img {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    padding: 24px !important;
    background: #F5F7FA !important;
    border-right: 1px solid #e4eaf3 !important;
}

.hw-cardetails .vrc-cdetails-cmainimg {
    border-radius: 12px !important;
    overflow: hidden !important;
    line-height: 0 !important;
    box-shadow: 0 8px 32px rgba(26,43,74,0.15) !important;
}

.hw-cardetails .vrc-cdetails-cmainimg img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 12px !important;
    margin: 0 !important;
}

.hw-cardetails .cardetails_moreimages {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 4px 0 !important;
}

.hw-cardetails .cardetails_moreimages a {
    display: block !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    line-height: 0 !important;
    transition: border-color 0.2s ease !important;
}

.hw-cardetails .cardetails_moreimages a:hover {
    border-color: #fdd346 !important;
}

.hw-cardetails .cardetails_moreimages img {
    width: 90px !important;
    height: 62px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 8px !important;
}

/* -- Right column: info card -- */

.hw-cardetails .vrc-cdetails-infocar {
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Name + category */

.hw-cardetails .vrc-cdetails-cgroup {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: #1a2b4a !important;
    padding: 18px 18px 14px !important;
    border-radius: 16px !important;
}

.hw-cardetails .vrc-car-name {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
}

.hw-cardetails .vrclistcarcat {
    display: inline-block !important;
    background: rgba(253,211,70,0.15) !important;
    color: #fdd346 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    width: fit-content !important;
    border: 1px solid rgba(253,211,70,0.3) !important;
}

.hw-cardetails .vrc-cdetails-cardesc p {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    color: #6b7280 !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}

/* Price */

.hw-cardetails .vrc-cdetails-cost {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    background: #F5F7FA !important;
    border-radius: 10px !important;
    padding: 14px 20px !important;
    margin-top: auto !important;
    color: inherit !important;
    margin: 20px 28px 28px !important;
}

.hw-cardetails .vrcliststartfrom {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.hw-cardetails .car_cost {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    line-height: 1 !important;
}

.hw-cardetails .car_cost .vrc_currency {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #355e93 !important;
    vertical-align: top !important;
    margin-top: 5px !important;
    display: inline-block !important;
}

/* ============================================================
   FEATURE ICONS
   ============================================================ */

.hw-cardetails .vrc-car-carats {
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #e4eaf3 !important;
    padding: 18px 24px !important;
    margin-bottom: 20px !important;
    box-shadow: ;
    text-align: center !important;
}

.hw-cardetails .vrc-car-carats .vrccaratsdiv {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: center !important;
}

.hw-cardetails .vrc-car-carats .vrccarcarat,
.hw-cardetails .vrc-car-carats .vrc-carat-cont {
    display: inline-flex !important;
}

.hw-cardetails .vrc-car-carats .vrc-expl {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    padding: 9px 16px 9px 13px !important;
    border-radius: 30px !important;
    border: 1.5px solid transparent !important;
    white-space: nowrap !important;
    cursor: default !important;
    transition: all 0.2s ease !important;
}

.hw-cardetails .vrc-car-carats .vrc-expl::after {
    content: attr(data-vrc-expl) !important;
    font-size: 12px !important;
    color: inherit !important;
}

.hw-cardetails .vrc-car-carats .vrc-expl i {
    font-size: 12px !important;
    color: #ffffff !important;
    width: 14px !important;
    text-align: center !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease !important;
}

.hw-cardetails .vrc-car-carats .vrc-expl:hover {
    background: #ffffff !important;
    color: #1a2b4a !important;
    border-color: #fdd346 !important;
}

.hw-cardetails .vrc-car-carats .vrc-expl:hover i {
    color: #fdd346 !important;
}

/* ============================================================
   LEGEND + MONTH SELECTOR
   ============================================================ */

.hw-cardetails .vrc-cardetails-legend {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #e4eaf3 !important;
    padding: 14px 22px !important;
    margin-bottom: 16px !important;
    box-shadow: ;
}

.hw-cardetails .vrcselectm {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a2b4a !important;
    background: #F5F7FA !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 8px !important;
    padding: 7px 14px !important;
    outline: none !important;
    cursor: pointer !important;
}

.hw-cardetails .vrclegendediv {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
}

.hw-cardetails .vrclegenda {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

.hw-cardetails .vrc-leg-text {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

.hw-cardetails span.vrclegfree {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    display: inline-block !important;
    padding: 0 !important;
}

.hw-cardetails span.vrclegwarning {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #F47B31 !important;
    display: inline-block !important;
    padding: 0 !important;
}

.hw-cardetails span.vrclegbusy {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #e24b4a !important;
    display: inline-block !important;
    padding: 0 !important;
}

/* ============================================================
   CALENDARS — full width, no overflow clipping
   ============================================================ */

.hw-cardetails .vrc-avcals-container {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 40px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.hw-cardetails .vrccaldivcont {
    background: #ffffff !important;
    border-radius: 14px !important;
    border: 1px solid #e4eaf3 !important;
    overflow: hidden !important;
    box-shadow: ;
    width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
}

.hw-cardetails table.vrccal {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

/* Month header */

.hw-cardetails .vrccal td.vrc-pref-bordercolor {
    background: #1a2b4a !important;
    padding: 13px 8px !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 28px rgba(26,43,74,0.10);
}

.hw-cardetails .vrccal td.vrc-pref-bordercolor strong {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* Day name row */

.hw-cardetails .vrccal tr.vrccaldays td {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 10px 2px 7px !important;
    text-align: center !important;
    border: none !important;
    background: #F5F7FA !important;
}

/* Date cells */

.hw-cardetails .vrccal td {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    color: #1a2b4a !important;
    padding: 4px 2px !important;
    text-align: center !important;
    border: none !important;
    line-height: 1.4 !important;
}

/* Past dates */

.hw-cardetails .vrccal .vrctdpast {
    color: #d1d5db !important;
}

/* Available — clickable dates */

.hw-cardetails .vrccal .vrctdfree span.vrc-cdetails-cal-pickday {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    font-weight: 500 !important;
    transition: background 0.18s ease, color 0.18s ease !important;
}

.hw-cardetails .vrccal .vrctdfree span.vrc-cdetails-cal-pickday:hover {
    background: #fdd346 !important;
    color: #1a2b4a !important;
}

/* Busy */

.hw-cardetails .vrccal .vrctdbusy {
    color: #e24b4a !important;
    text-decoration: line-through !important;
}

/* ============================================================
   BOOKING TITLE (search form untouched)
   ============================================================ */

.hw-cardetails .vrc-cardetails-book-wrap > h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    margin: 0 0 20px !important;
    letter-spacing: -0.01em !important;
}
/* ============================================================
   CAR DETAILS PAGE — Date/Time form mobile fix
   Scope: .vrc-cardetails-book-wrap (actual DOM parent on this page)
   ============================================================ */

@media (max-width: 768px) {

  /* Collapse the 2-column grid to single column */
  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
  }

  /* Each pickup/dropoff block: stack date input ABOVE time selects */
  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrcsfentrycont {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    flex: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  /* Date input row: full width */
  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrcsfentrylabsel {
    width: 100% !important;
    flex: none !important;
  }

  /* Time row: below the date, hour+minute side by side */
  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrcsfentrytime {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    flex: none !important;
    margin-top: 4px !important;
  }

  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrc-sf-time-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrc-sf-time-container span {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .vrc-cardetails-book-wrap .vrc-searchf-section-datetimes .vrc-sf-time-container select {
    width: 100% !important;
    min-width: 0 !important;
  }
}
@media (max-width: 768px) {
  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-locations,
  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: unset !important;
    gap: 14px !important;
    width: 100% !important;
  }

  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes .vrcsfentrycont {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    flex: none !important;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes .vrcsfentrytime {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    flex: none !important;
    margin-top: 4px !important;
  }

  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes .vrc-sf-time-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
  }

  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes .vrc-sf-time-container span {
    flex: 1 !important;
    min-width: 0 !important;
  }

  .elementor-shortcode .wrap.plugin-container .vrc-searchf-section-datetimes .vrc-sf-time-container select {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 860px) {
  .hw-cardetails .vrc-cdetails-cinfo {
    grid-template-columns: 1fr !important;
  }

  .hw-cardetails .vrc-cdetails-cmainimg img {
    height: 230px !important;
  }

  .hw-cardetails .vrc-avcals-container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  .hw-cardetails .wrap.plugin-container {
    padding: 24px 14px 48px !important;
  }

  .hw-cardetails .vrc-cardetails-legend {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}

/* ============================================================
   HYBRID WHEELS — Car Details Page  v3
   Matching screenshot 2 layout
   Scope: .hw-cardetails
   ============================================================ */

/* ============================================================
   HERO CARD — single card wrapping image + info
   ============================================================ */

/* ---- Left: images ---- */

/* ---- Right: info — navy header + white body ---- */

/* Navy header block — name + category */

/* White body — description + price */

.hw-cardetails .vrc-cdetails-cardesc {
    padding: 24px 28px 0 !important;
    flex-grow: 1 !important;
}

/* ============================================================
   FEATURE ICONS — separate card, centered, with labels
   ============================================================ */

/* ============================================================
   CALENDARS
   ============================================================ */

/* ============================================================
   BOOKING TITLE
   ============================================================ */

@media (max-width: 860px) {
  .hw-cardetails .vrc-cdetails-cinfo {
    grid-template-columns: 1fr !important;
  }

  .hw-cardetails .vrc-cdetails-img {
    border-right: none !important;
    border-bottom: 1px solid #e4eaf3 !important;
  }

  .hw-cardetails .vrc-cdetails-cmainimg img {
    height: 220px !important;
  }

  .hw-cardetails .vrc-avcals-container {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 600px) {
  .hw-cardetails .wrap.plugin-container {
    padding: 20px 12px 48px !important;
  }

  .hw-cardetails .vrc-cardetails-legend {
    flex-direction: column !important;
    align-items: flex-start !important;
	box-shadow: 0 4px 28px rgba(26,43,74,0.10);
  }
}

/* ---- Floating 3D shadows — all cards ---- */

/* ---- Month selector — full specificity chain ---- */

.hw-cardetails .vrc-cardetails-legend form select.vrcselectm,
.hw-cardetails .vrc-cardetails-legend select.vrcselectm {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a2b4a !important;
    background-color: #ffffff !important;
    border: 2px solid #1a2b4a !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    outline: none !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: 0 2px 8px rgba(26,43,74,0.10) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    display: block !important;
    width: auto !important;
}

.hw-cardetails .vrc-cardetails-legend form select.vrcselectm:hover {
    border-color: #fdd346 !important;
    box-shadow: 0 0 0 3px rgba(253,211,70,0.15) !important;
}

.hw-cardetails .vrc-cardetails-legend form select.vrcselectm:focus {
    border-color: #355e93 !important;
    box-shadow: 0 0 0 3px rgba(53,94,147,0.12) !important;
}

/* Also style the form wrapper so it doesn't collapse */

.hw-cardetails .vrc-cardetails-legend form {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/*---------------------------------------------------------------------------Order Confirmed Page-----------------------------------------------------------------------*/

/* ============================================================
   HYBRID WHEELS — Order Confirmation Page
   Scope: .hw-order-confirm
   ============================================================ */

.hw-order-confirm .wrap.plugin-container {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 48px 24px 64px !important;
    box-sizing: border-box !important;
    background: #F5F7FA !important;
}

/* ---- Print icon ---- */

.hw-order-confirm .vrcprintdiv {
    text-align: right !important;
    margin-bottom: 16px !important;
}

.hw-order-confirm .vrcprintdiv a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: #ffffff !important;
    border: 1px solid #e4eaf3 !important;
    border-radius: 10px !important;
    color: #1a2b4a !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.hw-order-confirm .vrcprintdiv a:hover {
    border-color: #fdd346 !important;
    color: #fdd346 !important;
}

/* ---- Success banner ---- */

.hw-order-confirm .successmade {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    padding: 18px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 20px rgba(26,43,74,0.2) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.hw-order-confirm .successmade i {
    color: #fdd346 !important;
    font-size: 22px !important;
    flex-shrink: 0 !important;
}

/* ============================================================
   TOP WRAP: personal + order details side by side
   ============================================================ */

.hw-order-confirm .vrc-order-details-top-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}

/* ---- Personal + Order details row ---- */

.hw-order-confirm .vrc-order-details-top-order {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.hw-order-confirm .vrc-order-details-top-element {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    padding: 24px !important;
    box-shadow: 0 2px 0 rgba(26,43,74,0.06), 0 8px 24px rgba(26,43,74,0.08) !important;
    box-sizing: border-box !important;
}

.hw-order-confirm .vrc-order-details-text-wrap {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    line-height: 1.9 !important;
}

/* Section title */

.hw-order-confirm .vrcvordudatatitle {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    margin-bottom: 14px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f0f3f7 !important;
}

/* Key-value rows inside order details */

.hw-order-confirm .vrc-order-details-info-inner {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 10px !important;
}

.hw-order-confirm .vrc-order-details-info-key {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.hw-order-confirm .vrc-order-details-info-val {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a2b4a !important;
}

/* Upload documents button */

.hw-order-confirm .vrc-order-details-info-val-upload-docs a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #F5F7FA !important;
    color: #355e93 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    border: 1.5px solid #e4eaf3 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    margin-top: 8px !important;
}

.hw-order-confirm .vrc-order-details-info-val-upload-docs a:hover {
    border-color: #355e93 !important;
    background: #eef2f8 !important;
}

/* ---- Car photo + booking summary card ---- */

.hw-order-confirm .vrc-order-details-top-car {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 2px 0 rgba(26,43,74,0.06), 0 8px 24px rgba(26,43,74,0.08) !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
}

/* Car photo side */

.hw-order-confirm .vrc-order-details-car-info {
    background: #F5F7FA !important;
    border-right: 1px solid #e4eaf3 !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

.hw-order-confirm .vrc-order-details-car-photo img {
    width: 100% !important;
    max-width: 280px !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

.hw-order-confirm .vrc-order-details-car-info h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    margin: 0 !important;
    text-align: center !important;
}

/* Booking summary side */

.hw-order-confirm .vrc-order-details-summary {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 0 !important;
}

.hw-order-confirm .vrc-order-details-summary-entry {
    display: flex !important;
    flex-direction: column !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f0f3f7 !important;
}

.hw-order-confirm .vrc-order-details-summary-entry:last-child {
    border-bottom: none !important;
}

.hw-order-confirm .vrc-order-details-summary-key span {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.hw-order-confirm .vrc-order-details-summary-val span {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a2b4a !important;
}

/* ============================================================
   COSTS TABLE
   ============================================================ */

.hw-order-confirm .vrc-order-details-costs-wrap {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 2px 0 rgba(26,43,74,0.06), 0 8px 24px rgba(26,43,74,0.08) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

.hw-order-confirm .vrc-order-details-costs-inner {
    padding: 8px 0 !important;
}

.hw-order-confirm .vrc-order-details-costs-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 14px 24px !important;
    border-bottom: 1px solid #f0f3f7 !important;
    font-family: 'DM Sans', sans-serif !important;
}

.hw-order-confirm .vrc-order-details-costs-row:last-child {
    border-bottom: none !important;
}

.hw-order-confirm .vrc-order-details-costs-name {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
}

.hw-order-confirm .vrc-order-details-costs-price {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1a2b4a !important;
}

.hw-order-confirm .vrc-order-details-costs-row-total {
    background: #F5F7FA !important;
}

.hw-order-confirm .vrc-order-details-costs-row-total .vrc-order-details-costs-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
}

.hw-order-confirm .vrc-order-details-costs-row-total .vrc-order-details-costs-price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
}

.hw-order-confirm .vrc_currency {
    font-size: 13px !important;
    color: #355e93 !important;
    font-weight: 600 !important;
    vertical-align: top !important;
    margin-top: 3px !important;
    display: inline-block !important;
}

/* ============================================================
   DOWNLOAD PDF LINK
   ============================================================ */

.hw-order-confirm .vrcdownloadpdf {
    margin-bottom: 20px !important;
}

.hw-order-confirm .vrcdownloadpdf a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    color: #e24b4a !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    border: 1.5px solid #fca5a5 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.hw-order-confirm .vrcdownloadpdf a:hover {
    background: #fef2f2 !important;
    border-color: #e24b4a !important;
}

/* ============================================================
   CANCELLATION / MODIFICATION BLOCK
   ============================================================ */

.hw-order-confirm .vrcordcancbox {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 2px 0 rgba(26,43,74,0.06), 0 8px 24px rgba(26,43,74,0.08) !important;
    padding: 28px !important;
}

.hw-order-confirm .vrcordcancbox h3 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    margin: 0 0 18px !important;
    letter-spacing: -0.01em !important;
}

/* Open form button */

.hw-order-confirm a#vrcopencancform {
    display: inline-flex !important;
    align-items: center !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.hw-order-confirm a#vrcopencancform:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

/* Form fields */

.hw-order-confirm .vrcordcancform-inner {
    margin-top: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.hw-order-confirm .vrcordcancform-entry {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.hw-order-confirm .vrcordcancform-entry-label label {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.hw-order-confirm input.vrcinput,
.hw-order-confirm textarea.vrctextarea {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    background: #F5F7FA !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    padding: 11px 14px !important;
    width: 100% !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
    resize: vertical !important;
}

.hw-order-confirm input.vrcinput:focus,
.hw-order-confirm textarea.vrctextarea:focus {
    border-color: #355e93 !important;
    background: #ffffff !important;
}

.hw-order-confirm .vrcordcancform-entry-submit input[type="submit"] {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 13px 32px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.hw-order-confirm .vrcordcancform-entry-submit input[type="submit"]:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

@media (max-width: 860px) {
  .hw-order-confirm .vrc-order-details-top-order,
  .hw-order-confirm .vrc-order-details-top-car {
    grid-template-columns: 1fr !important;
  }

  .hw-order-confirm .vrc-order-details-car-info {
    border-right: none !important;
    border-bottom: 1px solid #e4eaf3 !important;
  }
}

@media (max-width: 600px) {
  .hw-order-confirm .wrap.plugin-container {
    padding: 20px 12px 48px !important;
  }
}

/* ============================================================
   HYBRID WHEELS — Search Suggestions Block
   Scope: #vrc-search-suggestions (plugin-generated ID)
   ============================================================ */

#vrc-search-suggestions {
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ---- Outer card ---- */

#vrc-search-suggestions .vrc-searchsuggestions-wrap {
    background: #ffffff !important;
    border-radius: 20px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 4px 0 rgba(26,43,74,0.06), 0 12px 40px rgba(26,43,74,0.10) !important;
    overflow: hidden !important;
}

/* ---- Header ---- */

#vrc-search-suggestions .vrc-searchsuggestions-inner > h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: #1a2b4a !important;
    margin: 0 !important;
    padding: 18px 24px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ---- List ---- */

#vrc-search-suggestions .vrc-searchsuggestions-list {
    padding: 8px 0 !important;
}

/* ---- Each row ---- */

#vrc-search-suggestions .vrc-searchsuggestions-solution {
    display: grid !important;
    grid-template-columns: 1fr 1fr 140px !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 14px 24px !important;
    border-bottom: 1px solid #f0f3f7 !important;
    transition: background 0.18s ease !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution:last-child {
    border-bottom: none !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution:hover {
    background: #F5F7FA !important;
}

/* ---- Dates block ---- */

#vrc-search-suggestions .vrc-searchsuggestions-solution-dates {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution-dates-from,
#vrc-search-suggestions .vrc-searchsuggestions-solution-dates-to {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a2b4a !important;
}

/* Day label pill */

#vrc-search-suggestions .vrc-searchsuggestions-solution-wday {
    display: inline-block !important;
    background: #eef2f8 !important;
    color: #355e93 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 2px 8px !important;
    border-radius: 20px !important;
}

/* Arrow icons */

#vrc-search-suggestions .vrc-searchsuggestions-solution-dates-from i,
#vrc-search-suggestions .vrc-searchsuggestions-solution-dates-to i {
    color: #fdd346 !important;
    font-size: 13px !important;
    width: 16px !important;
    text-align: center !important;
}

/* ---- Location block ---- */

#vrc-search-suggestions .vrc-searchsuggestions-solution-locations {
    display: flex !important;
    align-items: center !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution-locations-name span {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution-locations-name span::before {
    content: '' !important;
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #fdd346 !important;
    flex-shrink: 0 !important;
}

/* ---- Book Now button ---- */

#vrc-search-suggestions .vrc-searchsuggestions-solution-booknow {
    text-align: right !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution-booknow a {
    display: inline-block !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 9px 18px !important;
    border-radius: 8px !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

#vrc-search-suggestions .vrc-searchsuggestions-solution-booknow a:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

@media (max-width: 640px) {
  #vrc-search-suggestions .vrc-searchsuggestions-solution {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 16px 20px !important;
  }

  #vrc-search-suggestions .vrc-searchsuggestions-solution-booknow {
    text-align: left !important;
  }
}

#vrc-search-suggestions .vrc-searchsuggestions-wrap,
#vrc-search-suggestions .vrc-searchsuggestions-inner,
#vrc-search-suggestions .vrc-searchsuggestions-list,
#vrc-search-suggestions .vrc-searchsuggestions-solution {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ============================================================
   HYBRID WHEELS — Upload Documents Page
   Scope: .vrc-docsupload-container (unique to this view)
   ============================================================ */

.vrc-docsupload-container {
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 48px 24px 64px !important;
    box-sizing: border-box !important;
}

/* ---- Page title ---- */

.vrc-docsupload-container > h4 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #1a2b4a !important;
    margin: 0 0 20px !important;
    letter-spacing: -0.02em !important;
}

/* ---- Disclaimer banner ---- */

.vrc-docsupload-container .vrc-docsupload-disclaimer {
    background: #eef2f8 !important;
    border-left: 4px solid #355e93 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #355e93 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 14px 18px !important;
    margin-bottom: 28px !important;
    line-height: 1.6 !important;
}

/* ---- Main two-column layout ---- */

.vrc-docsupload-container .vrc-docsupload-wrap {
    display: grid !important;
    grid-template-columns: 1fr 320px !important;
    gap: 24px !important;
    align-items: start !important;
    margin-bottom: 24px !important;
}

/* ---- Left: upload + notes card ---- */

.vrc-docsupload-container .vrc-docsupload-fields {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 4px 0 rgba(26,43,74,0.05), 0 12px 32px rgba(26,43,74,0.09) !important;
    padding: 28px !important;
    box-sizing: border-box !important;
}

.vrc-docsupload-container .vrc-docsupload-fields-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
}

/* Upload button area */

.vrc-docsupload-container .vrc-docsupload-upload-container {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.vrc-docsupload-container button.vrc-docsupload-uploadfile {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 11px 22px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.vrc-docsupload-container button.vrc-docsupload-uploadfile:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

.vrc-docsupload-container button.vrc-docsupload-uploadfile i {
    font-size: 14px !important;
}

/* Progress bar */

.vrc-docsupload-container .vrc-docsupload-upload-progress-wrap {
    flex: 1 !important;
    height: 6px !important;
    background: #e4eaf3 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.vrc-docsupload-container .vrc-docsupload-upload-progress {
    height: 100% !important;
    background: #fdd346 !important;
    border-radius: 10px !important;
    transition: width 0.3s ease !important;
}

/* Uploaded files list */

.vrc-docsupload-container .vrc-docsupload-files {
    min-height: 80px !important;
    background: #F5F7FA !important;
    border-radius: 10px !important;
    border: 1.5px dashed #d4dce8 !important;
    padding: 16px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #9ca3af !important;
}

/* Notes field */

.vrc-docsupload-container .vrc-docsupload-field-comments {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.vrc-docsupload-container .vrc-docsupload-field-key {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.vrc-docsupload-container #vrc-docsupload-comments {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    color: #1a2b4a !important;
    background: #F5F7FA !important;
    border: 1.5px solid #e4eaf3 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    min-height: 120px !important;
    resize: vertical !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease !important;
}

.vrc-docsupload-container #vrc-docsupload-comments:focus {
    border-color: #355e93 !important;
    background: #ffffff !important;
}

/* ---- Right: order details card ---- */

.vrc-docsupload-container .vrc-docsupload-order {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #e4eaf3 !important;
    box-shadow: 0 4px 0 rgba(26,43,74,0.05), 0 12px 32px rgba(26,43,74,0.09) !important;
    overflow: hidden !important;
}

.vrc-docsupload-container .vrc-docsupload-order-details {
    padding: 24px !important;
}

.vrc-docsupload-container .vrcvordudatatitle {
    display: block !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    background: #1a2b4a !important;
    margin: -24px -24px 20px !important;
    padding: 16px 24px !important;
}

/* Key-value rows */

.vrc-docsupload-container .vrc-order-details-info-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f3f7 !important;
}

.vrc-docsupload-container .vrc-order-details-info-inner:last-child {
    border-bottom: none !important;
}

.vrc-docsupload-container .vrc-order-details-info-key {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

.vrc-docsupload-container .vrc-order-details-info-val {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #1a2b4a !important;
}

/* ---- Footer: Back + Continue buttons ---- */

.vrc-docsupload-container .vrc-oconfirm-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.vrc-docsupload-container .vrc-goback-block a {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    color: #1a2b4a !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 10px !important;
    border: 2px solid #1a2b4a !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.vrc-docsupload-container .vrc-goback-block a:hover {
    background: #1a2b4a !important;
    color: #ffffff !important;
}

.vrc-docsupload-container .vrc-docsupload-submit input[type="submit"] {
    display: inline-block !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 13px 36px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.vrc-docsupload-container .vrc-docsupload-submit input[type="submit"]:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

@media (max-width: 720px) {
  .vrc-docsupload-container .vrc-docsupload-wrap {
    grid-template-columns: 1fr !important;
  }
}

/* ---- Upload area placeholder text ---- */

.vrc-docsupload-container .vrc-docsupload-files:empty::before {
    content: '📎  Drag & drop files here, or click Add above' !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 80px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #b0bac9 !important;
    text-align: center !important;
}

/* ============================================================
   HYBRID WHEELS — Order Success Page
   Scope: p.successmade (unique to this view, no extra class needed)
   ============================================================ */

/* Hide plugin title */

.wrap.plugin-container:has(p.successmade) .vrc-main-title {
    display: none !important;
}

/* Center the whole block */

.wrap.plugin-container:has(p.successmade) {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 40px 24px 64px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    width: 100% !important;
}

p.successmade {
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 28px 32px !important;
    border-radius: 16px 16px 0 0 !important;
    margin: 0 !important;
    letter-spacing: -0.01em !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: left !important;
}

/* Gold check icon */

p.successmade::before {
    content: '✓' !important;
    display: flex !important;
    width: 54px !important;
    height: 54px !important;
    background: #fdd346 !important;
    color: #1a2b4a !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    border-radius: 50% !important;
    line-height: 1 !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    flex-shrink: 0 !important;
}

/* Hide the <br> */

.wrap.plugin-container:has(p.successmade) br {
    display: none !important;
}

/* ---- Body card ---- */

.wrap.plugin-container:has(p.successmade) p:not(.successmade) {
    background: #ffffff !important;
    border: 1px solid #e4eaf3 !important;
    border-top: none !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 8px 32px rgba(26,43,74,0.12) !important;
    margin: 0 !important;
    padding: 24px 32px 28px !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    line-height: 1.7 !important;
    list-style: none !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- Review order link ---- */

.wrap.plugin-container:has(p.successmade) p:not(.successmade) a {
    display: inline-block !important;
    background: #1a2b4a !important;
    color: #ffffff !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    margin-top: 14px !important;
    transition: all 0.22s ease !important;
}

.wrap.plugin-container:has(p.successmade) p:not(.successmade) a:hover {
    background: #e8edf4 !important;
    color: #1a2b4a !important;
    border-color: #1a2b4a !important;
}

/*---------------------------------------------------------------------Fleet Viewing in Home Page------------------------------------------------------------------------*/

/* ============================================================
   HYBRID WHEELS CYPRUS — VikRentCar Cars Widget (Home Page)
   Add to: child theme style.css
   ============================================================ */

/* ── Section background ── */

.elementor-widget-wp-widget-mod_vikrentcar_cars {
    background: #F5F7FA;
    padding: 0 0 80px;
}

/* ── Outer container ── */

.vrcmodcarsgridcontainer.wrap {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    box-sizing: border-box !important;
}

.vrcmodcarsgridcontainer.wrap > div {
    overflow: hidden;
}

/* ── Owl carousel ── */

.vrcmodcarsgridcontainer .owl-carousel {
    width: 100% !important;
}

.vrcmodcarsgridcontainer .owl-stage-outer {
    overflow: hidden !important;
    padding: 16px 0 24px !important;
}

/* ── Make owl-item a flex column so cards stretch to full height ── */

.vrcmodcarsgridcontainer .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.vrcmodcarsgridcontainer .owl-item {
    display: flex !important;
    flex-direction: column !important;
    padding: 8px 10px;
    box-sizing: border-box;
}

/* ── Card layers all flex-column, stretching to fill ── */

.vrcmodcarsgridcontainer .vrc-modcars-item {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}

.vrcmodcarsgridcontainer figure.vrcmodcarsgridcont-item {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    margin: 0;
}

/* ── Card shell ── */

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv {
    background: #ffffff;
    border-radius: 16px;
    border: none;
    box-shadow: 0 8px 32px rgba(30, 41, 51, 0.14);
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv:hover {
    box-shadow: 0 20px 56px rgba(30, 41, 51, 0.26);
    transform: translateY(-4px);
}

/* ── Car image — fixed height, never stretches ── */

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv > a:first-child {
    display: block;
    overflow: hidden;
    flex-shrink: 0;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridimg {
    width: 100%;
    height: 160px;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.5s ease;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv:hover .vrcmodcarsgridimg {
    transform: scale(1.05);
}

/* ── Details block — flex grows to fill, eats from its own padding ── */

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item_details {
    padding: 14px 14px 10px;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0;
}

/* ── Category label ── */

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item_cat {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #1F4F7B;
    margin-bottom: 4px;
    flex-shrink: 0;
}

/* ── Car name — fixed 2-line height, clips overflow ── */

.vrcmodcarsgridcontainer figcaption.vrcmodcarsgrid-item_title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    color: #1E2933;
    line-height: 1.3;
    min-height: calc(18px * 1.3 * 2);
    max-height: calc(18px * 1.3 * 2);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    flex-shrink: 0;
}

/* ── Price — pinned, no vertical movement ── */

.vrcmodcarsgridcontainer .vrcmodcarsgrid-box-cost {
    display: flex;
    flex-direction: column;
    gap: 1px;
    flex-shrink: 0;
    margin-top: auto;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridstartfrom {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #9ca3af;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridcarcost {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1F4F7B;
}

.vrcmodcarsgridcontainer .vrc_currency {
    font-size: 12px;
    font-weight: 400;
    color: #6b7c93;
    margin-right: 1px;
}

/* ── CTA Button — always at same vertical position ── */

.vrcmodcarsgridcontainer .vrcmodcarsgridview {
    padding: 10px 14px 12px;
    flex-shrink: 0;
}

.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn.vrc-pref-color-btn {
    display: block;
    width: 100%;
    padding: 9px 12px;
    background: transparent;
    border: 1.5px solid #1E2933;
    border-radius: 8px;
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #1E2933;
    text-align: center;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}

.vrcmodcarsgridcontainer .btn-vrcmodcarsgrid-btn.vrc-pref-color-btn:hover {
    background: #1E2933;
    color: #F7D46A;
}

/* ── Icon bar — white glassy gradient, always at bottom ── */

.vrcmodcarsgridcontainer .vrcmodcarsgrid-item-btm {
    background: linear-gradient;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid rgba(255, 255, 255, 0.85);
    padding: 12px 14px;
    border-radius: 0 0 14px 14px;
    flex-shrink: 0;
    text-align: center !important;
}

.vrcmodcarsgridcontainer .vrccaratsdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.vrcmodcarsgridcontainer .vrccarcarat,
.vrcmodcarsgridcontainer .vrc-carat-cont {
    display: flex;
    align-items: center;
    justify-content: center;
}

.vrcmodcarsgridcontainer .vrc-expl i {
    font-size: 13px;
    color: #6b7c93;
    transition: color 0.2s ease;
}

.vrcmodcarsgridcontainer .vrcmodcarsgridboxdiv:hover .vrc-expl i {
    color: #1F4F7B;
}

/* ── Owl Nav Arrows ── */

.vrcmodcarsgridcontainer .owl-nav {
    margin-top: 28px;
    display: flex !important;
    justify-content: center;
    gap: 12px;
}

.vrcmodcarsgridcontainer .owl-nav.disabled {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: all !important;
}

.vrcmodcarsgridcontainer .owl-nav button.owl-prev,
.vrcmodcarsgridcontainer .owl-nav button.owl-next {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid #c8d4e3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 16px rgba(30, 41, 51, 0.12);
    transition: background 0.25s ease, border-color 0.25s ease !important;
    cursor: pointer !important;
    pointer-events: all !important;
}

.vrcmodcarsgridcontainer .owl-nav button.owl-prev:hover,
.vrcmodcarsgridcontainer .owl-nav button.owl-next:hover {
    background: #1E2933 !important;
    border-color: #1E2933 !important;
}

.vrcmodcarsgridcontainer .owl-nav button span {
    font-size: 20px;
    line-height: 1;
    color: #1E2933;
    pointer-events: none;
    transition: color 0.25s ease;
}

.vrcmodcarsgridcontainer .owl-nav button:hover span {
    color: #F7D46A;
}

/* ── Owl Dots ── */

.vrcmodcarsgridcontainer .owl-dots {
    margin-top: 20px;
    display: flex !important;
    justify-content: center;
    gap: 8px;
}

.vrcmodcarsgridcontainer .owl-dot {
    cursor: pointer !important;
}

.vrcmodcarsgridcontainer .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #c8d4e3 !important;
    display: block;
    transition: background 0.25s ease, width 0.25s ease !important;
}

.vrcmodcarsgridcontainer .owl-dot.active span {
    background: #1F4F7B !important;
    width: 24px !important;
    border-radius: 4px !important;
}

/* ============================================================ */
/* ── Car Name "or similar" label ── */
.vrc-car-name::after {
    content: " or similar";
    font-size: 0.72em;
    font-weight: 400;
    font-style: italic;
    color: #9ca3af;
    letter-spacing: 0.01em;
}
/*------------------------------------------------------------------------Contact form (homepage)-------------------------------------------------------------*/
/*in Appearance -> Additional CSS -> custom css*/

/*----------------------------------------------------------------------Options Section---------------------------------------------------------------*/
/* ============================================
   VRC OPTIONS SECTION — showprc page
   ============================================ */

.elementor-shortcode .wrap.plugin-container .vrc-showprc-options-wrap {
    margin-top: 32px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-title {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #6b7a92 !important;
    margin: 0 0 12px 4px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-options-inner {
    background: #ffffff !important;
    border: 1px solid #e4e9f0 !important;
    border-radius: 14px !important;
    box-shadow: inset 5px 0 0 #1a2b4a, 0 4px 24px rgba(30, 41, 80, 0.08) !important;
    overflow: hidden !important;
    padding: 0 !important;
	border-left: 5px solid #1a2b4a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 28px !important;
    border-bottom: 1px solid #eef2f7 !important;
    background: #ffffff !important;
    transition: background 0.15s ease !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-row:last-child {
    border-bottom: none !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-row:hover {
    background: #f5f8fc !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-info {
    flex: 1 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-name span {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1E2933 !important;
    line-height: 1.4 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-shrink: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-descr {
    display: flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    min-width: 80px !important;
    justify-content: flex-end !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-descr .vrc_currency {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4b5c72 !important;
    margin-right: 1px !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-descr .vrc_price {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1E2933 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-sel {
    display: flex !important;
    align-items: center !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-sel input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    border: 2px solid #c8d3e0 !important;
    border-radius: 7px !important;
    background: #f5f7fa !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease, background 0.15s ease !important;
    position: relative !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-sel input[type="checkbox"]:hover {
    border-color: #1F4F7B !important;
    background: #eef3fa !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked {
    background: #F7D46A !important;
    border-color: #c8960a !important;
}

.elementor-shortcode .wrap.plugin-container .vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 7px !important;
    width: 6px !important;
    height: 11px !important;
    border: 2.5px solid #1E2933 !important;
    border-top: none !important;
    border-left: none !important;
    transform: rotate(45deg) !important;
}

.ui-datepicker .ui-datepicker-title {
	display: flex !important;
}