.elementor-215 .elementor-element.elementor-element-ec79121{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-86bdc28 *//* ============================================
   VikRentCar Custom Styling - Match alorentacar Theme
   ============================================ */
   .info{
       background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%) !important;
   }
   
   .page-id-215 .vrc-docsupload-instructions {
       text-align: center!important;
   }

.vrc-main-title {
    display: none;
}

.elementor-element-ec79121 {
    padding-right: 10px !important;
}

a.ui-state-default.ui-state-active {
    padding-top: 0px !important;
}

/* Main Container Styling */
.vrcdivsearch {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 40px 35px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Inner form wrapper */
.vrcdivsearch-inner {
    max-width: 1200px !important;
    width: 100% !important;
}

/* Error Message Styling */
.vrcdivsearch p.err,
.err {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: white !important;
    padding: 15px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3) !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Section Styling */
.vrc-searchf-section-locations,
.vrc-searchf-section-datetimes,
.vrc-searchf-section-categories {
    margin-bottom: 25px !important;
}

/* Label Styling */
.vrcdivsearch label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Input Fields - Dropdowns */
.vrcdivsearch select {
    width: 100% !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    border: 2px solid #E5E5E5 !important;
    border-radius: 12px !important;
    background: #F8F8F8 !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    color: #333 !important;
    cursor: pointer !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    padding-right: 45px !important;
    line-height: 1.5 !important;
    height: auto !important;
    min-height: 50px !important;
}

/* Fix for select option text visibility */
.vrcdivsearch select option {
    color: #333 !important;
    font-size: 15px !important;
    padding: 10px !important;
    background: white !important;
}

/* Selected option styling */
.vrcdivsearch select:not(:invalid) {
    color: #333 !important;
    font-weight: 600 !important;
}

.vrcdivsearch select:hover {
    border-color: #CCCCCC !important;
    background-color: #FFFFFF !important;
}

.vrcdivsearch select:focus {
    outline: none !important;
    border-color: #FF6802 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(255, 104, 2, 0.1) !important;
}

/* Input Fields - Text/Date */
.vrcdivsearch input[type="text"] {
    width: 100% !important;
    padding: 14px 45px 14px 18px !important;
    font-size: 15px !important;
    border: 2px solid #E5E5E5 !important;
    border-radius: 12px !important;
    background: #F8F8F8 !important;
    transition: all 0.3s ease !important;
    font-family: inherit !important;
    color: #333 !important;
    cursor: pointer !important;
}

.vrcdivsearch input[type="text"]:hover {
    border-color: #CCCCCC !important;
    background-color: #FFFFFF !important;
}

.vrcdivsearch input[type="text"]:focus {
    outline: none !important;
    border-color: #FF6802 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(255, 104, 2, 0.1) !important;
}

/* Date Entry Container - FIXED POSITIONING */
.vrcsfentrydate {
    position: relative !important;
    display: block !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.vrcsfentrydate input.hasDatepicker {
    padding-right: 45px !important;
    position: relative !important;
    width: 100% !important;
}

/* Calendar Icon Styling - FIXED CENTERING */
.vrcsfentrydate .vrc-caltrigger,
.vrcsfentrydate .ui-datepicker-trigger,
.vrcsfentrydate .far.fa-calendar-alt,
i.far.fa-calendar-alt.vrc-caltrigger {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #FF6802 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    transition: all 0.3s ease !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.vrcsfentrydate .vrc-caltrigger:hover,
.vrcsfentrydate .ui-datepicker-trigger:hover,
.vrcsfentrydate .far.fa-calendar-alt:hover {
    color: #ff2222 !important;
    transform: translateY(-50%) scale(1.15) !important;
}

/* Alternative positioning if icon is misaligned */
.vrcsfentrylabsel {
    position: relative !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
}

.vrcsfentrylabsel label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.vrcsfentrylabsel .vrc-caltrigger,
.vrcsfentrylabsel i.far.fa-calendar-alt {
    position: absolute !important;
    right: 15px !important;
    top: calc(50% + 14px) !important;
    transform: translateY(-5%) !important;
}

/* Hide duplicate labels in time sections */
.vrcsfentrytime label {
    display: none !important;
}

/* Better structure for date/time combos */
.vrcsfentrycont {
    margin-bottom: 20px !important;
    position: relative !important;
}

/* The actual date input with hasDatepicker class */
input.hasDatepicker,
input[name="pickupdate"],
input[name="releasedate"] {
    position: relative !important;
    width: 100% !important;
    padding: 14px 45px 14px 18px !important;
    font-size: 15px !important;
    border: 2px solid #E5E5E5 !important;
    border-radius: 12px !important;
    background: #F8F8F8 !important;
    color: #333 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    min-height: 50px !important;
    box-sizing: border-box !important;
    display: block !important;
}

input.hasDatepicker:hover,
input[name="pickupdate"]:hover,
input[name="releasedate"]:hover {
    border-color: #CCCCCC !important;
    background-color: #FFFFFF !important;
}

input.hasDatepicker:focus,
input[name="pickupdate"]:focus,
input[name="releasedate"]:focus {
    outline: none !important;
    border-color: #FF6802 !important;
    background-color: white !important;
    box-shadow: 0 0 0 3px rgba(255, 104, 2, 0.1) !important;
}

/* Force override any inline styles that VikRentCar might apply */
input.hasDatepicker[style],
input[name="pickupdate"][style],
input[name="releasedate"][style] {
    width: 100% !important;
    min-height: 50px !important;
    padding: 14px 45px 14px 18px !important;
}

/* Time Container Styling */
.vrc-sf-time-container {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.vrc-sf-time-container select {
    flex: 1 !important;
    min-width: 0 !important;
    min-height: 45px !important;
}

.vrctimesep {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #FF6802 !important;
    padding: 0 8px !important;
    line-height: 1 !important;
}

/* Entry Container Spacing */
.vrcsfentrycont {
    margin-bottom: 20px !important;
}

.vrcsfentrylabsel {
    margin-bottom: 8px !important;
}

.vrcsfentrytime {
    margin-top: 12px !important;
}

/* Search Button - MATCHING MAIN SITE STYLE */
.vrcdivsearch button[type="submit"],
.vrcdivsearch .btn.vrcsearch,
.vrcdivsearch .vrc-search-btn,
.vrcdivsearch .vrc-pref-color-btn {
    width: 100% !important;
    padding: 18px !important;
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    margin-top: 30px !important;
    transition: all 0.3s ease !important;
    letter-spacing: 2px !important;
    box-shadow: 0 8px 25px rgba(255, 68, 68, 0.4) !important;
}

.vrcdivsearch button[type="submit"]:hover,
.vrcdivsearch .btn.vrcsearch:hover,
.vrcdivsearch .vrc-search-btn:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff3333 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 35px rgba(255, 68, 68, 0.5) !important;
}

.vrcdivsearch button[type="submit"]:active {
    transform: translateY(-1px) !important;
}

/* Grid Layout for Date/Time Sections */
.vrc-searchf-section-datetimes {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 25px !important;
}

/* Grid Layout for Locations */
.vrc-searchf-section-locations {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 25px !important;
    margin-bottom: 25px !important;
}

/* Full width for category */
.vrc-searchf-section-categories {
    width: 100% !important;
}

/* Make form sections full width */
.vrcsfentrycont {
    width: 100% !important;
}

/* Title Styling */
.vrc-main-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

/* Intro/Closing Text */
.vrc-intro-main,
.vrc-closing-main {
    text-align: center !important;
    color: #666 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* jQuery UI Datepicker Overrides - Match Theme */
.ui-datepicker {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%) !important;
    border: 3px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
    padding: 0 !important;
    font-family: inherit !important;
    position: fixed !important;
    max-width: 90vw !important;
    box-sizing: border-box !important;
}

.ui-datepicker-header {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 17px 17px 0 0 !important;
    padding: 20px !important;
}

.ui-datepicker-title {
    color: white !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: rgba(255, 255, 255, 0.4) !important;
    transform: scale(1.1) !important;
}

.ui-datepicker table {
    width: 100% !important;
    table-layout: fixed !important;
}

.ui-datepicker td a {
    background: #f8f9fa !important;
    color: #333 !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    padding: 8px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    display: block !important;
}

.ui-datepicker td a:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: white !important;
    transform: scale(1.1) !important;
    box-shadow: 0 5px 15px rgba(255, 104, 2, 0.4) !important;
}

.ui-datepicker td.ui-datepicker-today a {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.3) !important;
}

.ui-datepicker th {
    background: #f8f9fa !important;
    color: #666 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 10px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .vrc-searchf-section-locations,
    .vrc-searchf-section-datetimes {
        grid-template-columns: 1fr !important;
    }
    
    .vrcdivsearch {
        padding: 30px 20px !important;
    }
    
    .vrc-main-title {
        font-size: 26px !important;
    }
}

/* MOBILE DATEPICKER FIXES - PREVENT OVERFLOW */
@media (max-width: 551px) {
    .ui-datepicker {
        width: 90% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 99999 !important;
    }
    
    .ui-datepicker table {
        width: 100% !important;
        table-layout: fixed !important;
    }
    
    .ui-datepicker td,
    .ui-datepicker th {
        padding: 2px !important;
        font-size: 11px !important;
    }
    
    .ui-datepicker td a {
        padding: 4px !important;
        font-size: 11px !important;
        display: block !important;
    }
    
    .ui-datepicker-header {
        padding: 10px !important;
    }
    
    .ui-datepicker-title {
        font-size: 14px !important;
    }
    
    .ui-datepicker-prev,
    .ui-datepicker-next {
        width: 28px !important;
        height: 28px !important;
    }
}

/* Extra small screens */
@media (max-width: 400px) {
    .ui-datepicker {
        max-width: 280px !important;
    }
    
    .ui-datepicker td a {
        padding: 3px !important;
        font-size: 10px !important;
    }
}

/* Form Animation on Load */
.vrcdivsearch {
    animation: fadeInUp 0.5s ease !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Focus Outline for Accessibility */
.vrcdivsearch *:focus-visible {
    outline: 3px solid rgba(255, 104, 2, 0.5) !important;
    outline-offset: 2px !important;
}

/* ========================================
   ALORENTACAR - VIKRENTCAR CUSTOM THEME CSS
   Main Brand Colors: #FF6802 (Orange), Dark backgrounds
   ======================================== */

/* ===== GENERAL PAGE STYLING ===== */
.page-id-215 .page-content,
.page-id-215 .plugin-container {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    padding: 40px 20px;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

/* Animated background elements - SAME AS LOGIN PAGE */
.page-id-215 .page-content::before {
    content: '';
    position: absolute;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(255, 104, 2, 0.1) 0%, transparent 70%);
    top: -300px;
    right: -300px;
    animation: pulse-bg-vrc 8s ease-in-out infinite;
    pointer-events: none;
    z-index: 0;
}

.page-id-215 .page-content::after {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 34, 34, 0.08) 0%, transparent 70%);
    bottom: -250px;
    left: -250px;
    animation: pulse-bg-vrc 10s ease-in-out infinite reverse;
    pointer-events: none;
    z-index: 0;
}

@keyframes pulse-bg-vrc {
    0%, 100% { transform: scale(1); opacity: 0.5; }
    50% { transform: scale(1.1); opacity: 0.8; }
}

/* Make content appear above background */
.page-id-215 .plugin-container,
.page-id-215 .wrap {
    position: relative;
    z-index: 1;
}

/* HIDE THE ORANGE HEADER */
.page-id-215 .page-header {
    display: none !important;
}

.page-id-215 .entry-title {
    display: none !important;
}

/* ============================================
   AloRentaCar - Dark Theme for Steps, Summary & Cars Found
   Modern design matching your interface
   ============================================ */

/* ===== PROGRESS STEPS BAR ===== */
.vrc-stepbar {
    border: 0px !important;
    background: transparent !important;
    margin-bottom: 50px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 !important;
    list-style: none !important;
    position: relative;
}

/* Progress line between steps */
.vrc-stepbar::before {
    content: '';
    position: absolute;
    top: 90%;
    left: 10%;
    right: 10%;
    height: 3px;
    background: #333;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 2px;
}

.vrcstepsbarcont .vrc-stepbar li:after, 
.vrcstepsbarcont .vrc-stepbar li:before {
    border-left: 0px !important;
    display: none !important;
}

.vrcstepsbarcont .vrc-stepbar li a:hover {
    background: #236526;
}

.vrcstepsbarcont .vrc-stepbar li a:hover{
    color: #ffffff;
}

.vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *:hover:before {
    background: #FF6802;
}

.vrcstepsbarcont {
    padding-bottom: 30px;
}

.vrc-step.vrc-step-current {
    
}

.vrc-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 2;
}

.vrc-step a,
.vrc-step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #2a2a2a;
    color: #888;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 2px solid #333;
    min-width: 140px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Step numbers */
.vrcstepsbarcont .vrc-stepbar li.vrc-step-current > *:before {
    background: #ffffff;
    border: 1px solid #999999;
    color: #000000;
}

.vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *:before {
    color: #ffffff;
    background: #FF6802;
    border: 2px solid #999999;
}

.vrc-step a::before,
.vrc-step span::before {
    content: attr(data-step);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #333;
    color: #666;
    font-size: 0.9rem;
    font-weight: 800;
    transition: all 0.3s ease;
    border: 2px solid #444;
}

.vrc-step:nth-child(1) a::before,
.vrc-step:nth-child(1) span::before {
    content: '1';
}

.vrc-step:nth-child(2) a::before,
.vrc-step:nth-child(2) span::before {
    content: '2';
}

.vrc-step:nth-child(3) a::before,
.vrc-step:nth-child(3) span::before {
    content: '3';
}

.vrc-step:nth-child(4) a::before,
.vrc-step:nth-child(4) span::before {
    content: '4';
}

/* Completed steps - Green with checkmark */
.vrc-step-complete a,
.vrc-step-complete span {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);
    color: white;
    box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
    border-color: #4CAF50;
}

.vrc-step-complete a::before,
.vrc-step-complete span::before {
    background: white;
    color: #4CAF50;
    content: '✓';
    font-size: 1.1rem;
    border-color: white;
}

/* Current step - Orange with pulse animation */
.vrc-step-current span {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    color: white;
    box-shadow: 0 8px 28px rgba(255, 104, 2, 0.6);
    border-color: #FF6802;
    animation: pulse-step 2s ease-in-out infinite;
    transform: scale(1.05);
}

.vrc-step-current span::before {
    background: white;
    color: #FF6802;
    border-color: white;
    animation: rotate-step 2s ease-in-out infinite;
}

/* Next/inactive steps */
.vrc-step-next span {
    background: #1f1f1f;
    color: #555;
    border-color: #2a2a2a;
}

.vrc-step-next span::before {
    background: #2a2a2a;
    color: #555;
    border-color: #333;
}

@keyframes pulse-step {
    0%, 100% { 
        transform: scale(1.05);
        box-shadow: 0 8px 28px rgba(255, 104, 2, 0.6);
    }
    50% { 
        transform: scale(1.08);
        box-shadow: 0 10px 35px rgba(255, 104, 2, 0.8);
    }
}

@keyframes rotate-step {
    0%, 100% { 
        transform: rotate(0deg);
    }
    50% { 
        transform: rotate(180deg);
    }
}

/* ===== ITINERARY SUMMARY ===== */
.vrc-itinerary-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.vrc-itinerary-pickup,
.vrc-itinerary-dropoff {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    backdrop-filter: blur(20px);
    padding: 32px;
    border-radius: 18px;
    border-left: 6px solid #FF6802;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(255, 104, 2, 0.1);
    position: relative;
    overflow: hidden;
}

/* Subtle gradient overlay */
.vrc-itinerary-pickup::before,
.vrc-itinerary-dropoff::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.05) 0%, transparent 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.vrc-itinerary-pickup:hover,
.vrc-itinerary-dropoff:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 45px rgba(255, 104, 2, 0.35);
    border-left-color: #ff4444;
    border-color: rgba(255, 104, 2, 0.3);
}

.vrc-itinerary-pickup:hover::before,
.vrc-itinerary-dropoff:hover::before {
    opacity: 1;
}

.vrc-itinerary-pickup h4,
.vrc-itinerary-dropoff h4 {
    color: #FF6802;
    font-size: 1.4rem;
    margin: 0 0 28px 0;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

.vrc-itinerary-pickup h4::before {
    content: '✈️';
    font-size: 1.6rem;
    filter: drop-shadow(0 2px 4px rgba(255, 104, 2, 0.4));
}

.vrc-itinerary-dropoff h4::before {
    content: '🏁';
    font-size: 1.6rem;
    filter: drop-shadow(0 2px 4px rgba(255, 104, 2, 0.4));
}

.vrc-itinerary-pickup-location,
.vrc-itinerary-dropoff-location,
.vrc-itinerary-pickup-date,
.vrc-itinerary-dropoff-date {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    color: #ddd;
    padding: 12px;
    background: rgba(255, 104, 2, 0.05);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.vrc-itinerary-pickup-location:hover,
.vrc-itinerary-dropoff-location:hover,
.vrc-itinerary-pickup-date:hover,
.vrc-itinerary-dropoff-date:hover {
    background: rgba(255, 104, 2, 0.1);
    transform: translateX(5px);
}

.vrc-itinerary-dropoff-location {
    margin-top: 20px;
}

.vrc-itinerary-pickup-location {
    margin-top: 20px;
}

.vrc-itinerary-pickup-location i,
.vrc-itinerary-dropoff-location i,
.vrc-itinerary-pickup-date i,
.vrc-itinerary-dropoff-date i {
    color: #FF6802 !important;
    font-size: 1.5rem;
    margin-top: 3px;
    min-width: 28px;
    text-align: center;
}

.vrc-itinerary-pickup-locdet,
.vrc-itinerary-dropfff-locdet {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}

.vrc-itinerary-pickup-locname,
.vrc-itinerary-dropoff-locname {
    font-weight: 700;
    font-size: 1.2rem;
    color: white;
    line-height: 1.3;
}

.vrc-itinerary-pickup-locaddr,
.vrc-itinerary-dropoff-locaddr {
    font-size: 0.9rem;
    color: #999;
    line-height: 1.5;
}

.vrc-itinerary-pickup-date-day,
.vrc-itinerary-dropoff-date-day {
    font-weight: 800;
    color: white;
    font-size: 1.2rem;
}

.vrc-itinerary-pickup-date-time,
.vrc-itinerary-dropoff-date-time {
    color: #aaa;
    margin-left: 10px;
    font-size: 1rem;
    font-weight: 600;
}

.vrc-itinerary-duration {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    padding: 10px 26px;
    border-radius: 30px;
    color: white;
    font-weight: 800;
    display: inline-block;
    margin-top: 10px;
    font-size: 0.95rem;
    box-shadow: 0 6px 18px rgba(255, 104, 2, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.vrc-itinerary-duration:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(255, 104, 2, 0.5);
}

/* ===== CARS FOUND HEADER ===== */
.vrcarsfound {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    backdrop-filter: blur(20px);
    padding: 24px 40px;
    border-radius: 18px;
    color: white;
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: 35px;
    border-left: 6px solid #FF6802;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 104, 2, 0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    overflow: hidden;
}

.vrcarsfound::before {
    content: '🚗';
    font-size: 2rem;
    filter: drop-shadow(0 2px 6px rgba(255, 104, 2, 0.4));
    animation: car-bounce 2s ease-in-out infinite;
}

.vrcarsfound::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.05) 0%, transparent 100%);
    pointer-events: none;
}

.vrcarsfound span {
    color: #FF6802;
    font-size: 1.8rem;
    font-weight: 900;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.4);
    animation: number-pulse 2s ease-in-out infinite;
}

@keyframes car-bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

@keyframes number-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.08);
    }
}



/* ============================================
   AloRentaCar - Dark Theme Car Section CSS
   Modern design matching your interface
   ============================================ */

/* Main Container - Horizontal Layout with Dark Theme */
.car_result {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch;
    border: 1px solid rgba(255, 104, 2, 0.1);
}

.car_result:hover {
    box-shadow: 0 8px 30px rgba(255, 104, 2, 0.3);
    transform: translateY(-5px);
    border-color: rgba(255, 104, 2, 0.3);
}

/* Left Side - Image Container with Dark Overlay */
.vrc-car-result-left {
    flex: 0 0 500px !important;
    width: 420px !important;
    position: relative;
    overflow: hidden;
    background: #1a1a1a;
    float: none !important;
    display: block !important;
}

.vrc-car-result-left::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1;
}

.vrc-car-result-left img.imgresult {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: transform 0.6s ease;
    display: block;
    max-width: none !important;
}

.car_result:hover .vrc-car-result-left img.imgresult {
    transform: scale(1.08);
}

/* Right Side - Content Container */
.vrc-car-result-right {
    flex: 1 !important;
    width: auto !important;
    padding: 35px 40px !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    background: transparent;
}

.vrc-car-result-rightinner {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
}

.vrc-car-result-rightinner-deep {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.vrc-car-result-inner {
    flex: 1;
    min-height: auto !important;
}

/* Car Name/Title - White text for dark theme */
.vrc-car-result-inner h4.vrc-car-name {
    margin: 0 0 15px 0 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.vrc-car-result-inner h4.vrc-car-name a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.vrc-car-result-inner h4.vrc-car-name a:hover {
    color: #FF6802 !important;
}

/* Car Category Badge - Enhanced for dark theme */
.vrc-car-category {
    display: inline-block !important;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%) !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 25px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.3);
    transition: all 0.3s ease;
}

.vrc-car-category:hover {
    box-shadow: 0 6px 16px rgba(255, 104, 2, 0.4);
    transform: translateY(-2px);
}

/* Description - Light gray text */
.vrc-car-result-description {
    color: #b8b8b8;
    line-height: 1.7;
    margin-bottom: 20px;
    font-size: 14px;
}

/* ===== CHARACTERISTICS/FEATURES SECTION - STEP 2 WITH CAROUSEL ===== */
.vrccaratsdiv {
    height: 80px !important;
}

.vrc-car-result-characteristics {
    margin: 25px 0 !important;
    position: relative;
}

.vrc-car-result-characteristics .vrccaratsdiv {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
}

.vrc-car-result-characteristics .vrccarcarat {
    display: inline-flex !important;
    margin: 0 !important;
    position: relative;
}

.vrc-car-result-characteristics .vrc-carat-cont {
    display: flex;
    align-items: center;
}

/* Feature Icons - Dark theme with orange accent */
.vrc-car-result-characteristics .vrc-expl {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    background: rgba(255, 104, 2, 0.1) !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    font-size: 20px !important;
    color: #FF6802 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    position: relative;
    backdrop-filter: blur(10px);
}

.vrc-car-result-characteristics .vrc-expl:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%) !important;
    border-color: #FF6802 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(255, 104, 2, 0.4);
}

.vrc-car-result-characteristics .vrc-expl i {
    font-size: 20px !important;
    margin: 0 !important;
}

/* Enhanced Tooltip - BELOW icon */
.vrc-car-result-characteristics .vrc-expl::after {
    content: attr(data-vrc-expl);
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%) scale(0.9);
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 999999 !important;
    border: 1px solid rgba(255, 104, 2, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}

.vrc-car-result-characteristics .vrc-expl:hover::after {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

/* ===== RESPONSIVE - ENABLE CAROUSEL ON MOBILE ===== */

/* Tablets and below (1024px) */
@media (max-width: 1024px) {
    .vrc-car-result-characteristics .vrc-expl {
        width: 48px !important;
        height: 48px !important;
        font-size: 19px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl i {
        font-size: 19px !important;
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv {
        gap: 12px !important;
    }
}

/* Mobile and below (768px) - Enable scrollable carousel */
@media (max-width: 768px) {
    .vrc-car-result-characteristics {
        padding: 0;
        overflow: hidden !important;  /* ✅ Hidden - blocks tooltip but no vertical scroll */
        margin-bottom: 50px !important;  /* ✅ Extra space so content doesn't jump */
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv {
        padding-top: 22px;
        flex-wrap: nowrap !important;  /* ✅ HORIZONTAL CAROUSEL */
        overflow-x: auto !important;  /* ✅ Horizontal scroll only */
        overflow-y: hidden !important;  /* ✅ NO vertical scroll */
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
        scrollbar-color: #FF6802 #1a1a1a !important;
        padding-bottom: 50px !important;  /* ✅ Space for tooltip below */
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv::-webkit-scrollbar {
        height: 6px !important;
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv::-webkit-scrollbar-track {
        background: #1a1a1a !important;
        border-radius: 3px !important;
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv::-webkit-scrollbar-thumb {
        background: #FF6802 !important;
        border-radius: 3px !important;
    }
    
    .vrc-car-result-characteristics .vrccaratsdiv::-webkit-scrollbar-thumb:hover {
        background: #ff8533 !important;
    }
    
    .vrc-car-result-characteristics .vrccarcarat {
        flex-shrink: 0 !important;  /* ✅ KEEP ITEMS FROM SHRINKING */
    }
    
    .vrc-car-result-characteristics .vrc-expl {
        width: 46px !important;
        height: 46px !important;
        font-size: 18px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl i {
        font-size: 18px !important;
    }
    
    /* ✅ Tooltip stays BELOW on mobile - same position as desktop */
    .vrc-car-result-characteristics .vrc-expl::after {
        bottom: -34px !important;
        top: auto !important;
        font-size: 10px !important;
        padding: 5px 10px !important;
        z-index: 999999 !important;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-car-result-characteristics .vrccaratsdiv {
        gap: 10px !important;
        padding-bottom: 35px !important;
        padding-top: 5px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl {
        width: 44px !important;
        height: 44px !important;
        font-size: 17px !important;
        border-radius: 10px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl i {
        font-size: 17px !important;
    }
}

/* Extra small devices (375px and below) */
@media (max-width: 375px) {
    .vrc-car-result-characteristics .vrccaratsdiv {
        gap: 8px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl {
        width: 42px !important;
        height: 42px !important;
        font-size: 16px !important;
    }
    
    .vrc-car-result-characteristics .vrc-expl i {
        font-size: 16px !important;
    }
}

@keyframes pulse-icon {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0.7);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(255, 104, 2, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0);
    }
}

/* Apply to ALL .vrc-expl icons regardless of parent */
.vrc-expl {
    animation: pulse-icon 2s ease-in-out infinite;
}

.vrc-expl:hover {
    box-shadow: 0 6px 15px rgba(255, 104, 2, 0.4) !important;
}

/* Stagger for any parent container */
.vrccarcarat:nth-child(1) .vrc-expl { animation-delay: 0s; }
.vrccarcarat:nth-child(2) .vrc-expl { animation-delay: 0.4s; }
.vrccarcarat:nth-child(3) .vrc-expl { animation-delay: 0.6s; }
.vrccarcarat:nth-child(4) .vrc-expl { animation-delay: 0.8s; }
.vrccarcarat:nth-child(5) .vrc-expl { animation-delay: 1s; }
.vrccarcarat:nth-child(6) .vrc-expl { animation-delay: 1.2s; }
.vrccarcarat:nth-child(7) .vrc-expl { animation-delay: 1.4s; }
.vrccarcarat:nth-child(8) .vrc-expl { animation-delay: 1.6s; }

/* Last Block - Price and Button Section */
.vrc-car-lastblock {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 25px !important;
    border-top: 1px solid rgba(255, 104, 2, 0.15) !important;
    gap: 25px;
}

/* Price Section - Enhanced for dark theme */
.vrc-car-price {
    flex: 0 0 auto;
}

.vrcsrowpricediv {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px;
}

.vrcstartfrom {
    font-size: 11px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
}

.car_cost {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
}

.vrc_currency {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.vrc_price {
    font-size: 42px !important;
    font-weight: 900 !important;
    color: #FF6802 !important;
    line-height: 1 !important;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

/* View Details Button - Matching your interface */
.vrc-car-bookingbtn {
    flex: 0 0 auto;
}

.vrclistgoon {
    display: block;
}

/* Button with gradient matching your design */
.btn.booknow.vrc-pref-color-btn input[type="submit"],
.btn.booknow.vrc-pref-color-btn {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: #ffffff !important;
    padding: 16px 40px !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    display: inline-block !important;
    margin-bottom: 0px!important;
    margin-top: 15px!important;
}

.btn.booknow.vrc-pref-color-btn:hover{
    transition: all 0.3s ease !important;
    border: none !important;
    display: inline-block !important;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4) !important;
    cursor: pointer !important;
}

.vrclistgoon input[type="submit"]:hover,
.vrclistgoon .btn.booknow:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.5) !important;
}

/* Container for all car results */
.vrc-search-results-block {
    width: 100%;
}

/* Go back button styling */
.vrc-goback-block {
    margin-top: 30px;
    text-align: center;
}

.vrc-goback-block .btn {
    background: #2a2a2a;
    color: #ffffff;
    padding: 12px 30px;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid rgba(255, 104, 2, 0.2);
    transition: all 0.3s ease;
}

.vrc-goback-block .btn:hover {
    background: #FF6802;
    border-color: #FF6802;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

/* ===== DARK MODE ENHANCEMENTS ===== */
body.page-id-215 {
    background: #1a1a1a;
}

.page-id-215 * {
    scrollbar-width: thin;
    scrollbar-color: #FF6802 #2d2d2d;
}

.page-id-215 *::-webkit-scrollbar {
    width: 12px;
}

.page-id-215 *::-webkit-scrollbar-track {
    background: #2d2d2d;
    border-radius: 10px;
}

.page-id-215 *::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 10px;
    border: 2px solid #2d2d2d;
}

.page-id-215 *::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%);
}

/* ===== LOADING ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.car_result {
    animation: fadeInUp 0.6s ease-out;
}

.car_result:nth-child(2) {
    animation-delay: 0.15s;
}

.car_result:nth-child(3) {
    animation-delay: 0.3s;
}

.car_result:nth-child(4) {
    animation-delay: 0.45s;
}

/* Loading state */
.car_result.loading {
    background: linear-gradient(
        90deg,
        #2a2a2a 0%,
        #333333 50%,
        #2a2a2a 100%
    );
    background-size: 2000px 100%;
    animation: shimmer 2s infinite linear;
}

/* Extra adjustments for very dark backgrounds */
@media (prefers-color-scheme: dark) {
    .car_result {
        background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    }
    
    .vrc-car-result-inner h4.vrc-car-name,
    .vrc_currency {
        color: #ffffff !important;
    }
}
/* ===== ACCESSIBILITY ===== */
.vrc-car-bookingbtn .btn.booknow:focus,
.vrc-goback-block .btn:focus {
    outline: 3px solid #FF6802;
    outline-offset: 3px;
}

.vrc-step a:focus,
.vrc-step span:focus {
    outline: 2px solid #FF6802;
    outline-offset: 2px;
}

.vrc-itinerary-pickup {
    border-right: 0px !important;
}

.vrc-itinerary-summary {
    border: 0px !important;
}

.wrap.plugin-container {
    border-radius: 10px;
}

.vrc-expl:hover:after {
    border-radius: 10px;
}

.vrc-car-lastblock {
    border-radius: 10px;
}

.vrc-itinerary-dropoff-location {
    padding-left: 10px;
    padding-top: 20px;
}

.vrc-itinerary-dropoff-date {
    padding-left: 10px;
}

.vrc-itinerary-pickup-location {
    padding-left: 10px;
    padding-top: 20px;
}

.vrc-itinerary-pickup-date {
    padding-left: 10px;
}

.vrc-itinerary-duration {
    padding: 5px 14px 5px 14px !important;
    margin-top: 0px !important;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Large screens - everything horizontal (default is already set) */
/* No changes needed above 1063px */

/* Medium-Large screens (1063px and below) - Stack car image and content */
@media (max-width: 1063px) {
    .car_result {
        flex-direction: column !important;
    }
    
    .vrc-car-result-left {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: 350px !important;
    }
    
    .vrc-car-result-right {
        width: 100% !important;
        padding: 30px !important;
    }
    
    .vrc-car-lastblock {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }
    
    .vrc-car-bookingbtn {
        width: 100%;
    }
    
    .btn.booknow.vrc-pref-color-btn {
        width: 100% !important;
        text-align: center !important;
    }
}

/* Medium screens (871px and below) - Fix steps and itinerary */
@media (max-width: 871px) {
    /* Fix itinerary summary boxes */
    .vrc-itinerary-summary {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
    }
    
    .vrc-itinerary-pickup,
    .vrc-itinerary-dropoff {
        width: 100% !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 104, 2, 0.15) !important;
        padding-bottom: 15px !important;
    }
    
    .vrc-itinerary-dropoff {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Reduce car image height */
    .vrc-car-result-left {
        height: 280px !important;
    }
    
    /* Smaller typography */
    .vrc-car-result-inner h4.vrc-car-name {
        font-size: 26px !important;
    }
    
    .vrc_price {
        font-size: 36px !important;
    }
}

/* Tablet screens (837px and below) - Optimize steps bar */
@media (max-width: 837px) {
    /* Make steps bar scrollable horizontally if needed */
    .vrcstepsbarcont {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin-bottom: 20px !important;
    }
    
    .vrc-stepbar {
        display: flex !important;
        flex-wrap: nowrap !important;
        min-width: min-content !important;
        padding: 10px 0 !important;
    }
    
    .vrc-step {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        min-width: 120px !important;
        font-size: 13px !important;
    }
    
    /* Compact car result padding */
    .vrc-car-result-right {
        padding: 25px 20px !important;
    }
    
    /* Smaller car image */
    .vrc-car-result-left {
        height: 240px !important;
    }
    
    /* Adjust characteristics */
    .vrccaratsdiv {
        gap: 10px !important;
    }
    
    .vrc-expl {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }
}

/* Small screens (581px and below) - Mobile optimization */
@media (max-width: 581px) {
    .vrcstepsbarcont .vrc-stepbar > li {
        border-bottom: 0px!important;
    }
    
    /* Compact everything */
    .car_result {
        margin-bottom: 20px;
    }
    
    .vrc-car-result-left {
        height: 200px !important;
    }
    
    .vrc-car-result-right {
        padding: 20px 15px !important;
    }
    
    /* Typography adjustments */
    .vrc-car-result-inner h4.vrc-car-name {
        font-size: 22px !important;
        margin-bottom: 10px !important;
    }
    
    .vrc-car-category {
        font-size: 10px !important;
        padding: 6px 15px !important;
        margin-bottom: 15px !important;
    }
    
    .vrc-car-result-description {
        font-size: 13px !important;
        margin-bottom: 15px !important;
    }
    
    /* Compact characteristics */
    .vrc-car-result-characteristics {
        margin: 15px 0 !important;
    }
    
    .vrccaratsdiv {
        gap: 8px !important;
    }
    
    .vrc-expl {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
    
    /* Price section */
    .vrcstartfrom {
        font-size: 10px !important;
    }
    
    .vrc_currency {
        font-size: 18px !important;
    }
    
    .vrc_price {
        font-size: 32px !important;
    }
    
    /* Button */
    .btn.booknow.vrc-pref-color-btn {
        padding: 14px 30px !important;
        font-size: 13px !important;
    }
    
    /* Steps - make them smaller */
    .vrc-step {
        min-width: 100px !important;
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
    
    /* Itinerary - more compact */
    .vrc-itinerary-pickup-location,
    .vrc-itinerary-dropoff-location {
        padding-left: 5px !important;
        padding-top: 15px !important;
    }
    
    .vrc-itinerary-pickup-date,
    .vrc-itinerary-dropoff-date {
        padding-left: 5px !important;
    }
    
    .vrc-itinerary-pickup h4,
    .vrc-itinerary-dropoff h4 {
        font-size: 14px !important;
    }
    
    .vrc-itinerary-pickup-locname,
    .vrc-itinerary-dropoff-locname,
    .vrc-itinerary-pickup-date-day,
    .vrc-itinerary-dropoff-date-day {
        font-size: 13px !important;
    }
    
    .vrc-itinerary-pickup-locaddr,
    .vrc-itinerary-dropoff-locaddr,
    .vrc-itinerary-pickup-date-time,
    .vrc-itinerary-dropoff-date-time {
        font-size: 12px !important;
    }
    
    .vrc-itinerary-duration {
        font-size: 11px !important;
        padding: 4px 10px !important;
    }
    
    /* "Cars Found" section */
    .vrcarsfound {
        font-size: 14px !important;
        margin-bottom: 15px !important;
    }
}

/* iPhone SE and very small screens (375px and below) */
@media (max-width: 375px) {
    .vrc-car-result-left {
        height: 180px !important;
    }
    
    .vrc-car-result-right {
        padding: 15px 12px !important;
    }
    
    .vrc-car-result-inner h4.vrc-car-name {
        font-size: 20px !important;
    }
    
    .vrc-car-category {
        font-size: 9px !important;
        padding: 5px 12px !important;
    }
    
    .vrccaratsdiv {
        gap: 6px !important;
    }
    
    .vrc-expl {
        width: 38px !important;
        height: 38px !important;
        font-size: 15px !important;
    }
    
    .vrc_price {
        font-size: 28px !important;
    }
    
    .btn.booknow.vrc-pref-color-btn {
        padding: 12px 25px !important;
        font-size: 12px !important;
    }
    
    .vrc-step {
        min-width: 85px !important;
        font-size: 11px !important;
        padding: 6px 10px !important;
    }
    
    /* Hide tooltip on very small screens to avoid overflow */
    .vrc-expl::after {
        display: none !important;
    }
}

/* Landscape phone orientation */
@media (max-height: 500px) and (orientation: landscape) {
    .vrc-car-result-left {
        height: 200px !important;
    }
    
    .vrc-car-result {
        flex-direction: row !important;
    }
    
    .vrc-car-result-left {
        flex: 0 0 40% !important;
        width: 40% !important;
    }
    
    .vrc-car-result-right {
        flex: 0 0 60% !important;
        width: 60% !important;
    }
}

/* Additional fixes for plugin container */
@media (max-width: 871px) {
    .wrap.plugin-container {
        padding: 20px 15px !important;
    }
}

@media (max-width: 581px) {
    .wrap.plugin-container {
        padding: 15px 10px !important;
        border-radius: 8px !important;
    }
}

/* Ensure proper spacing on all screens */
@media (max-width: 1063px) {
    .vrc-car-lastblock {
        padding-top: 20px !important;
    }
}

/* image gallery old */
#elementor-lightbox-slideshow-single-img {
    display: none!important;
}

/* ============================================
   AloRentaCar - Step 3 
   ============================================ */

/* ===== MAIN FORM CONTAINER ===== */
.vrc-showprc-form {
    background: transparent;
}

/* ===== CAR DETAILS HEADER SECTION ===== */
.vrc-showprc-container {
    display: flex;
    gap: 40px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 35px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.vrc-showprc-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

.vrc-showprc-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vrc-showprc-right.car_img_box {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vrc-showprc-right.car_img_box > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    transition: transform 0.5s ease, box-shadow 0.3s ease;
    background: #1a1a1a;
}

.vrc-showprc-container:hover .vrc-showprc-right.car_img_box > img {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.3);
}

/* Car Title */
.car_title {
    margin: 0 0 20px 0 !important;
}

.car_title .vrhword {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.3;
}

/* Car Description */
.vrc-cdetails-infocar {
    margin-top: 15px;
}

.car_description_box {
    color: #b8b8b8;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== PHOTO GALLERY THUMBNAILS ===== */
.car_moreimages {
    display: flex !important;
    gap: 10px;
    margin-top: auto;
    overflow-x: auto;
    padding: 5px 0;
}

.car_moreimages::-webkit-scrollbar {
    height: 6px;
}

.car_moreimages::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb {
    background: #FF6802;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb:hover {
    background: #ff8533;
}

.car_moreimages a {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.car_moreimages a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.car_moreimages a:hover {
    border-color: #FF6802;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 104, 2, 0.4);
}

.car_moreimages a:hover::before {
    opacity: 0;
}

.car_moreimages a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.car_moreimages a:hover img {
    transform: scale(1.1);
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablets and smaller laptops (1024px and below) */
@media (max-width: 1024px) {
    .vrc-showprc-container {
        gap: 30px;
        padding: 25px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 0 0 350px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 250px;
    }
    
    .car_title .vrhword {
        font-size: 24px !important;
    }
}

/* Tablets portrait (860px and below) */
@media (max-width: 860px) {
    .vrc-showprc-container {
        flex-direction: column;
        gap: 25px;
        padding: 20px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 1 1 auto;
        width: 100%;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 280px;
    }
    
    .car_title .vrhword {
        font-size: 26px !important;
    }
    
    .car_moreimages {
        justify-content: flex-start;
    }
}

/* Mobile devices (768px and below) */
@media (max-width: 768px) {
    .vrc-showprc-container {
        padding: 20px 15px;
        gap: 20px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 220px;
    }
    
    .car_title {
        margin: 0 0 15px 0 !important;
    }
    
    .car_title .vrhword {
        font-size: 22px !important;
    }
    
    .car_description_box {
        font-size: 13px;
    }
    
    .car_moreimages a {
        width: 70px;
        height: 70px;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-showprc-container {
        padding: 15px;
        gap: 15px;
        border-radius: 12px;
    }
    
    .vrc-showprc-container::before {
        width: 4px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 180px;
        border-radius: 10px;
    }
    
    .car_title .vrhword {
        font-size: 20px !important;
    }
    
    .car_description_box {
        font-size: 12px;
    }
    
    .car_moreimages {
        gap: 8px;
    }
    
    .car_moreimages a {
        width: 60px;
        height: 60px;
        border-radius: 8px;
    }
}

/* Extra small devices (375px and below - iPhone SE) */
@media (max-width: 375px) {
    .vrc-showprc-container {
        padding: 12px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 160px;
    }
    
    .car_title .vrhword {
        font-size: 18px !important;
    }
    
    .car_moreimages a {
        width: 55px;
        height: 55px;
    }
}


/* ===== CAR DETAILS HEADER SECTION ===== */
.vrc-showprc-container {
    display: flex;
    gap: 40px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 35px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.vrc-showprc-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

.vrc-showprc-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vrc-showprc-right.car_img_box {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vrc-showprc-right.car_img_box > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    transition: transform 0.5s ease, box-shadow 0.3s ease;
    background: #1a1a1a;
}

.vrc-showprc-container:hover .vrc-showprc-right.car_img_box > img {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.3);
}

/* Car Title */
.car_title {
    margin: 0 0 20px 0 !important;
}

.car_title .vrhword {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.3;
}

/* Car Description */
.vrc-cdetails-infocar {
    margin-top: 15px;
}

.car_description_box {
    color: #b8b8b8;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== PHOTO GALLERY THUMBNAILS ===== */
.car_moreimages {
    display: flex !important;
    gap: 10px;
    margin-top: auto;
    overflow-x: auto;
    padding: 5px 0;
}

.car_moreimages::-webkit-scrollbar {
    height: 6px;
}

.car_moreimages::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb {
    background: #FF6802;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb:hover {
    background: #ff8533;
}

.car_moreimages a {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.car_moreimages a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.car_moreimages a:hover {
    border-color: #FF6802;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 104, 2, 0.4);
}

.car_moreimages a:hover::before {
    opacity: 0;
}

.car_moreimages a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.car_moreimages a:hover img {
    transform: scale(1.1);
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablets and smaller laptops (1024px and below) */
@media (max-width: 1024px) {
    .vrc-showprc-container {
        gap: 30px;
        padding: 25px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 0 0 350px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 250px;
    }
    
    .car_title .vrhword {
        font-size: 24px !important;
    }
}

/* Tablets portrait (860px and below) */
@media (max-width: 860px) {
    .vrc-showprc-container {
        flex-direction: column;
        gap: 25px;
        padding: 20px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 1 1 auto;
        width: 100%;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 280px;
    }
    
    .car_title .vrhword {
        font-size: 26px !important;
    }
    
    .car_moreimages {
        justify-content: flex-start;
    }
}

/* Mobile devices (768px and below) */
@media (max-width: 768px) {
    .vrc-showprc-container {
        padding: 20px 15px;
        gap: 20px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 220px;
    }
    
    .car_title {
        margin: 0 0 15px 0 !important;
    }
    
    .car_title .vrhword {
        font-size: 22px !important;
    }
    
    .car_description_box {
        font-size: 13px;
    }
    
    .car_moreimages a {
        width: 70px;
        height: 70px;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-showprc-container {
        padding: 15px;
        gap: 15px;
        border-radius: 12px;
    }
    
    .vrc-showprc-container::before {
        width: 4px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 180px;
        border-radius: 10px;
    }
    
    .car_title .vrhword {
        font-size: 20px !important;
    }
    
    .car_description_box {
        font-size: 12px;
    }
    
    .car_moreimages {
        gap: 8px;
    }
    
    .car_moreimages a {
        width: 60px;
        height: 60px;
        border-radius: 8px;
    }
}

/* Extra small devices (375px and below - iPhone SE) */
@media (max-width: 375px) {
    .vrc-showprc-container {
        padding: 12px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 160px;
    }
    
    .car_title .vrhword {
        font-size: 18px !important;
    }
    
    .car_moreimages a {
        width: 55px;
        height: 55px;
    }
}

/* ===== CAR DETAILS HEADER SECTION ===== */
.vrc-showprc-container {
    display: flex;
    gap: 40px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 35px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.vrc-showprc-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

.vrc-showprc-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vrc-showprc-right.car_img_box {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vrc-showprc-right.car_img_box > img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 14px;
    transition: transform 0.5s ease, box-shadow 0.3s ease;
    background: #1a1a1a;
}

.vrc-showprc-container:hover .vrc-showprc-right.car_img_box > img {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.3);
}

/* Car Title */
.car_title {
    margin: 0 0 20px 0 !important;
}

.car_title .vrhword {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    line-height: 1.3;
}

/* Car Description */
.vrc-cdetails-infocar {
    margin-top: 15px;
}

.car_description_box {
    color: #b8b8b8;
    font-size: 14px;
    line-height: 1.7;
}

/* ===== PHOTO GALLERY THUMBNAILS ===== */
.car_moreimages {
    display: flex !important;
    gap: 10px;
    margin-top: auto;
    overflow-x: auto;
    padding: 5px 0;
}

.car_moreimages::-webkit-scrollbar {
    height: 6px;
}

.car_moreimages::-webkit-scrollbar-track {
    background: #1a1a1a;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb {
    background: #FF6802;
    border-radius: 3px;
}

.car_moreimages::-webkit-scrollbar-thumb:hover {
    background: #ff8533;
}

.car_moreimages a {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s ease;
    position: relative;
}

.car_moreimages a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.car_moreimages a:hover {
    border-color: #FF6802;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(255, 104, 2, 0.4);
}

.car_moreimages a:hover::before {
    opacity: 0;
}

.car_moreimages a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.car_moreimages a:hover img {
    transform: scale(1.1);
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablets and smaller laptops (1024px and below) */
@media (max-width: 1024px) {
    .vrc-showprc-container {
        gap: 30px;
        padding: 25px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 0 0 350px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 250px;
    }
    
    .car_title .vrhword {
        font-size: 24px !important;
    }
}

/* Tablets portrait (860px and below) */
@media (max-width: 860px) {
    .vrc-showprc-container {
        flex-direction: column;
        gap: 25px;
        padding: 20px;
    }
    
    .vrc-showprc-right.car_img_box {
        flex: 1 1 auto;
        width: 100%;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 280px;
    }
    
    .car_title .vrhword {
        font-size: 26px !important;
    }
    
    .car_moreimages {
        justify-content: flex-start;
    }
}

/* Mobile devices (768px and below) */
@media (max-width: 768px) {
    .vrc-showprc-container {
        padding: 20px 15px;
        gap: 20px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 220px;
    }
    
    .car_title {
        margin: 0 0 15px 0 !important;
    }
    
    .car_title .vrhword {
        font-size: 22px !important;
    }
    
    .car_description_box {
        font-size: 13px;
    }
    
    .car_moreimages a {
        width: 70px;
        height: 70px;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-showprc-container {
        padding: 15px;
        gap: 15px;
        border-radius: 12px;
    }
    
    .vrc-showprc-container::before {
        width: 4px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 180px;
        border-radius: 10px;
    }
    
    .car_title .vrhword {
        font-size: 20px !important;
    }
    
    .car_description_box {
        font-size: 12px;
    }
    
    .car_moreimages {
        gap: 8px;
    }
    
    .car_moreimages a {
        width: 60px;
        height: 60px;
        border-radius: 8px;
    }
}

/* Extra small devices (375px and below - iPhone SE) */
@media (max-width: 375px) {
    .vrc-showprc-container {
        padding: 12px;
    }
    
    .vrc-showprc-right.car_img_box > img {
        height: 160px;
    }
    
    .car_title .vrhword {
        font-size: 18px !important;
    }
    
    .car_moreimages a {
        width: 55px;
        height: 55px;
    }
}

/* ===== CAR CHARACTERISTICS (Features Icons) ===== */
.vrc-showprc-car-carats {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 14px;
    padding: 25px 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.vrc-showprc-car-carats .vrccaratsdiv {
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
}

.vrc-showprc-car-carats .vrccarcarat {
    display: inline-flex !important;
    margin: 0 !important;
    position: relative;
}

.vrc-showprc-car-carats .vrc-carat-cont {
    position: relative;
    display: inline-block;
}

.vrc-showprc-car-carats .vrc-expl {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 55px !important;
    height: 55px !important;
    padding: 0 !important;
    background: rgba(255, 104, 2, 0.1) !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    font-size: 22px !important;
    color: #FF6802 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    position: relative;
}

.vrc-showprc-car-carats .vrc-expl:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%) !important;
    border-color: #FF6802 !important;
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(255, 104, 2, 0.4);
}

.vrc-showprc-car-carats .vrc-expl i {
    font-size: 22px !important;
}

/* Tooltip styling */
.vrc-showprc-car-carats .vrc-expl::after {
    content: attr(data-vrc-expl);
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.vrc-showprc-car-carats .vrc-expl:hover::after {
    opacity: 1;
}

/* ===== CAR CHARACTERISTICS RESPONSIVE ===== */

/* Tablets and below (1024px) */
@media (max-width: 1024px) {
    .vrc-showprc-car-carats {
        padding: 20px 25px;
    }
    
    .vrc-showprc-car-carats .vrc-expl {
        width: 50px !important;
        height: 50px !important;
        font-size: 20px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl i {
        font-size: 20px !important;
    }
}

/* Mobile and below (768px) - Enable scrollable carousel */
@media (max-width: 768px) {
    .vrc-showprc-car-carats {
        padding: 20px;
        overflow: hidden;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        scrollbar-color: #FF6802 #1a1a1a;
        padding-bottom: 10px;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv::-webkit-scrollbar {
        height: 6px;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv::-webkit-scrollbar-track {
        background: #1a1a1a;
        border-radius: 3px;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv::-webkit-scrollbar-thumb {
        background: #FF6802;
        border-radius: 3px;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv::-webkit-scrollbar-thumb:hover {
        background: #ff8533;
    }
    
    .vrc-showprc-car-carats .vrccarcarat {
        flex-shrink: 0;
    }
    
    .vrc-showprc-car-carats .vrc-expl {
        width: 48px !important;
        height: 48px !important;
        font-size: 18px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl i {
        font-size: 18px !important;
    }
    
    /* Hide tooltip on mobile, show on hover only */
    .vrc-showprc-car-carats .vrc-expl::after {
        bottom: -40px;
        font-size: 11px;
        padding: 5px 10px;
    }
}

.vrccaratsdiv {
    padding-bottom: 15px!important;
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-showprc-car-carats {
        padding: 15px;
    }
    
    .vrc-showprc-car-carats .vrccaratsdiv {
        gap: 12px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl {
        width: 45px !important;
        height: 45px !important;
        font-size: 17px !important;
        border-radius: 10px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl i {
        font-size: 17px !important;
    }
}

/* Extra small devices (375px and below) */
@media (max-width: 375px) {
    .vrc-showprc-car-carats .vrccaratsdiv {
        gap: 10px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl {
        width: 42px !important;
        height: 42px !important;
        font-size: 16px !important;
    }
    
    .vrc-showprc-car-carats .vrc-expl i {
        font-size: 16px !important;
    }
}

.vrc-car-result-inner {
    padding-right: 0 !important;
}

/* ===== SECTION TITLES ===== */
.vrc-showprc-title {
    color: #FF6802 !important;
    font-size: 1.3rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2) !important;
    display: flex;
    align-items: center;
    gap: 12px;
}

.vrc-showprc-title::before {
    content: '';
    width: 4px;
    height: 24px;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 2px;
}

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

.vrc-showprc-prices-wrap {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.vrc-showprc-prices-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Price Row */
.vrc-showprc-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 104, 2, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.1);
    border-radius: 14px;
    padding: 20px 25px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.vrc-showprc-price-row:hover {
    background: rgba(255, 104, 2, 0.1);
    border-color: rgba(255, 104, 2, 0.3);
    transform: translateX(5px);
}

.vrc-showprc-price-row.vrc-showprc-price-selected {
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.15) 0%, rgba(255, 68, 68, 0.1) 100%)!important;
    border-color: #FF6802!important; 
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.25)!important;
}

.vrc-showprc-price-row-cell-first {
    flex: 1;
}

.vrc-showprc-price-row-cell-first label {
    cursor: pointer;
    display: block;
}

.vrc-showprc-priceinfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vrc-showprc-pricename {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.vrc-showprc-pricecost {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.vrc-showprc-pricecost .vrc_currency {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
}

.vrc-showprc-pricecost .vrc_price {
    font-size: 36px;
    font-weight: 900;
    color: #FF6802;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

.vrc-showprc-price-row-cell-last {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Custom Radio Button */
.vrc-showprc-price-row-cell-last input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 104, 2, 0.4);
    border-radius: 50%;
    background: #1a1a1a;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.vrc-showprc-price-row-cell-last input[type="radio"]:checked {
    border-color: #FF6802;
    background: #1a1a1a;
}

.vrc-showprc-price-row-cell-last input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 50%;
}

.vrc-showprc-price-row-cell-last input[type="radio"]:hover {
    border-color: #FF6802;
    box-shadow: 0 0 15px rgba(255, 104, 2, 0.3);
}

/* ===== OPTIONS SECTION ===== */
.vrc-showprc-options-wrap .vrc-showprc-options-inner{
    border: 0px !important;
    border-top: 0px !important;
}

.vrc-showprc-options-wrap .vrc-showprc-option-row{
    border-bottom: 0px !important;
}

.vrc-showprc-option-name {
    padding-left: 20px;
}

.vrc-showprc-option-cell-price{
    padding-right: 20px;
}

.vrc-showprc-price-row.vrc-showprc-price-selected{
    padding-left: 20px;
    padding-right: 20px;
}

.vrc-showprc-options-wrap {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}

.vrc-showprc-options-inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Option Row */
.vrc-showprc-option-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 104, 2, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.1);
    border-radius: 14px;
    padding: 20px 25px;
    transition: all 0.3s ease;
}

.vrc-showprc-option-row:hover {
    background: rgba(255, 104, 2, 0.1);
    border-color: rgba(255, 104, 2, 0.3);
    transform: translateX(5px);
}

.vrc-showprc-option-cell-info {
    flex: 1;
}

.vrc-showprc-option-name-descr {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.vrc-showprc-option-name {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
}

.vrc-showprc-option-name span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.vrc-showprc-option-name span::before {
    content: '✦';
    color: #FF6802;
    font-size: 12px;
}

.vrc-showprc-option-cell-price {
    display: flex;
    align-items: center;
    gap: 25px;
}

.vrc-showprc-option-cell-price-descr {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-width: 80px;
    justify-content: flex-end;
}

.vrc-showprc-option-cell-price-descr .vrc_currency {
    font-size: 14px;
    font-weight: 600;
    color: #aaa;
}

.vrc-showprc-option-cell-price-descr .vrc_price {
    font-size: 22px;
    font-weight: 800;
    color: #FF6802;
}

/* Custom Checkbox */
.vrc-showprc-option-cell-price-sel input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 28px;
    height: 28px;
    border: 3px solid rgba(255, 104, 2, 0.4);
    border-radius: 8px;
    background: #1a1a1a;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked {
    border-color: #FF6802;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
}

.vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.vrc-showprc-option-cell-price-sel input[type="checkbox"]:hover {
    border-color: #FF6802;
    box-shadow: 0 0 15px rgba(255, 104, 2, 0.3);
}

/* Highlight selected option row */
.vrc-showprc-option-row:has(input[type="checkbox"]:checked) {
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.15) 0%, rgba(255, 68, 68, 0.1) 100%);
    border-color: #FF6802;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.25);
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Large Tablets & Small Laptops (1024px - 1366px) */
@media screen and (max-width: 1366px) {
    .vrc-showprc-container {
        gap: 20px;
    }
    
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 25px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 32px;
    }
}

/* Tablets (768px - 1024px) */
@media screen and (max-width: 1024px) {
    .vrc-showprc-container {
        flex-direction: column;
    }
    
    .vrc-showprc-right {
        max-width: 100%;
        width: 100%;
    }
    
    .vrc-showprc-left {
        min-width: 100%;
    }
    
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 20px;
    }
    
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 18px 20px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 18px 20px;
    }
    
    .vrc-showprc-pricename {
        font-size: 16px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 28px;
    }
    
    .vrc-showprc-option-name {
        font-size: 15px;
        padding-left: 15px;
    }
    
    .vrc-showprc-option-cell-price {
        padding-right: 15px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_price {
        font-size: 20px;
    }
}

/* Mobile Landscape (600px - 768px) */
@media screen and (max-width: 768px) {
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 18px;
        border-radius: 14px;
    }
    
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 15px;
        border-radius: 12px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 15px;
    }
    
    .vrc-showprc-priceinfo {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .vrc-showprc-pricename {
        font-size: 15px;
    }
    
    .vrc-showprc-pricecost .vrc_currency {
        font-size: 16px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 24px;
    }
    
    .vrc-showprc-option-name {
        padding-left: 10px;
    }
    
    .vrc-showprc-option-cell-price {
        gap: 15px;
        padding-right: 10px;
    }
    
    .vrc-showprc-option-cell-price-descr {
        min-width: 60px;
    }
    
    .car_buttons_box {
        flex-direction: column;
        gap: 15px;
    }
    
    .car_buttons_box .btn {
        width: 100%;
        min-width: unset;
    }
    
    .car_moreimages img {
        width: calc(50% - 5px);
    }
}

/* Mobile Portrait (up to 600px) */
@media screen and (max-width: 600px) {
    .vrc-showprc-left,
    .vrc-showprc-right {
        min-width: 100%;
    }
    
    .vrc-showprc-option-cell-info {
        padding-left: 15px!important;
    }
    
    .vrc-showprc-option-cell-price{
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .vrc-showprc-title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 12px 15px;
        gap: 10px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 12px 15px;
    }
    
    .vrc-showprc-priceinfo {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .vrc-showprc-pricename {
        font-size: 14px;
    }
    
    .vrc-showprc-pricecost {
        margin-top: 8px;
    }
    
    .vrc-showprc-pricecost .vrc_currency {
        font-size: 14px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 22px;
    }
    
    .vrc-showprc-price-row-cell-last input[type="radio"] {
        width: 24px;
        height: 24px;
        border-width: 2px;
    }
    
    .vrc-showprc-price-row-cell-last input[type="radio"]:checked::after {
        width: 12px;
        height: 12px;
    }
    
    .vrc-showprc-option-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .vrc-showprc-option-cell-price {
        width: 100%;
        justify-content: space-between;
        gap: 10px;
        padding-right: 0;
    }
    
    .vrc-showprc-option-name {
        font-size: 14px;
        padding-left: 0;
    }
    
    .vrc-showprc-option-name span::before {
        font-size: 10px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_currency {
        font-size: 12px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_price {
        font-size: 18px;
    }
    
    .vrc-showprc-option-cell-price-sel input[type="checkbox"] {
        width: 24px;
        height: 24px;
        border-width: 2px;
    }
    
    .vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked::after {
        font-size: 14px;
    }
    
    .car_buttons_box {
        padding-top: 20px;
        margin-top: 20px;
        flex-direction: column;
    }
    
    .car_buttons_box .btn {
        padding: 15px 30px;
        font-size: 14px;
        width: 100%;
    }
    
    .vrccaratsdiv {
        gap: 10px;
    }
    
    .vrccarcarat {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .car_moreimages {
        gap: 8px;
    }
    
    .car_title {
        font-size: 20px;
    }
}

/* CRITICAL FIX: Below 581px */
@media screen and (max-width: 580px) {
    /* Price Section - Center aligned and compact */
    .vrc-showprc-price-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px 12px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 15px 12px;
    }
    
    .vrc-showprc-priceinfo {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 8px;
    }
    
    .vrc-showprc-pricename {
        font-size: 16px;
        text-align: center;
        width: 100%;
    }
    
    .vrc-showprc-pricecost {
        margin-top: 5px;
        justify-content: center;
    }
    
    .vrc-showprc-pricecost .vrc_currency {
        font-size: 16px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 32px;
    }
    
    .vrc-showprc-price-row-cell-last {
        margin-top: 10px;
        width: 100%;
        justify-content: center;
    }
    
    /* Options Section - Vertical with full width price */
    .vrc-showprc-option-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 12px 15px;
    }
    
    .vrc-showprc-option-cell-info {
        width: 100%;
    }
    
    .vrc-showprc-option-name {
        font-size: 15px;
        padding-left: 0;
        width: 100%;
    }
    
    .vrc-showprc-option-name span {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .vrc-showprc-option-cell-price {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding-right: 0;
        gap: 15px;
    }
    
    .vrc-showprc-option-cell-price-descr {
        min-width: auto;
        flex: 1;
        justify-content: flex-start;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_currency {
        font-size: 14px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_price {
        font-size: 20px;
    }
    
    .vrc-showprc-option-cell-price-sel {
        flex-shrink: 0;
    }
}

/* Extra Small Mobile (up to 400px) */
@media screen and (max-width: 400px) {
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 12px;
        border-radius: 12px;
    }
    
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 10px 12px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 10px 12px;
    }
    
    .vrc-showprc-pricename {
        font-size: 15px;
    }
    
    .vrc-showprc-pricecost .vrc_currency {
        font-size: 15px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 28px;
    }
    
    .vrc-showprc-option-name {
        font-size: 14px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_currency {
        font-size: 12px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_price {
        font-size: 18px;
    }
    
    .car_buttons_box .btn {
        padding: 12px 25px;
        font-size: 13px;
    }
    
    .vrccaratsdiv {
        gap: 8px;
    }
    
    .vrccarcarat {
        padding: 8px 12px;
        font-size: 12px;
    }
    
    .car_title {
        font-size: 18px;
    }
}

/* iPhone SE Specific (375px) */
@media screen and (max-width: 375px) {
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 10px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 10px;
    }
    
    .vrc-showprc-pricename {
        font-size: 14px;
    }
    
    .vrc-showprc-pricecost .vrc_price {
        font-size: 26px;
    }
    
    .vrc-showprc-option-name {
        font-size: 13px;
    }
    
    .vrc-showprc-option-cell-price-descr .vrc_price {
        font-size: 17px;
    }
}

/* Landscape Orientation Fixes */
@media screen and (max-height: 600px) and (orientation: landscape) {
    .vrc-showprc-prices-wrap,
    .vrc-showprc-options-wrap {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .vrc-showprc-price-row,
    .vrc-showprc-option-row {
        padding: 12px 15px;
    }
    
    .vrc-showprc-price-row.vrc-showprc-price-selected {
        padding: 12px 15px;
    }
    
    .car_buttons_box {
        margin-top: 20px;
        padding-top: 20px;
    }
}

/* ===== BUTTONS SECTION ===== */
.car_buttons_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 104, 2, 0.15);
}

/* Desktop only - swap button positions */
@media (min-width: 769px) {
    .car_buttons_box {
        flex-direction: row-reverse;
    }
}

/* Book Now Button */
.car_buttons_box input[type="submit"].btn.booknow.vrc-pref-color-btn,
.car_buttons_box .btn.booknow.vrc-pref-color-btn {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: #ffffff !important;
    padding: 18px 50px !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.4) !important;
}

.car_buttons_box input[type="submit"].btn.booknow.vrc-pref-color-btn:hover,
.car_buttons_box .btn.booknow.vrc-pref-color-btn:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 35px rgba(255, 104, 2, 0.5) !important;
}

/* Back Button */
.car_buttons_box .vrc-goback-block {
    margin: 0;
}

.car_buttons_box .vrc-goback-block .btn.vrc-pref-color-btn-secondary {
    background: #2a2a2a !important;
    color: #ffffff !important;
    padding: 18px 40px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: 2px solid rgba(255, 104, 2, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block;
}

.car_buttons_box .vrc-goback-block .btn.vrc-pref-color-btn-secondary:hover {
    background: rgba(255, 104, 2, 0.1) !important;
    border-color: #FF6802 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.3) !important;
}



/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrc-showprc-container,
.vrc-showprc-car-carats,
.vrc-showprc-prices-wrap,
.vrc-showprc-options-wrap {
    animation: fadeInUp 0.5s ease-out;
}

.vrc-showprc-prices-wrap {
    animation-delay: 0.1s;
}

.vrc-showprc-options-wrap {
    animation-delay: 0.2s;
}

.vrc-showprc-option-row:nth-child(1) { animation-delay: 0.15s; }
.vrc-showprc-option-row:nth-child(2) { animation-delay: 0.2s; }
.vrc-showprc-option-row:nth-child(3) { animation-delay: 0.25s; }
.vrc-showprc-option-row:nth-child(4) { animation-delay: 0.3s; }

/* ===== ACCESSIBILITY ===== */
.vrc-showprc-price-row:focus-within,
.vrc-showprc-option-row:focus-within {
    outline: 2px solid #FF6802;
    outline-offset: 2px;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: 2px solid #FF6802;
    outline-offset: 2px;
}


/* ===== FANCYBOX LIGHTBOX GALLERY STYLING - FIXED ===== */

/* Dark overlay background */
.fancybox-bg {
    background: rgba(0, 0, 0, 0.95) !important;
}

/* Container - highest z-index */
.fancybox-container {
    z-index: 999999 !important;
}

/* ===== TOOLBAR (top buttons) ===== */
.fancybox-toolbar {
    top: 0 !important;
    right: 0 !important;
    padding: 10px !important;
    background: transparent !important;
    display: flex !important;
    gap: 8px !important;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.9) !important;
    border: 1px solid rgba(255, 104, 2, 0.4) !important;
    border-radius: 8px !important;
    width: 40px !important;
    height: 40px !important;
    padding: 8px !important;
    margin: 0 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.fancybox-button:hover {
    background: rgba(255, 104, 2, 0.3) !important;
    border-color: #FF6802 !important;
}

.fancybox-button svg {
    width: 18px !important;
    height: 18px !important;
}

.fancybox-button svg path {
    fill: #ffffff !important;
}

.fancybox-button:hover svg path {
    fill: #FF6802 !important;
}

/* Close button */
.fancybox-button--close {
    background: rgba(180, 40, 40, 0.8) !important;
    border-color: rgba(255, 60, 60, 0.5) !important;
}

.fancybox-button--close:hover {
    background: rgba(220, 50, 50, 0.9) !important;
}

.fancybox-button--close:hover svg path {
    fill: #ffffff !important;
}

/* ===== NAVIGATION ARROWS - FIXED ===== */
.fancybox-navigation {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    pointer-events: none !important;
}

.fancybox-navigation .fancybox-button {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 104, 2, 0.85) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4) !important;
    pointer-events: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.fancybox-navigation .fancybox-button > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
}

.fancybox-navigation .fancybox-button svg {
    width: 20px !important;
    height: 20px !important;
}

.fancybox-navigation .fancybox-button:hover {
    background: #FF6802 !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.fancybox-navigation .fancybox-button svg path {
    fill: #ffffff !important;
}

/* Arrow positions */
.fancybox-button--arrow_left {
    left: 15px !important;
}

.fancybox-button--arrow_right {
    right: 15px !important;
}

/* Disabled state */
.fancybox-navigation .fancybox-button[disabled] {
    opacity: 0.25 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* ===== INFO BAR (counter 1/2) ===== */
.fancybox-infobar {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background: rgba(20, 20, 20, 0.85) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 0 0 10px 0 !important;
    border: none !important;
    min-width: auto !important;
    line-height: 1 !important;
}

/* ===== IMAGE ===== */
.fancybox-image {
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

.fancybox-slide {
    padding: 50px 70px !important;
}

/* ===== CAPTION ===== */
.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, transparent 100%) !important;
    padding: 40px 20px 15px !important;
}

.fancybox-caption__body {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* ===== THUMBNAILS ===== */
.fancybox-thumbs {
    background: rgba(0, 0, 0, 0.9) !important;
}

.fancybox-thumbs__list a::before {
    border-color: #FF6802 !important;
}

/* Progress bar */
.fancybox-progress {
    background: #FF6802 !important;
}

/* ===== MOBILE STYLES ===== */
@media (max-width: 768px) {
    /* Smaller slide padding on mobile */
    .fancybox-slide {
        padding: 60px 15px 80px 15px !important;
    }
    
    /* Toolbar - horizontal row at top */
    .fancybox-toolbar {
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        padding: 8px !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }
    
    .fancybox-button {
        width: 36px !important;
        height: 36px !important;
        padding: 6px !important;
    }
    
    .fancybox-button svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    /* Info bar - smaller on mobile */
    .fancybox-infobar {
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
    
    /* Navigation arrows - smaller and closer to edges */
    .fancybox-navigation .fancybox-button {
        width: 36px !important;
        height: 36px !important;
    }
    
    .fancybox-button--arrow_left {
        left: 8px !important;
    }
    
    .fancybox-button--arrow_right {
        right: 8px !important;
    }
    
    .fancybox-navigation .fancybox-button svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .fancybox-slide {
        padding: 55px 10px 70px 10px !important;
    }
    
    .fancybox-navigation .fancybox-button {
        width: 32px !important;
        height: 32px !important;
    }
    
    .fancybox-button--arrow_left {
        left: 5px !important;
    }
    
    .fancybox-button--arrow_right {
        right: 5px !important;
    }
    
    .fancybox-button {
        width: 32px !important;
        height: 32px !important;
    }
}

/* ============================================
   AloRentaCar - Step 4 Order Summary CSS
   Dark Theme - Layout Fix Only
   ============================================ */

/* Main Title */
.vrc-rental-summary-title {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 30px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Main Container - Side by Side Layout */
.vrcinfocarcontainer {
    display: grid !important;
    grid-template-columns: 1fr 450px !important;
    gap: 30px !important;
    align-items: start !important;
    margin-bottom: 30px !important;
}
.vrcrentforlocs{
    border: unset !important;
}

/* Left Side - Keep existing rental info design */
.vrcrentforlocs {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

/* Keep the rental title as is - just minor spacing fix */
.vrcrentalfor {
    margin-bottom: 25px !important;
}

.vrcrentalforone {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
}

/* Itinerary - Stack pickup above dropoff */
.vrc-itinerary-confirmation {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Don't override the existing pickup/dropoff card styles - they look good */
.vrc-itinerary-pickup,
.vrc-itinerary-dropoff {
    /* Keep existing styles, just ensure they fit properly */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Car Image - Right Side */
.vrc-summary-car-img{
    padding: 3px!important;
}
.vrc-summary-car-img {
    width: 450px !important;
    height: 100% !important;
    min-height: 400px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #1a1a1a !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    transition: all 0.4s ease !important;
    position: relative;
}

.vrc-summary-car-img:hover {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 0 12px 40px rgba(255, 104, 2, 0.3) !important;
    border-color: rgba(255, 104, 2, 0.3) !important;
}

.vrc-summary-car-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.4) 100%);
    pointer-events: none;
    z-index: 1;
}

.vrc-summary-car-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.vrc-itinerary-pickup h4, .vrc-itinerary-dropoff h4 {
    margin-bottom: 12px !important;
}

.vrc-itinerary-pickup-location {
    margin-bottom: 12px!important;
}

.vrc-itinerary-dropoff-location {
     margin-bottom: 12px!important;
}

.vrc-itinerary-confirmation{
    padding-left: unset !important;
}

.vrc-itinerary-dropoff{
    padding-bottom: 15px!important;
}
/* ===== RESPONSIVE DESIGN ===== */

/* Large tablets (1200px and below) */
@media (max-width: 1200px) {
    .vrcinfocarcontainer {
        grid-template-columns: 1fr 350px !important;
        gap: 25px !important;
    }
    
    .vrc-summary-car-img {
        width: 350px !important;
        height: 100% !important;
    }
}

/* Medium tablets (1024px and below) */
@media (max-width: 1024px) {
    .vrcinfocarcontainer {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
    
    .vrc-summary-car-img {
        width: 100% !important;
        height: 350px !important;
        order: -1; /* Move image above content */
    }
}

/* Tablets (871px and below) */
@media (max-width: 871px) {
    .vrc-rental-summary-title {
        font-size: 28px !important;
        margin-bottom: 25px !important;
    }
    
    .vrcrentalforone {
        font-size: 22px !important;
    }
    
    .vrc-itinerary-confirmation {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .vrc-summary-car-img {
        height: 300px !important;
    }
}

/* Mobile (768px and below) */
@media (max-width: 768px) {
    .vrc-rental-summary-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
    }
    
    .vrcrentalforone {
        font-size: 20px !important;
    }
    
    .vrc-summary-car-img {
        height: 260px !important;
        border-radius: 12px !important;
    }
}

/* Small mobile (581px and below) */
@media (max-width: 581px) {
    .vrc-rental-summary-title {
        font-size: 22px !important;
        margin-bottom: 18px !important;
    }
    
    .vrcinfocarcontainer .vrc-summary-car-img img {
        max-width: 100% !important;
    }
    
    .vrcrentalforone {
        font-size: 18px !important;
    }
    
    .vrcinfocarcontainer {
        gap: 20px !important;
        padding: 0 15px !important; /* Add horizontal padding to container */
    }
    
    .vrc-summary-car-img {
        height: 200px !important;
        min-height: unset !important;
        width: calc(100% - 30px) !important; /* Reduce width */
        margin: 0 auto !important; /* Center it */
    }
    
    .vrc-summary-car-img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    .vrc-itinerary-confirmation {
        gap: 12px !important;
    }
}

/* Medium mobile (480px and below) */
@media (max-width: 480px) {
    .vrc-summary-car-img {
        height: 180px !important;
        width: calc(100% - 40px) !important; /* Even narrower */
    }
}

/* iPhone 14 Pro Max and similar (430px and below) */
@media (max-width: 430px) {
    .vrc-rental-summary-title {
        font-size: 20px !important;
        margin-bottom: 15px !important;
    }
    
    .vrcrentalforone {
        font-size: 17px !important;
    }
    
    .vrcinfocarcontainer {
        padding: 0 20px !important; /* More padding */
    }
    
    .vrc-summary-car-img {
        height: 170px !important;
        width: calc(100% - 40px) !important;
        border-radius: 10px !important;
    }
}

/* Extra small mobile (420px and below) */
@media (max-width: 420px) {
    .vrc-summary-car-img {
        height: 160px !important;
        width: calc(100% - 30px) !important;
    }
}

/* iPhone SE and smaller (375px and below) */
@media (max-width: 375px) {
    .vrc-rental-summary-title {
        font-size: 19px !important;
    }
    
    .vrcrentalforone {
        font-size: 16px !important;
    }
    
    .vrc-summary-car-img {
        height: 150px !important;
        width: calc(100% - 30px) !important;
    }
}

/* Very small screens (360px and below) */
@media (max-width: 360px) {
    .vrc-summary-car-img {
        height: 140px !important;
        width: calc(100% - 20px) !important;
    }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrcinfocarcontainer {
    animation: fadeInUp 0.6s ease-out;
}

.vrc-rental-summary-title {
    animation: fadeInUp 0.4s ease-out;
}

/* ===== ENSURE PROPER SPACING ===== */
.vrc-rental-summary-title {
    padding: 0 !important;
}

.vrcinfocarcontainer {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Remove any conflicting margins */
.vrcrentforlocs {
    margin: 0 !important;
}

.vrc-itinerary-confirmation {
    margin: 0 !important;
}

/* ============================================
   AloRentaCar - Step 4 Price Summary Section
   Dark Theme - Modern Design - FIXED COUPON DISPLAY
   ============================================ */

/* ===== MAIN CONTAINER ===== */
.vrc-oconfirm-summary-car-row {
    border-bottom: 0px !important;
}

.vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tot {
    margin-left: unset !important;
}

.vrc-oconfirm-summary-container {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 35px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.vrc-oconfirm-summary-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

/* ===== TABLE WRAPPER ===== */
.vrc-oconfirm-summary-car-wrapper {
    margin-bottom: 25px;
    border: none !important;
    border-top: none !important;
}

.vrc-oconfirm-summary-total-wrapper {
    border: none !important;
}

/* ===== HIDE TAX AND NET PRICE COLUMNS ===== */
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-tax,
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-net,
.vrc-oconfirm-summary-car-cell-tax,
.vrc-oconfirm-summary-car-cell-net {
    display: none !important;
}

/* ===== TABLE HEAD ===== */
.vrc-oconfirm-summary-car-head {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    padding: 18px 25px;
    background: rgba(255, 104, 2, 0.08);
    border-radius: 12px 12px 0 0;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2);
    margin-bottom: 0;
}

.vrc-oconfirm-summary-car-head-cell {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.vrc-oconfirm-summary-car-head-cell:first-child {
    justify-content: flex-start;
}

.vrc-oconfirm-summary-car-head-cell:nth-child(2) {
    justify-content: center;
}

.vrc-oconfirm-summary-car-head-cell span {
    color: #FF6802;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

/* Hide responsive headers by default */
.vrc-oconfirm-summary-car-head-cell-responsive {
    display: none !important;
}

/* ===== CAR ROW ===== */
.vrc-oconfirm-summary-car-row {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    padding: 25px;
    background: rgba(255, 104, 2, 0.03);
    border-radius: 0 0 12px 12px;
    align-items: center;
    transition: all 0.3s ease;
}

.vrc-oconfirm-summary-car-row:hover {
    background: rgba(255, 104, 2, 0.06);
}

/* ===== HIDE DAYS FOR OPTIONS (not for main car) ===== */
.vrc-oconfirm-summary-option-row .vrc-oconfirm-summary-car-cell-days {
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Keep option rows with same 3-column grid */
.vrc-oconfirm-summary-option-row {
    grid-template-columns: 2fr 0.8fr 1.5fr !important;
}

/* ===== CAR NAME & DESCRIPTION ===== */
.vrc-oconfirm-summary-car-cell-descr {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.vrc-oconfirm-carname {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff !important;
    line-height: 1.3;
}

/* Hide the "Preț Total" text */
.vrc-oconfirm-priceinfo {
    display: none !important;
}

/* Option name styling */
.vrc-oconfirm-optname {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    min-height: 23px;
    line-height: 23px;
}

/* ===== DAYS CELL - FIXED TO PREVENT MOVEMENT ===== */
.vrc-oconfirm-summary-car-cell-days {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 80px;
}

.vrc-oconfirm-summary-car-cell-days > span {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 60px;
    min-width: 60px;
    flex-shrink: 0;
    background: rgba(255, 104, 2, 0.15);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 12px;
    color: #FF6802;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.2);
}

/* ===== PRICE CELLS - DESKTOP LAYOUT ===== */
.vrc-oconfirm-summary-car-cell-tot {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: auto !important;
    white-space: nowrap;
    padding-right: 0 !important;
}

/* CRITICAL: Override any grid/inline-block on inner elements */
.vrc-oconfirm-summary-car-cell-tot > * {
    display: inline !important;
}

/* Currency and Price - Side by Side */
.vrccurrency {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-right: 3px !important;
}

.vrcprice {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.vrccurrency .vrc_currency {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    display: inline !important;
    vertical-align: baseline;
}

.vrcprice .vrc_price {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
    display: inline !important;
    vertical-align: baseline;
}

/* Highlight total price */
.vrc-oconfirm-summary-car-cell-tot .vrccurrency .vrc_currency,
.vrc-oconfirm-summary-car-cell-tot .vrcprice .vrc_price {
    color: #FF6802;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

/* ===== TOTAL ROW IMPROVEMENTS ===== */
.vrc-oconfirm-summary-total-wrapper {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid rgba(255, 104, 2, 0.2);
}

/* ===== HIDE FIRST TOTAL ROW WHEN COUPON EXISTS ===== */
.vrc-oconfirm-summary-total-wrapper:has(.vrc-oconfirm-summary-coupon-row) .vrc-oconfirm-summary-total-row:first-child {
    display: none !important;
}

/* ===== FIRST TOTAL ROW (Only shown when NO coupon) ===== */
.vrc-oconfirm-summary-total-row:first-child {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.15) 0%, rgba(255, 68, 68, 0.1) 100%);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.25);
    align-items: center;
}

.vrc-oconfirm-summary-total-row:first-child .vrc-oconfirm-total-block {
    font-size: 24px;
    font-weight: 900;
    color: #FF6802;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

.vrc-oconfirm-summary-total-row:first-child .vrcprice .vrc_price {
    font-size: 28px;
    color: #FF6802;
    text-shadow: 0 2px 10px rgba(255, 104, 2, 0.4);
}

.vrc-oconfirm-summary-total-row:first-child .vrccurrency .vrc_currency {
    font-size: 18px;
    color: #FF6802;
}

/* ===== COUPON/DISCOUNT ROW ===== */
.vrc-oconfirm-summary-coupon-row {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(46, 125, 50, 0.1) 100%);
    border: 2px solid rgba(76, 175, 80, 0.3);
    border-radius: 12px;
    padding: 20px 25px;
    margin-bottom: 15px;
    align-items: center;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.2);
}

.vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-descr span {
    font-size: 16px;
    font-weight: 700;
    color: #4CAF50 !important;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.vrc-oconfirm-summary-coupon-row .vrcprice .vrc_price {
    font-size: 22px;
    color: #4CAF50 !important;
    text-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);
}

.vrc-oconfirm-summary-coupon-row .vrccurrency .vrc_currency {
    font-size: 16px;
    color: #4CAF50 !important;
}

/* ===== FINAL TOTAL ROW (with coupon applied) ===== */
.vrc-oconfirm-summary-coupon-newtot-row {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.2) 0%, rgba(255, 68, 68, 0.15) 100%);
    border: 3px solid rgba(255, 104, 2, 0.4);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.3);
    align-items: center;
}

.vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-total-block {
    font-size: 24px;
    font-weight: 900;
    color: #FF6802;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

.vrc-oconfirm-summary-coupon-newtot-row .vrccurrency .vrc_currency {
    font-size: 20px;
    color: #FF6802;
}

.vrc-oconfirm-summary-coupon-newtot-row .vrcprice .vrc_price {
    font-size: 32px;
    color: #FF6802;
    text-shadow: 0 2px 10px rgba(255, 104, 2, 0.4);
}

/* ===== WHEN NO COUPON (only one total row) ===== */
.vrc-oconfirm-summary-total-wrapper:has(.vrc-oconfirm-summary-total-row:only-child) .vrc-oconfirm-summary-total-row {
    display: grid !important;
    grid-template-columns: 2fr 0.8fr 1.5fr;
    gap: 20px;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.15) 0%, rgba(255, 68, 68, 0.1) 100%);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.25);
    align-items: center;
}

/* Make total prices larger and centered */
.vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tot {
    justify-content: center !important;
    padding-right: 0 !important;
}

/* Fix empty cells in total row */
.vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-days {
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix for responsive label headers inside cells */
.vrc-oconfirm-summary-car-cell-tot .vrc-oconfirm-summary-car-head-cell,
.vrc-oconfirm-summary-car-cell-tot .vrc-oconfirm-summary-car-head-cell-responsive {
    display: none !important;
}

/* Hide labels in Total row as well */
.vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-head-cell {
    display: none !important;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrc-oconfirm-summary-container {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.vrc-oconfirm-summary-coupon-row {
    animation: slideIn 0.4s ease-out 0.2s both;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Laptops (1400px and below) */
@media (max-width: 1400px) {
    .vrc-oconfirm-summary-car-head,
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        grid-template-columns: 2fr 0.8fr 1.5fr;
        gap: 15px;
    }
    
    .vrc-oconfirm-summary-car-cell-days {
        min-width: 75px;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 90px;
        height: 58px;
        min-width: 58px;
    }
}

/* CRITICAL: 1221px - Prevent Days movement */
@media (max-width: 1221px) {
    .vrc-oconfirm-summary-car-head,
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        grid-template-columns: 2fr 0.75fr 1.5fr;
        gap: 12px;
    }
    
    .vrc-oconfirm-summary-car-cell-days {
        min-width: 70px;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 85px;
        height: 55px;
        min-width: 55px;
        font-size: 22px;
    }
    
    .vrcprice .vrc_price {
        font-size: 22px;
    }
    
    .vrccurrency .vrc_currency {
        font-size: 15px;
    }
}

/* Large Tablets (1024px and below) */
@media (max-width: 1024px) {
    .vrc-oconfirm-summary-container {
        padding: 30px 25px;
    }
    
    .vrc-oconfirm-summary-car-head,
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        grid-template-columns: 2fr 0.7fr 1.5fr;
        gap: 10px;
        padding: 20px;
    }
    
    .vrc-oconfirm-summary-car-head-cell span {
        font-size: 12px;
    }
    
    .vrc-oconfirm-carname {
        font-size: 18px;
    }
    
    .vrc-oconfirm-summary-car-cell-days {
        min-width: 65px;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 80px;
        height: 52px;
        min-width: 52px;
        font-size: 20px;
    }
    
    .vrcprice .vrc_price {
        font-size: 20px;
    }
    
    .vrccurrency .vrc_currency {
        font-size: 14px;
    }
}

/* ===== CRITICAL FIX: Below 982px - MOBILE VERTICAL LAYOUT ===== */
@media (max-width: 982px) {
    /* Hide desktop table header */
    .vrc-oconfirm-summary-car-head {
        display: none !important;
    }
    
    .vrc-oconfirm-summary-car-cell-tot {
        border-top-width: 0px !important;
        border-bottom-width: unset !important;
    }
    
    .vrc-oconfirm-summary-car-wrapper .vrc-oconfirm-summary-car-cell-descr {
        background: transparent!important;
    }
    
    /* ===== CAR ROW - MOBILE ===== */
    .vrc-oconfirm-summary-car-row {
        display: block !important;
        padding: 20px;
        border-radius: 12px;
    }
    
    /* Car name at top */
    .vrc-oconfirm-summary-car-cell-descr {
        width: 100% !important;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 104, 2, 0.15);
    }
    
    /* ===== DAYS SECTION - Show for main car, hide for options ===== */
    .vrc-oconfirm-summary-car-row:not(.vrc-oconfirm-summary-option-row) .vrc-oconfirm-summary-car-cell-days {
        width: 100% !important;
        min-width: unset !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 104, 2, 0.08);
    }
    
    /* DAYS label for main car */
    .vrc-oconfirm-summary-car-row:not(.vrc-oconfirm-summary-option-row) .vrc-oconfirm-summary-car-cell-days::before {
        content: 'DAYS';
        color: #FF6802;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        order: -1;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 50px;
        height: 50px;
        min-width: 50px;
        font-size: 18px;
    }
    
    /* Hide days for OPTIONS only */
    .vrc-oconfirm-summary-option-row .vrc-oconfirm-summary-car-cell-days {
        display: none !important;
    }
    
    /* ===== PRICE CELLS - VERTICAL LAYOUT ===== */
    .vrc-oconfirm-summary-car-cell-tot {
        width: 100% !important;
        display: block !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        padding: 15px 0 !important;
        border-bottom: 1px solid rgba(255, 104, 2, 0.08);
    }
    
    /* Total Price - stronger border */
    .vrc-oconfirm-summary-car-row:last-child .vrc-oconfirm-summary-car-cell-tot {
        border-bottom: none !important;
        padding-top: 18px !important;
        margin-top: 8px;
    }
    
    /* Add padding to coupon price cell on mobile */
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-tot {
        padding-top: unset !important;
    }
    
    /* Add padding to description cells on mobile */
    .vrc-oconfirm-summary-car-cell-descr {
        padding: 10px !important;
    }
    
    /* Show labels ABOVE prices */
    .vrc-oconfirm-summary-car-cell-tot .vrc-oconfirm-summary-car-head-cell-responsive {
        display: block !important;
        order: -1;
        margin: 0 !important;
        padding-bottom: 10px !important;
    }
    
    .vrc-oconfirm-summary-car-head-cell-responsive span {
        color: #FF6802;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    
    /* Keep currency + price together in a row */
    .vrc-oconfirm-summary-car-cell-tot > .vrccurrency,
    .vrc-oconfirm-summary-car-cell-tot > .vrcprice {
        display: inline !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .vrc-oconfirm-summary-car-cell-tot > .vrccurrency {
        margin-right: 3px !important;
    }
    
    /* ===== MOBILE TOTAL ROWS ===== */
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        display: block !important;
        padding: 20px;
        margin-bottom: 12px;
        grid-template-columns: unset !important;
    }
    
    /* Force all total row cells to display as block on mobile */
    .vrc-oconfirm-summary-total-row > * {
        display: block !important;
        width: 100% !important;
    }
    
    /* Hide Days cell in total rows completely */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-days {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* CRITICAL: Hide NET and TAX cells in total rows on mobile */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-net,
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tax {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* TOTAL label */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-descr {
        display: block !important;
        width: 100% !important;
        margin-bottom: 5px !important;
        padding: 10px !important;
        padding-bottom: 8px !important;
        border-bottom: none !important;
        text-align: left !important;
    }
    
    /* Align TOTAL text to left on mobile */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-total-block {
        text-align: left !important;
        display: block !important;
        margin-bottom: 0 !important;
    }
    
    /* Total row price cells - vertical */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tot {
        display: block !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 0px !important;
        padding: 15px !important;

        border-bottom: none !important;
        margin-top: 0 !important;
        border-top: 0px !important;
        text-align: left !important;
    }
    
    /* Remove padding-top for coupon final total row */
    .vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-summary-car-cell-tot {
        padding-top: unset !important;
    }
    
    /* Align coupon row content to left */
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-descr {
        text-align: left !important;
    }
    
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-descr span {
        text-align: left !important;
    }
    
    /* Hide NET and TAX cells in coupon row on mobile */
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-net,
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-tax {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* Hide Days in coupon row on mobile */
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-days {
        display: none !important;
    }
    
    /* Hide NET and TAX cells in final total row on mobile */
    .vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-summary-car-cell-net,
    .vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-summary-car-cell-tax {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* Hide Days in final total row on mobile */
    .vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-summary-car-cell-days {
        display: none !important;
    }
    
    /* Hide label inside total cell */
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tot .vrc-oconfirm-summary-car-head-cell {
        display: none !important;
        padding-bottom: 0 !important;
    }
    
    /* Mobile: Adjust discount row colors */
    .vrc-oconfirm-summary-coupon-row {
        margin-bottom: 12px;
    }
}

/* ===== FIX: Remove gap between TOTAL text and price ===== */
@media (max-width: 982px) {
    .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-descr {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
    
    .vrc-oconfirm-summary-total-row {
        padding-top: 8px !important;
        margin-top: 0px !important;
    }

}

/* Tablets Portrait (768px and below) */
@media (max-width: 768px) {
    .vrc-oconfirm-carname {
        font-size: 19px;
    }
    
    .vrc-oconfirm-summary-total-row:first-child .vrc-oconfirm-total-block,
    .vrc-oconfirm-summary-coupon-row .vrc-oconfirm-summary-car-cell-descr span {
        font-size: 16px;
    }
    
    .vrc-oconfirm-summary-coupon-newtot-row .vrc-oconfirm-total-block {
        font-size: 22px;
    }
}

/* Mobile Portrait (581px and below) */
@media (max-width: 581px) {
    .vrc-oconfirm-summary-container {
        padding: 20px 15px;
        border-radius: 14px;
    }
    
    .vrc-oconfirm-summary-car-cell-tot {
        border-top-width: 0px !important;
        border-bottom-width: unset !important;
    }
    
    .vrc-oconfirm-summary-car-wrapper > div > div {
        border-bottom: 1px solid rgba(255, 104, 2, 0.08);
    }
    
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        padding: 18px 15px;
    }
    
    .vrc-oconfirm-carname {
        font-size: 18px;
    }
    
    .vrccurrency .vrc_currency {
        font-size: 14px;
    }
    
    .vrcprice .vrc_price {
        font-size: 20px;
    }
    
    .vrc-oconfirm-total-block {
        font-size: 18px;
    }
    
    .vrc-oconfirm-summary-total-row:last-child .vrcprice .vrc_price,
    .vrc-oconfirm-summary-coupon-newtot-row .vrcprice .vrc_price {
        font-size: 26px;
    }
}

/* Small Mobile (480px and below) */
@media (max-width: 480px) {
    .vrc-oconfirm-summary-container {
        padding: 18px 12px;
    }
    
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        padding: 15px 12px;
    }
    
    .vrc-oconfirm-carname {
        font-size: 17px;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 48px;
        height: 48px;
        min-width: 48px;
        font-size: 17px;
    }
    
    .vrcprice .vrc_price {
        font-size: 18px;
    }
    
    .vrc-oconfirm-total-block {
        font-size: 16px;
    }
    
    .vrc-oconfirm-summary-total-row:last-child .vrcprice .vrc_price,
    .vrc-oconfirm-summary-coupon-newtot-row .vrcprice .vrc_price {
        font-size: 24px;
    }
}

/* iPhone SE and smaller (375px and below) */
@media (max-width: 375px) {
    .vrc-oconfirm-summary-container {
        padding: 15px 10px;
        border-radius: 12px;
    }
    
    .vrc-oconfirm-summary-car-row,
    .vrc-oconfirm-summary-total-row,
    .vrc-oconfirm-summary-total-row:first-child,
    .vrc-oconfirm-summary-coupon-row,
    .vrc-oconfirm-summary-coupon-newtot-row {
        padding: 12px 10px;
    }
    
    .vrc-oconfirm-carname {
        font-size: 16px;
    }
    
    .vrc-oconfirm-summary-car-cell-days > span {
        width: 45px;
        height: 45px;
        min-width: 45px;
        font-size: 16px;
    }
    
    .vrccurrency .vrc_currency {
        font-size: 13px;
    }
    
    .vrcprice .vrc_price {
        font-size: 17px;
    }
    
    .vrc-oconfirm-total-block {
        font-size: 15px;
    }
    
    .vrc-oconfirm-summary-total-row:last-child .vrcprice .vrc_price,
    .vrc-oconfirm-summary-coupon-newtot-row .vrcprice .vrc_price {
        font-size: 22px;
    }
}

/* ===== ACCESSIBILITY ===== */
.vrc-oconfirm-summary-container:focus-within {
    outline: 2px solid #FF6802;
    outline-offset: 2px;
}

.vrc-oconfirm-summary-car-row.vrc-oconfirm-summary-total-row {
    gap: 0px !important;
}


/* ============================================
   AloRentaCar - Coupon Section Dark Theme
   Modern design matching your interface
   ============================================ */

/* ===== MAIN COUPON CONTAINER ===== */
.vrc-oconfirm-middlep {
    margin-bottom: 35px;
}

.vrc-coupon-outer {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 32px 40px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Left orange accent bar */
.vrc-coupon-outer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

/* Subtle gradient overlay */
.vrc-coupon-outer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.03) 0%, transparent 100%);
    pointer-events: none;
}

.vrc-coupon-outer:hover {
    box-shadow: 0 12px 40px rgba(255, 104, 2, 0.25);
    border-color: rgba(255, 104, 2, 0.2);
    transform: translateY(-2px);
}

/* ===== FORM WRAPPER ===== */
.vrc-coupon-outer form {
    position: relative;
    z-index: 1;
}

.vrcentercoupon {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    max-width: 700px;
    margin: 0 auto;
}

/* ===== LABEL/TEXT ===== */
.vrchaveacoupon {
    color: #FF6802;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: center;
}

/* Add coupon icon */
.vrchaveacoupon::before {
    content: '🎟️';
    font-size: 20px;
    filter: drop-shadow(0 2px 4px rgba(255, 104, 2, 0.4));
}

/* ===== INPUT FIELD ===== */
.vrcinputcoupon {
    width: 100%;
    max-width: 500px;
    background: rgba(255, 255, 255, 0.08);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 20px;
    padding: 16px 24px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.8px;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.vrcinputcoupon::placeholder {
    color: #666;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.vrcinputcoupon:focus {
    outline: none;
    background: rgba(255, 104, 2, 0.08);
    border-color: #FF6802;
    box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.15), inset 0 2px 8px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

.vrcinputcoupon:hover {
    border-color: rgba(255, 104, 2, 0.4);
    background: rgba(255, 104, 2, 0.07);
}

/* ===== SUBMIT BUTTON ===== */
.vrcsubmitcoupon.vrc-pref-color-btn {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%) !important;
    color: #ffffff !important;
    padding: 16px 50px !important;
    border-radius: 20px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4) !important;
    width: 100%;
    max-width: 500px;
}

.vrcsubmitcoupon.vrc-pref-color-btn:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 28px rgba(255, 104, 2, 0.6) !important;
}

.vrcsubmitcoupon.vrc-pref-color-btn:active {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(255, 104, 2, 0.5) !important;
}

/* ===== LOADING STATE ===== */
.vrcsubmitcoupon.vrc-pref-color-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrc-coupon-outer {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
    }
    50% {
        box-shadow: 0 6px 25px rgba(255, 104, 2, 0.6);
    }
}

.vrcsubmitcoupon.vrc-pref-color-btn {
    animation: pulse-glow 2s ease-in-out infinite;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablets (1024px and below) */
@media (max-width: 1024px) {
    .vrc-coupon-outer {
        padding: 30px 35px;
    }
    
    .vrcentercoupon {
        gap: 16px;
        max-width: 600px;
    }
    
    .vrchaveacoupon {
        font-size: 13px;
    }
    
    .vrcinputcoupon {
        padding: 15px 22px;
        font-size: 14px;
        max-width: 450px;
        border-radius: 18px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        padding: 15px 45px !important;
        font-size: 14px !important;
        max-width: 450px;
        border-radius: 18px !important;
    }
}

/* Large Tablets (871px and below) */
@media (max-width: 871px) {
    .vrc-coupon-outer {
        padding: 28px 30px;
    }
    
    .vrcentercoupon {
        gap: 15px;
        max-width: 100%;
    }
    
    .vrchaveacoupon {
        font-size: 12px;
    }
    
    .vrcinputcoupon {
        padding: 14px 20px;
        font-size: 13px;
        max-width: 400px;
        border-radius: 16px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        padding: 14px 40px !important;
        font-size: 13px !important;
        max-width: 400px;
        border-radius: 16px !important;
    }
}

/* Tablets Portrait (768px and below) */
@media (max-width: 768px) {
    .vrc-coupon-outer {
        padding: 26px 25px;
        border-radius: 16px;
    }
    
    .vrcentercoupon {
        gap: 14px;
    }
    
    .vrchaveacoupon {
        font-size: 12px;
    }
    
    .vrchaveacoupon::before {
        font-size: 18px;
    }
    
    .vrcinputcoupon {
        max-width: 100%;
        padding: 13px 18px;
        border-radius: 15px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        max-width: 100%;
        padding: 13px 35px !important;
        border-radius: 15px !important;
    }
}

/* Mobile (581px and below) */
@media (max-width: 581px) {
    .vrc-oconfirm-middlep {
        margin-bottom: 25px;
    }
    
    .vrc-coupon-outer {
        padding: 22px 18px;
        border-radius: 14px;
    }
    
    .vrcentercoupon {
        gap: 12px;
    }
    
    .vrchaveacoupon {
        font-size: 11px;
        letter-spacing: 1px;
    }
    
    .vrchaveacoupon::before {
        font-size: 16px;
    }
    
    .vrcinputcoupon {
        padding: 12px 15px;
        font-size: 13px;
        border-radius: 14px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        padding: 12px 28px !important;
        font-size: 12px !important;
        border-radius: 14px !important;
    }
}

/* Small Mobile (480px and below) */
@media (max-width: 480px) {
    .vrc-coupon-outer {
        padding: 18px 12px;
    }
    
    .vrchaveacoupon {
        font-size: 11px;
    }
    
    .vrcinputcoupon {
        padding: 12px 14px;
        font-size: 12px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        padding: 12px 25px !important;
        font-size: 12px !important;
    }
}

/* iPhone SE (375px and below) */
@media (max-width: 375px) {
    .vrc-coupon-outer {
        padding: 18px 12px;
        border-radius: 12px;
    }
    
    .vrchaveacoupon {
        font-size: 9px;
        letter-spacing: 0.8px;
    }
    
    .vrchaveacoupon::before {
        font-size: 14px;
    }
    
    .vrcinputcoupon {
        padding: 10px 12px;
        font-size: 11px;
        border-radius: 12px;
    }
    
    .vrcsubmitcoupon.vrc-pref-color-btn {
        padding: 10px 20px !important;
        font-size: 10px !important;
        letter-spacing: 1px !important;
        border-radius: 12px !important;
    }
}

/* ===== ACCESSIBILITY ===== */
.vrcsubmitcoupon.vrc-pref-color-btn:focus,
.vrcinputcoupon:focus {
    outline: 3px solid #FF6802;
    outline-offset: 3px;
}

/* ===== SUCCESS/ERROR MESSAGES (if needed) ===== */
.vrc-coupon-message {
    margin-top: 15px;
    padding: 12px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    animation: fadeInUp 0.4s ease-out;
}

.vrc-coupon-message.success {
    background: rgba(76, 175, 80, 0.15);
    border: 2px solid rgba(76, 175, 80, 0.3);
    color: #4CAF50;
}

.vrc-coupon-message.error {
    background: rgba(244, 67, 54, 0.15);
    border: 2px solid rgba(244, 67, 54, 0.3);
    color: #f44336;
}

/* Modern Notification Styles */

/* Base Notice Styles */
.notice {
    position: relative !important;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: white !important;
    padding: 15px 50px 15px 20px !important;
    border-radius: 12px !important;
    margin-bottom: 25px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3) !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid rgba(255, 107, 107, 0.5) !important;
    animation: slideDown 0.3s ease-out !important;
}

/* Error Notification */
.notice-error {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3) !important;
    border: 1px solid rgba(255, 107, 107, 0.5) !important;
}

/* Success Notification */
.notice-success {
    background: linear-gradient(135deg, #51cf66 0%, #37b24d 100%) !important;
    box-shadow: 0 4px 15px rgba(55, 178, 77, 0.3) !important;
    border: 1px solid rgba(81, 207, 102, 0.5) !important;
}

/* Warning Notification */
.notice-warning {
    background: linear-gradient(135deg, #ffd43b 0%, #fab005 100%) !important;
    box-shadow: 0 4px 15px rgba(250, 176, 5, 0.3) !important;
    border: 1px solid rgba(255, 212, 59, 0.5) !important;
}

/* Info Notification */
.notice-info {
    background: linear-gradient(135deg, #4dabf7 0%, #228be6 100%) !important;
    box-shadow: 0 4px 15px rgba(34, 139, 230, 0.3) !important;
    border: 1px solid rgba(77, 171, 247, 0.5) !important;
}

/* Paragraph inside notice */
.notice p {
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Dismiss Button */
.notice.is-dismissible .notice-dismiss {
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: white !important;
    font-size: 20px !important;
    cursor: pointer !important;
    width: 24px !important;
    height: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: background 0.2s ease !important;
    padding: 0 !important;
}

.notice.is-dismissible .notice-dismiss:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

.notice.is-dismissible .notice-dismiss::before {
    content: '×' !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

/* Slide Down Animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   AloRentaCar - Driver Information Section
   Dark Theme - Modern Design
   ============================================ */

/* ===== MAIN CONTAINER ===== */
.vrccustomfields {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 40px;
    margin-bottom: 30px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: hidden;
}

.vrccustomfields::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 18px 0 0 18px;
}

/* ===== SECTION SEPARATOR ===== */
.vrcseparatorcf {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #FF6802 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 35px !important;
    padding-bottom: 20px !important;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2) !important;
    text-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

.vrcseparatorcf::before {
    content: '👤';
    font-size: 28px;
    filter: drop-shadow(0 2px 6px rgba(255, 104, 2, 0.4));
}

/* ===== CUSTOM FIELD CONTAINER ===== */
.vrcdivcustomfield {
    margin-bottom: 25px;
}

/* Hide the info separator (already styled above) */
.vrcdivcustomfield.vrccustomfldinfo {
    margin-bottom: 0;
}

/* ===== LABELS ===== */
.vrc-customfield-label {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.vrc-customfield-label label {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: inline !important;
    line-height: 1 !important;
}

/* Required asterisk - orange and INLINE */
.vrcrequired {
    display: inline !important;
}

.vrcrequired sup {
    color: #FF6802 !important;
    font-size: 14px !important;
    margin-right: 5px !important;
    vertical-align: baseline !important;
    position: relative !important;
    top: 0 !important;
    line-height: inherit !important;
    display: inline !important;
}

/* ===== INPUT FIELDS ===== */
.vrc-customfield-input {
    position: relative;
}

.vrcinput,
.vrctextarea,
.vrc-customfield-input select {
    width: 100% !important;
    padding: 14px 18px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.3);
}

.vrcinput:focus,
.vrctextarea:focus,
.vrc-customfield-input select:focus {
    background: rgba(255, 104, 2, 0.08) !important;
    border-color: #FF6802 !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.15), inset 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.vrcinput::placeholder,
.vrctextarea::placeholder {
    color: #888 !important;
}

/* Textarea specific */
.vrctextarea {
    resize: vertical !important;
    min-height: 120px !important;
}

/* Select dropdown */
.vrc-customfield-input select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FF6802' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 20px !important;
    padding-right: 45px !important;
}

/* ===== PHONE INPUT WITH FLAG ===== */
.iti {
    width: 100% !important;
    display: block !important;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    width: 70px !important;
}

.iti__selected-flag {
    padding: 0 15px !important;
    background: rgba(255, 104, 2, 0.1) !important;
    border-right: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px 0 0 12px !important;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    transition: all 0.3s ease;
    width: 70px !important;
}

.iti__selected-flag:hover {
    background: rgba(255, 104, 2, 0.15) !important;
}

.iti__arrow {
    border-top-color: #FF6802 !important;
    margin-left: 6px !important;
}

/* Phone input field with flag */
.iti input[type="tel"] {
    padding-left: 85px !important;
}

/* Country dropdown - WIDER */
.iti__country-list {
    background: #2a2a2a !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
    margin-top: 5px;
    max-height: 250px;
    width: 350px !important;
    min-width: 350px !important;
}

.iti__country {
    padding: 10px 15px !important;
    color: #ffffff !important;
    background: #2a2a2a !important;
    border-bottom: 1px solid rgba(255, 104, 2, 0.1) !important;
    font-size: 14px !important;
}

.iti__country-name {
    color: #ffffff !important;
}

.iti__country:hover,
.iti__country.iti__highlight {
    background: rgba(255, 104, 2, 0.15) !important;
}

.iti__country.iti__active {
    background: rgba(255, 104, 2, 0.2) !important;
}

.iti__dial-code {
    color: #FF6802 !important;
}

.iti__divider {
    border-bottom: 2px solid rgba(255, 104, 2, 0.3) !important;
}

/* ===== DATE PICKER INPUT ===== */
.vrc-customfield-input-date {
    position: relative;
}

.vrc-customfield-input-date .vrcinput {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23FF6802' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 20px !important;
    padding-right: 45px !important;
    cursor: pointer;
}

/* Force datepicker to show on desktop */
.vrc-customfield-input-date .vrcinput.hasDatepicker {
    pointer-events: auto !important;
    -webkit-user-select: text !important;
    user-select: text !important;
}

/* ===== CHECKBOX STYLING ===== */
.vrc-oconfirm-cfield-entry-checkbox {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    background: rgba(255, 104, 2, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    margin-bottom: 25px;
    transition: all 0.3s ease;
    max-width: 100%;
}

.vrc-oconfirm-cfield-entry-checkbox:hover {
    background: rgba(255, 104, 2, 0.08);
    border-color: rgba(255, 104, 2, 0.3);
}

.vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-input {
    flex: 0 0 auto;
    order: -1;
}

.vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-label {
    flex: 1;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
    appearance: none;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 6px;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"]:checked {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-color: #FF6802;
}

.vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 13px;
    font-weight: 900;
}

.vrc-oconfirm-cfield-entry-checkbox label {
    cursor: pointer;
    color: #ffffff !important;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Asterisk inline with label text */
.vrc-oconfirm-cfield-entry-checkbox .vrcrequired {
    display: inline;
    margin: 0;
}

.vrc-oconfirm-cfield-entry-checkbox .vrcrequired sup {
    vertical-align: baseline !important;
    top: 0 !important;
    margin: 0 3px 0 0 !important;
}

/* ===== FOOTER BUTTONS ===== */
.vrc-oconfirm-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid rgba(255, 104, 2, 0.2);
    gap: 20px;
}

.vrc-goback-block .btn {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    padding: 14px 35px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block;
}

.vrc-goback-block .btn:hover {
    background: rgba(255, 104, 2, 0.1) !important;
    border-color: #FF6802 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.3);
}

.vrc-save-order-block .btn {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: #ffffff !important;
    padding: 14px 40px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

.vrc-save-order-block .btn:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.5);
}

/* ===== DATEPICKER CUSTOMIZATION - SCOPED TO STEP 4 ONLY ===== */
/* These styles will ONLY apply to datepickers opened from within .vrccustomfields */

/* Target datepicker when it's related to custom fields */
.vrccustomfields ~ .ui-datepicker,
.vrccustomfields .ui-datepicker,
body:has(.vrccustomfields) .ui-datepicker-inline {
    background: #2a2a2a !important;
    border: 2px solid rgba(255, 104, 2, 0.2) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.7) !important;
    display: block !important;
    z-index: 9999 !important;
}

/* Force datepicker to show on ALL screen sizes - SCOPED */
@media (min-width: 553px) {
    .vrccustomfields ~ .ui-datepicker,
    .vrccustomfields .ui-datepicker,
    body:has(.vrccustomfields) .ui-datepicker-inline {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-header,
.vrccustomfields .ui-datepicker .ui-datepicker-header {
    background: rgba(255, 104, 2, 0.1) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px !important;
    margin-bottom: 10px;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-title,
.vrccustomfields .ui-datepicker .ui-datepicker-title {
    color: #FF6802 !important;
    font-weight: 700 !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-title select,
.vrccustomfields .ui-datepicker .ui-datepicker-title select {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 104, 2, 0.3) !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-title select option,
.vrccustomfields .ui-datepicker .ui-datepicker-title select option {
    background: #2a2a2a !important;
    color: #ffffff !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-prev,
.vrccustomfields ~ .ui-datepicker .ui-datepicker-next,
.vrccustomfields .ui-datepicker .ui-datepicker-prev,
.vrccustomfields .ui-datepicker .ui-datepicker-next {
    border: none !important;
    background: rgba(255, 104, 2, 0.2) !important;
    border-radius: 6px !important;
    cursor: pointer;
    top: 10px !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-prev:hover,
.vrccustomfields ~ .ui-datepicker .ui-datepicker-next:hover,
.vrccustomfields .ui-datepicker .ui-datepicker-prev:hover,
.vrccustomfields .ui-datepicker .ui-datepicker-next:hover {
    background: rgba(255, 104, 2, 0.3) !important;
}

.vrccustomfields ~ .ui-datepicker th,
.vrccustomfields .ui-datepicker th {
    color: #FF6802 !important;
    font-weight: 600 !important;
    padding: 8px 4px !important;
}

.vrccustomfields ~ .ui-datepicker td,
.vrccustomfields .ui-datepicker td {
    padding: 2px;
}

.vrccustomfields ~ .ui-datepicker td a,
.vrccustomfields .ui-datepicker td a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 104, 2, 0.2) !important;
    color: #ffffff !important;
    text-align: center;
    border-radius: 6px !important;
    padding: 8px !important;
    display: block;
    text-decoration: none !important;
}

.vrccustomfields ~ .ui-datepicker td a:hover,
.vrccustomfields .ui-datepicker td a:hover {
    background: rgba(255, 104, 2, 0.2) !important;
    border-color: #FF6802 !important;
}

.vrccustomfields ~ .ui-datepicker td .ui-state-active,
.vrccustomfields .ui-datepicker td .ui-state-active {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%) !important;
    border-color: #FF6802 !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-calendar,
.vrccustomfields .ui-datepicker .ui-datepicker-calendar {
    width: 100% !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-prev span,
.vrccustomfields ~ .ui-datepicker .ui-datepicker-next span,
.vrccustomfields .ui-datepicker .ui-datepicker-prev span,
.vrccustomfields .ui-datepicker .ui-datepicker-next span {
    background-image: none !important;
    text-indent: 0 !important;
    display: block;
    color: #FF6802 !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-prev span::before,
.vrccustomfields .ui-datepicker .ui-datepicker-prev span::before {
    content: '◀' !important;
}

.vrccustomfields ~ .ui-datepicker .ui-datepicker-next span::before,
.vrccustomfields .ui-datepicker .ui-datepicker-next span::before {
    content: '▶' !important;
}

/* ===== RESPONSIVE ===== */

/* Tablets (1024px and below) */
@media (max-width: 1024px) {
    .vrccustomfields {
        padding: 35px 30px;
    }
    
    .vrcseparatorcf {
        font-size: 22px !important;
    }
}

/* Tablets Portrait (768px and below) */
@media (max-width: 768px) {
    .vrccustomfields {
        padding: 30px 25px;
    }
    
    .vrcseparatorcf {
        font-size: 20px !important;
    }
    
    .vrc-oconfirm-footer {
        flex-direction: column;
        gap: 15px;
    }
    
    .vrc-goback-block,
    .vrc-save-order-block {
        width: 100%;
    }
    
    .vrc-goback-block .btn,
    .vrc-save-order-block .btn {
        width: 100%;
        text-align: center;
    }
}

/* Mobile (581px and below) */
@media (max-width: 581px) {
    .vrccustomfields {
        padding: 25px 20px;
        border-radius: 14px;
    }
    
    .vrcseparatorcf {
        font-size: 18px !important;
        margin-bottom: 25px !important;
    }
    
    .vrcdivcustomfield {
        margin-bottom: 20px;
    }
    
    .vrc-customfield-label label {
        font-size: 13px !important;
    }
    
    .vrcinput,
    .vrctextarea,
    .vrc-customfield-input select {
        padding: 12px 15px !important;
        font-size: 14px !important;
    }
    
    .vrc-oconfirm-footer {
        margin-top: 30px;
        padding-top: 25px;
    }
}

/* Small Mobile (480px and below) */
@media (max-width: 480px) {
    .vrccustomfields {
        padding: 20px 15px;
    }
    
    .vrcseparatorcf {
        font-size: 17px !important;
    }
}

/* iPhone SE (375px and below) */
@media (max-width: 375px) {
    .vrccustomfields {
        padding: 18px 12px;
        border-radius: 12px;
    }
    
    .vrcseparatorcf {
        font-size: 16px !important;
    }
    
    .vrc-goback-block .btn,
    .vrc-save-order-block .btn {
        padding: 12px 30px !important;
        font-size: 13px !important;
    }
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrccustomfields {
    animation: fadeInUp 0.5s ease-out;
}

.vrcdivcustomfield {
    animation: fadeInUp 0.4s ease-out;
}

.vrcdivcustomfield:nth-child(2) { animation-delay: 0.05s; }
.vrcdivcustomfield:nth-child(3) { animation-delay: 0.1s; }
.vrcdivcustomfield:nth-child(4) { animation-delay: 0.15s; }
.vrcdivcustomfield:nth-child(5) { animation-delay: 0.2s; }
.vrcdivcustomfield:nth-child(6) { animation-delay: 0.25s; }
.vrcdivcustomfield:nth-child(7) { animation-delay: 0.3s; }
.vrcdivcustomfield:nth-child(8) { animation-delay: 0.35s; }
.vrcdivcustomfield:nth-child(9) { animation-delay: 0.4s; }
.vrcdivcustomfield:nth-child(10) { animation-delay: 0.45s; }
.vrcdivcustomfield:nth-child(11) { animation-delay: 0.5s; }
.vrcdivcustomfield:nth-child(12) { animation-delay: 0.55s; }

/* ===== ACCESSIBILITY ===== */
.vrcinput:focus,
.vrctextarea:focus,
.vrc-customfield-input select:focus,
.vrc-goback-block .btn:focus,
.vrc-save-order-block .btn:focus {
    outline: 3px solid #FF6802 !important;
    outline-offset: 2px !important;
}

/* Improvements tick box terms */
.vrc-oconfirm-cfield-entry-checkbox {
    height: 75px !important;
}

/* Center all sections */
.vrccustomfields {
    align-items: center !important;
}

/* confirm notification pop up design*/
.vrc-alert-container-confirm {
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%) !important;
    color: white !important;
    padding: 15px 20px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(238, 90, 111, 0.3) !important;
    border: none !important;
    z-index: 9999999;
}

.vrc-alert-close {
    color: white !important;
    opacity: 0.9 !important;
    transition: opacity 0.2s ease !important;
}

.vrc-alert-close:hover {
    opacity: 1 !important;
}

/* Optional: Add a smooth fade-in animation */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrc-alert-container-confirm {
    animation: slideDown 0.3s ease-out !important;
}


/* ============================================
   AloRentaCar - Success Page Minimal Styling
   Fixed: No tick, proper mobile padding, better button
   ============================================ */

/* ===== ADD PADDING TO CONTAINER ON MOBILE ===== */
.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
.elementor-215 .wrap.plugin-container:has(.successmade) {
    padding: 20px !important;
}

/* ===== SUCCESS MESSAGE (Green notification style - NO TICK) ===== */
.page.post-215 .elementor-215 .wrap.plugin-container .successmade,
.elementor-215 .wrap.plugin-container .successmade {
    background: linear-gradient(135deg, #4CAF50 0%, #45a049 100%) !important;
    color: white !important;
    padding: 20px 25px !important;
    border-radius: 12px !important;
    margin: 0 0 20px 0 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: center !important;
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3) !important;
    border: 1px solid rgba(76, 175, 80, 0.5) !important;
    position: relative !important;
    animation: slideDown 0.4s ease-out !important;
    display: block !important;
}

/* REMOVE the checkmark icon */
.page.post-215 .elementor-215 .wrap.plugin-container .successmade::before,
.elementor-215 .wrap.plugin-container .successmade::before {
    display: none !important;
    content: none !important;
}

/* ===== HIDE BR TAG ===== */
.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) br,
.elementor-215 .wrap.plugin-container:has(.successmade) br {
    display: none !important;
}

/* ===== INFO TEXT (Review order text) ===== */
.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade),
.elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade) {
    color: #ffffff !important;
    background: rgba(255, 104, 2, 0.08) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    padding: 20px 25px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 104, 2, 0.15) !important;
    text-align: center !important;
}

/* Remove bullet point */
.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade)::before,
.elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade)::before {
    display: none !important;
    content: none !important;
}

/* ===== LINK/BUTTON STYLING ===== */
.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) p a,
.elementor-215 .wrap.plugin-container:has(.successmade) p a {
    color: #FF6802 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    padding: 8px 16px !important;
    background: rgba(255, 104, 2, 0.2) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 104, 2, 0.3) !important;
    display: inline-block !important;
    margin-top: 5px !important;
    margin-left: 10px !important;
}

.page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) p a:hover,
.elementor-215 .wrap.plugin-container:has(.successmade) p a:hover {
    background: rgba(255, 104, 2, 0.35) !important;
    border-color: #FF6802 !important;
    color: #ff8533 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.4) !important;
}

/* ===== ANIMATIONS ===== */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== RESPONSIVE DESIGN ===== */

/* Large tablets (1024px and below) */
@media (max-width: 1024px) {
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) {
        padding: 20px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container .successmade,
    .elementor-215 .wrap.plugin-container .successmade {
        font-size: 17px !important;
        padding: 18px 22px !important;
    }
}

/* Tablets Portrait (768px and below) */
@media (max-width: 768px) {
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) {
        padding: 18px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container .successmade,
    .elementor-215 .wrap.plugin-container .successmade {
        font-size: 16px !important;
        padding: 16px 20px !important;
        margin-bottom: 18px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade) {
        font-size: 15px !important;
        padding: 18px 20px !important;
    }
}

/* Mobile (581px and below) */
@media (max-width: 581px) {
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) {
        padding: 16px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container .successmade,
    .elementor-215 .wrap.plugin-container .successmade {
        font-size: 15px !important;
        padding: 15px 18px !important;
        margin-bottom: 16px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade) {
        font-size: 14px !important;
        padding: 16px 18px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) p a,
    .elementor-215 .wrap.plugin-container:has(.successmade) p a {
        padding: 10px 18px !important;
        font-size: 14px !important;
    }
}

/* Small mobile (480px and below) */
@media (max-width: 480px) {
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) {
        padding: 14px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container .successmade,
    .elementor-215 .wrap.plugin-container .successmade {
        font-size: 14px !important;
        padding: 14px 16px !important;
        margin-bottom: 14px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade) {
        font-size: 13px !important;
        padding: 14px 16px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) p a,
    .elementor-215 .wrap.plugin-container:has(.successmade) p a {
        padding: 9px 16px !important;
        font-size: 13px !important;
    }
}

/* iPhone SE and smaller (375px and below) */
@media (max-width: 375px) {
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) {
        padding: 12px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container .successmade,
    .elementor-215 .wrap.plugin-container .successmade {
        font-size: 13px !important;
        padding: 12px 14px !important;
        margin-bottom: 12px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade),
    .elementor-215 .wrap.plugin-container:has(.successmade) > p:not(.successmade) {
        font-size: 12px !important;
        padding: 12px 14px !important;
    }
    
    .page.post-215 .elementor-215 .wrap.plugin-container:has(.successmade) p a,
    .elementor-215 .wrap.plugin-container:has(.successmade) p a {
        padding: 8px 14px !important;
        font-size: 12px !important;
    }
}



/* ============================================
   AloRentaCar - No Available days desig
   ============================================ */


/* ===== MAIN CONTAINER ===== */
#vrc-search-suggestions {
    background: transparent;
    padding: 50px 0;
    margin: 40px 0;
}

.vrc-searchsuggestions-wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.vrc-searchsuggestions-inner {
    background: transparent;
}

/* ===== TITLE ===== */
.vrc-searchsuggestions-inner h4 {
    color: #FF6802;
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 45px;
    text-shadow: 0 3px 15px rgba(255, 104, 2, 0.4);
    position: relative;
    padding-bottom: 25px;
}

.vrc-searchsuggestions-inner h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, #FF6802 0%, #ff4444 100%);
    border-radius: 3px;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.4);
}

/* ===== GRID LAYOUT ===== */
.vrc-searchsuggestions-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

/* ===== INDIVIDUAL SOLUTION BOX ===== */
.vrc-searchsuggestions-solution {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 18px;
    padding: 28px;
    border: none !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Hover effect */
.vrc-searchsuggestions-solution:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(255, 104, 2, 0.4);
}

/* Gradient overlay on hover */
.vrc-searchsuggestions-solution::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.05) 0%, transparent 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.vrc-searchsuggestions-solution:hover::before {
    opacity: 1;
}

/* Left border accent */
.vrc-searchsuggestions-solution::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, #FF6802 0%, #ff4444 100%);
    border-radius: 16px 0 0 16px;
    box-shadow: 0 0 15px rgba(255, 104, 2, 0.5);
}

/* ===== DATES SECTION ===== */
.vrc-searchsuggestions-solution-dates {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2);
}

.vrc-searchsuggestions-solution-dates-from,
.vrc-searchsuggestions-solution-dates-to {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 15px;
    background: rgba(255, 104, 2, 0.1);
    border-radius: 10px;
    border: none !important;
    transition: all 0.3s ease;
}

.vrc-searchsuggestions-solution-dates-from:hover,
.vrc-searchsuggestions-solution-dates-to:hover {
    background: rgba(255, 104, 2, 0.15);
    transform: translateX(5px);
}

/* Icons */
.vrc-searchsuggestions-solution-dates i {
    color: #FF6802;
    font-size: 18px;
    min-width: 22px;
    text-align: center;
    filter: drop-shadow(0 2px 4px rgba(255, 104, 2, 0.4));
}

/* Weekday */
.vrc-searchsuggestions-solution-wday {
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 12px;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 8px;
    box-shadow: 0 2px 8px rgba(255, 104, 2, 0.3);
}

/* ===== LOCATIONS SECTION ===== */
.vrc-searchsuggestions-solution-locations {
    margin-bottom: 20px;
    padding: 15px 18px;
    background: rgba(255, 104, 2, 0.08);
    border-radius: 12px;
    border: 2px solid rgba(255, 104, 2, 0.15);
    transition: all 0.3s ease;
}

.vrc-searchsuggestions-solution-locations:hover {
    background: rgba(255, 104, 2, 0.12);
    border-color: rgba(255, 104, 2, 0.25);
}

.vrc-searchsuggestions-solution-locations-name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.vrc-searchsuggestions-solution-locations-name span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Add location icon */
.vrc-searchsuggestions-solution-locations-name span::before {
    content: '📍';
    font-size: 20px;
    filter: drop-shadow(0 2px 4px rgba(255, 104, 2, 0.4));
}

/* ===== BOOK NOW BUTTON ===== */
.vrc-searchsuggestions-solution-booknow {
    margin-top: auto;
}

.vrc-searchsuggestions-solution-booknow .btn {
    width: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%) !important;
    color: #ffffff !important;
    padding: 16px 35px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 8px 22px rgba(255, 104, 2, 0.4) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
    position: relative;
    overflow: hidden;
}

/* Shine effect on button */
.vrc-searchsuggestions-solution-booknow .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(255, 255, 255, 0.3), 
        transparent
    );
    transition: left 0.5s ease;
}

.vrc-searchsuggestions-solution-booknow .btn:hover::before {
    left: 100%;
}

.vrc-searchsuggestions-solution-booknow .btn:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 32px rgba(255, 104, 2, 0.5) !important;
}

.vrc-searchsuggestions-solution-booknow .btn:active {
    transform: translateY(-1px) !important;
}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.vrc-searchsuggestions-solution {
    animation: fadeInUp 0.6s ease-out;
}

.vrc-searchsuggestions-solution:nth-child(1) { animation-delay: 0.1s; }
.vrc-searchsuggestions-solution:nth-child(2) { animation-delay: 0.2s; }
.vrc-searchsuggestions-solution:nth-child(3) { animation-delay: 0.3s; }
.vrc-searchsuggestions-solution:nth-child(4) { animation-delay: 0.4s; }
.vrc-searchsuggestions-solution:nth-child(5) { animation-delay: 0.5s; }
.vrc-searchsuggestions-solution:nth-child(6) { animation-delay: 0.6s; }

/* ===== RESPONSIVE DESIGN ===== */

/* Large tablets (1024px and below) */
@media (max-width: 1024px) {
    .vrc-searchsuggestions-list {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 20px;
    }
    
    .vrc-searchsuggestions-inner h4 {
        font-size: 26px;
        margin-bottom: 35px;
    }
}

/* Tablets (768px and below) */
@media (max-width: 768px) {
    #vrc-search-suggestions {
        padding: 30px 0;
    }
    
    .vrc-searchsuggestions-wrap {
        padding: 0 15px;
    }
    
    .vrc-searchsuggestions-list {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 18px;
    }
    
    .vrc-searchsuggestions-inner h4 {
        font-size: 24px;
        margin-bottom: 30px;
    }
    
    .vrc-searchsuggestions-solution {
        padding: 22px;
    }
}

/* Mobile (581px and below) */
@media (max-width: 581px) {
    #vrc-search-suggestions {
        padding: 25px 0;
        margin: 20px 0;
    }
    
    .vrc-searchsuggestions-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .vrc-searchsuggestions-inner h4 {
        font-size: 22px;
        margin-bottom: 25px;
        padding-bottom: 15px;
    }
    
    .vrc-searchsuggestions-inner h4::after {
        width: 60px;
        height: 3px;
    }
    
    .vrc-searchsuggestions-solution {
        padding: 20px;
        border-radius: 14px;
    }
    
    .vrc-searchsuggestions-solution-dates-from,
    .vrc-searchsuggestions-solution-dates-to {
        font-size: 13px;
        padding: 9px 10px;
    }
    
    .vrc-searchsuggestions-solution-locations-name span {
        font-size: 14px;
    }
    
    .vrc-searchsuggestions-solution-booknow .btn {
        padding: 13px 25px !important;
        font-size: 13px !important;
    }
}

/* Small mobile (480px and below) */
@media (max-width: 480px) {
    .vrc-searchsuggestions-wrap {
        padding: 0 12px;
    }
    
    .vrc-searchsuggestions-inner h4 {
        font-size: 20px;
        letter-spacing: 1.5px;
    }
    
    .vrc-searchsuggestions-solution {
        padding: 18px;
    }
    
    .vrc-searchsuggestions-solution-dates {
        gap: 12px;
        margin-bottom: 18px;
    }
    
    .vrc-searchsuggestions-solution-dates-from,
    .vrc-searchsuggestions-solution-dates-to {
        font-size: 12px;
        padding: 8px 10px;
        gap: 10px;
    }
    
    .vrc-searchsuggestions-solution-wday {
        font-size: 11px;
        padding: 2px 6px;
    }
    
    .vrc-searchsuggestions-solution-booknow .btn {
        padding: 12px 22px !important;
        font-size: 12px !important;
        letter-spacing: 1.2px !important;
    }
}

/* iPhone SE and smaller (375px and below) */
@media (max-width: 375px) {
    .vrc-searchsuggestions-inner h4 {
        font-size: 18px;
        letter-spacing: 1.2px;
    }
    
    .vrc-searchsuggestions-solution {
        padding: 16px;
        border-radius: 12px;
    }
    
    .vrc-searchsuggestions-solution-dates-from,
    .vrc-searchsuggestions-solution-dates-to {
        font-size: 11px;
        padding: 7px 9px;
    }
    
    .vrc-searchsuggestions-solution-locations {
        padding: 10px 12px;
    }
    
    .vrc-searchsuggestions-solution-locations-name span {
        font-size: 13px;
    }
    
    .vrc-searchsuggestions-solution-booknow .btn {
        padding: 11px 20px !important;
        font-size: 11px !important;
        letter-spacing: 1px !important;
    }
}

/* ===== ACCESSIBILITY ===== */
.vrc-searchsuggestions-solution-booknow .btn:focus {
    outline: 3px solid #FF6802;
    outline-offset: 3px;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .vrc-searchsuggestions-solution,
    .vrc-searchsuggestions-solution:hover,
    .vrc-searchsuggestions-solution::before,
    .vrc-searchsuggestions-solution-dates-from:hover,
    .vrc-searchsuggestions-solution-dates-to:hover,
    .vrc-searchsuggestions-solution-booknow .btn:hover {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    .vrc-searchsuggestions-solution-booknow .btn::before {
        display: none;
    }
}

/* ===== SCROLLBAR STYLING ===== */
.vrc-searchsuggestions-list::-webkit-scrollbar {
    width: 8px;
}

.vrc-searchsuggestions-list::-webkit-scrollbar-track {
    background: #2d2d2d;
    border-radius: 10px;
}

.vrc-searchsuggestions-list::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-radius: 10px;
}

.vrc-searchsuggestions-list::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%);
}


/* ============================================
   AloRentaCar - Documents Upload Page Design
   Matches dark theme with orange accents
   ============================================ */

/* ===== MAIN CONTAINER ===== */
.page-id-215 .vrc-docsupload-container {
    max-width: 1400px;
    margin: 40px auto;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 104, 2, 0.1);
}

/* ===== PAGE TITLE ===== */
.page-id-215 .vrc-docsupload-container h4 {
    color: #FF6802;
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 30px 0;
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2);
    text-align: center;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ===== PRIVACY DISCLAIMER ===== */
.page-id-215 .vrc-docsupload-disclaimer {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(37, 99, 235, 0.1) 100%);
    color: #60a5fa;
    padding: 18px 25px;
    border-radius: 12px;
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border: 1px solid rgba(59, 130, 246, 0.3);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.2);
}

/* ===== INSTRUCTIONS TEXT (NEW) ===== */
.page-id-215 .vrc-docsupload-instructions {
    background: rgba(255, 104, 2, 0.08);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    padding: 20px 25px;
    margin-bottom: 25px;
}

.page-id-215 .vrc-docsupload-instructions p {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 12px 0;
}

.page-id-215 .vrc-docsupload-instructions p:last-child {
    margin-bottom: 0;
}

/* Warning paragraph with emoji */
.page-id-215 .vrc-docsupload-instructions p:has(.emoji) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(255, 152, 0, 0.1);
    padding: 12px 16px;
    border-radius: 8px;
    border-left: 4px solid #FF9800;
    color: #ffb347;
    font-weight: 600;
}

.page-id-215 .vrc-docsupload-instructions .emoji {
    font-size: 18px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* ===== MAIN WRAP (TWO COLUMNS) ===== */
.page-id-215 .vrc-docsupload-wrap {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 30px;
    margin-bottom: 30px;
}

/* ===== LEFT COLUMN - UPLOAD FIELDS ===== */
.page-id-215 .vrc-docsupload-fields {
    background: rgba(255, 104, 2, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.15);
    border-radius: 16px;
    padding: 30px;
}

/* ===== UPLOAD BUTTON & PROGRESS CONTAINER ===== */
.page-id-215 .vrc-docsupload-upload-container {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.page-id-215 .vrc-docsupload-uploadfile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%);
    color: white;
    padding: 16px 40px;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

.page-id-215 .vrc-docsupload-uploadfile:hover:not(:disabled) {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.6);
}

.page-id-215 .vrc-docsupload-uploadfile:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.page-id-215 .vrc-docsupload-uploadfile i {
    font-size: 18px;
}

/* ===== FILE COUNTER ===== */
.page-id-215 .vrc-file-counter {
    background: rgba(255, 104, 2, 0.1);
    color: #FF6802;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    border: 1px solid rgba(255, 104, 2, 0.2);
    margin-top: 5px;
}

/* ===== HIDE SIZE INDICATOR ===== */
.page-id-215 .vrc-size-indicator {
    display: none !important;
}

/* ===== FILE LIMIT MESSAGE ===== */
.page-id-215 .vrc-file-limit-message {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 0%, rgba(255, 193, 7, 0.1) 100%);
    color: #ffb347;
    padding: 12px 18px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border: 2px solid rgba(255, 152, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.page-id-215 .vrc-file-limit-message i {
    font-size: 16px;
}

/* ===== LOCKOUT MESSAGE (24-hour lock) ===== */
.page-id-215 .vrc-lockout-message {
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.2) 0%, rgba(211, 47, 47, 0.15) 100%);
    color: #ff6b6b;
    padding: 16px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border: 2px solid rgba(244, 67, 54, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
    animation: pulse 2s ease-in-out infinite;
}

.page-id-215 .vrc-lockout-message i {
    font-size: 20px;
}

@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(244, 67, 54, 0.4);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(244, 67, 54, 0);
    }
}

/* ===== ERROR MESSAGE ===== */
.page-id-215 .vrc-upload-error {
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.15) 0%, rgba(211, 47, 47, 0.1) 100%);
    color: #ff6b6b;
    padding: 14px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid rgba(244, 67, 54, 0.3);
    display: flex;
    align-items: center;
    gap: 12px;
    animation: slideInError 0.3s ease-out;
    transition: opacity 0.3s ease;
}

.page-id-215 .vrc-upload-error i {
    font-size: 18px;
    flex-shrink: 0;
}

@keyframes slideInError {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ===== UPLOAD PROGRESS BAR ===== */
.page-id-215 .vrc-docsupload-upload-progress-wrap {
    width: 100%;
    height: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    overflow: hidden;
    border: 0;
    position: relative;
    display: none;
    opacity: 0;
    transition: all 0.3s ease;
    margin: 0;
    padding: 0;
}

/* Show progress bar only when uploading and progress is between 1% and 99% */
.page-id-215 .vrc-docsupload-upload-progress-wrap[style]:not([style*="display: none"]) {
    display: block;
    height: 40px;
    border: 2px solid rgba(255, 104, 2, 0.3);
    opacity: 1;
    margin-top: 0;
}

.page-id-215 .vrc-docsupload-upload-progress {
    height: 100%;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 0 20px rgba(255, 104, 2, 0.5);
    position: relative;
    overflow: hidden;
}

/* Animated progress bar effect */
.page-id-215 .vrc-docsupload-upload-progress::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* ===== UPLOADED FILES LIST ===== */
.page-id-215 .vrc-docsupload-files {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
    width: 100%;
}

.page-id-215 .vrc-docsupload-file-uploaded {
    background: linear-gradient(135deg, rgba(255, 104, 2, 0.1) 0%, rgba(255, 68, 68, 0.05) 100%);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    transition: all 0.3s ease;
    position: relative;
    width: 100%;
}

.page-id-215 .vrc-docsupload-file-uploaded:hover {
    background: rgba(255, 104, 2, 0.15);
    border-color: rgba(255, 104, 2, 0.4);
    transform: translateX(5px);
}

.page-id-215 .vrc-docsupload-file-uploaded a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    flex: 1;
    min-width: 0;
}

.page-id-215 .vrc-docsupload-file-uploaded a i {
    color: #FF6802;
    font-size: 20px;
    flex-shrink: 0;
}

.page-id-215 .vrc-docsupload-file-uploaded a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.page-id-215 .vrc-docsupload-file-uploaded a:hover {
    color: #FF6802;
}

.page-id-215 .vrc-docsupload-file-uploaded a:hover span {
    white-space: normal;
    word-break: break-all;
}

/* Remove button */
.page-id-215 .vrc-docsupload-file-uploaded-rm {
    color: #ff4444;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-id-215 .vrc-docsupload-file-uploaded-rm:hover {
    color: #ff6666;
    transform: scale(1.2);
}

/* ===== NOTES/COMMENTS FIELD ===== */
.page-id-215 .vrc-docsupload-field-comments {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.page-id-215 .vrc-docsupload-field-key {
    color: #FF6802;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.page-id-215 .vrc-docsupload-field-input textarea {
    width: 100%;
    padding: 14px 18px;
    background: rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    font-family: inherit;
    transition: all 0.3s ease;
    resize: vertical;
    min-height: 120px;
}

.page-id-215 .vrc-docsupload-field-input textarea:focus {
    outline: none;
    border-color: #FF6802;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 4px rgba(255, 104, 2, 0.1);
}

.page-id-215 .vrc-docsupload-field-input textarea::placeholder {
    color: #888;
}

/* ===== RIGHT COLUMN - ORDER DETAILS ===== */
.page-id-215 .vrc-docsupload-order {
    background: rgba(255, 104, 2, 0.05);
    border: 2px solid rgba(255, 104, 2, 0.15);
    border-radius: 16px;
    padding: 30px;
    height: fit-content;
}

.page-id-215 .vrcvordudatatitle {
    display: block;
    color: #FF6802;
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid rgba(255, 104, 2, 0.2);
    text-align: center;
}

.page-id-215 .vrc-order-details-info-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 18px;
    margin-bottom: 12px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    transition: all 0.3s ease;
}

.page-id-215 .vrc-order-details-info-inner:hover {
    background: rgba(255, 104, 2, 0.08);
    border-color: rgba(255, 104, 2, 0.2);
    transform: translateX(5px);
}

.page-id-215 .vrc-order-details-info-inner:last-child {
    margin-bottom: 0;
}

.page-id-215 .vrc-order-details-info-key {
    color: #b8b8b8;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.page-id-215 .vrc-order-details-info-val {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

/* ===== FOOTER BUTTONS ===== */
.page-id-215 .vrc-oconfirm-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    border-top: 2px solid rgba(255, 104, 2, 0.2);
    gap: 20px;
}

.page-id-215 .vrc-goback-block a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 104, 2, 0.1);
    color: #FF6802;
    padding: 14px 30px;
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.page-id-215 .vrc-goback-block a:hover {
    background: rgba(255, 104, 2, 0.2);
    border-color: #FF6802;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.3);
}

.page-id-215 .vrc-docsupload-submit input[type="submit"] {
    background: linear-gradient(135deg, #FF6802 0%, #ff2222 100%);
    color: white;
    padding: 14px 40px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

.page-id-215 .vrc-docsupload-submit input[type="submit"]:hover {
    background: linear-gradient(135deg, #ff7722 0%, #ff3333 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.6);
}

/* ===== TOAST MESSAGE (Confirmation) ===== */
.vrc-toast-message {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.95) 0%, rgba(37, 99, 235, 0.95) 100%);
    color: white;
    padding: 18px 30px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 8px 30px rgba(59, 130, 246, 0.5);
    border: 2px solid rgba(59, 130, 246, 0.7);
    z-index: 9999;
    animation: slideUp 0.5s ease-out;
    max-width: 500px;
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.vrc-toast-message-content {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* ===== RESPONSIVE DESIGN ===== */

/* Large tablets (1024px and below) */
@media (max-width: 1024px) {
    .page-id-215 .vrc-docsupload-wrap {
        grid-template-columns: 1fr 350px;
        gap: 25px;
    }
    
    .page-id-215 .vrc-docsupload-container {
        padding: 35px 30px;
    }
}

/* Medium tablets (768px and below) */
@media (max-width: 768px) {
    .page-id-215 .vrc-docsupload-wrap {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .page-id-215 .vrc-docsupload-container {
        padding: 30px 25px;
        border-radius: 16px;
    }
    
    .page-id-215 .vrc-docsupload-container h4 {
        font-size: 26px;
        margin-bottom: 25px;
    }
    
    .page-id-215 .vrc-docsupload-fields,
    .page-id-215 .vrc-docsupload-order {
        padding: 25px;
    }
}

/* Small mobile (581px and below) */
@media (max-width: 581px) {
    .page-id-215 .vrc-docsupload-container {
        padding: 25px 20px;
        margin: 30px auto;
    }
    
    .page-id-215 .vrc-docsupload-container h4 {
        font-size: 22px;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    
    .page-id-215 .vrc-docsupload-disclaimer {
        padding: 15px 20px;
        font-size: 13px;
        margin-bottom: 25px;
    }
    
    .page-id-215 .vrc-docsupload-fields,
    .page-id-215 .vrc-docsupload-order {
        padding: 20px;
    }
    
    .page-id-215 .vrc-docsupload-uploadfile {
        padding: 14px 30px;
        font-size: 14px;
    }
    
    .page-id-215 .vrc-docsupload-file-uploaded {
        padding: 12px 16px;
    }
    
    .page-id-215 .vrc-docsupload-file-uploaded a {
        font-size: 13px;
    }
    
    .page-id-215 .vrcvordudatatitle {
        font-size: 18px;
        margin-bottom: 20px;
    }
    
    .page-id-215 .vrc-order-details-info-inner {
        padding: 12px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    
    .page-id-215 .vrc-order-details-info-val {
        text-align: left;
    }
    
    .page-id-215 .vrc-oconfirm-footer {
        flex-direction: column;
        gap: 15px;
    }
    
    .page-id-215 .vrc-goback-block a,
    .page-id-215 .vrc-docsupload-submit input[type="submit"] {
        width: 100%;
        justify-content: center;
        padding: 13px 25px;
        font-size: 13px;
    }
    
    .vrc-toast-message {
        bottom: 20px;
        left: 20px;
        right: 20px;
        transform: none;
        max-width: none;
        padding: 15px 20px;
        font-size: 14px;
    }
}

/* Extra small mobile (375px and below) */
@media (max-width: 375px) {
    .page-id-215 .vrc-docsupload-container {
        padding: 20px 15px;
    }
    
    .page-id-215 .vrc-docsupload-container h4 {
        font-size: 20px;
    }
    
    .page-id-215 .vrc-docsupload-fields,
    .page-id-215 .vrc-docsupload-order {
        padding: 18px;
    }
    
    .page-id-215 .vrc-docsupload-field-input textarea {
        min-height: 100px;
        padding: 12px 16px;
    }
}




/* ===== DEPOSIT ROW STYLING - Matches option rows but with gold theme ===== */
.vrc-deposit-row {
    background: linear-gradient(135deg, rgba(255, 167, 38, 0.12) 0%, rgba(255, 193, 7, 0.08) 100%) !important;
    border: 2px solid rgba(255, 167, 38, 0.25) !important;
    border-radius: 12px !important;
    margin-top: 12px !important;
    box-shadow: 0 4px 12px rgba(255, 167, 38, 0.15) !important;
    animation: slideInDeposit 0.5s ease-out;
}

@keyframes slideInDeposit {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.vrc-deposit-row .vrc-oconfirm-optname {
    color: #FFA726 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

.vrc-deposit-row .vrc_price {
    color: #FFA726 !important;
    font-weight: 700 !important;
}

.vrc-deposit-row .vrc_currency {
    color: #FFA726 !important;
}

/* Pulse animation for deposit icon */
.vrc-deposit-row i.fa-shield-alt {
    animation: pulseGold 2s ease-in-out infinite;
}

@keyframes pulseGold {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}




/* Smaller Glowing Percentage Badge */
.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-promo-price-icon {
    position: relative;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #ff6b00, #ff4500);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: white;
    animation: glow 2s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(255, 107, 0, 0.6);
    vertical-align: middle;
}

.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-promo-price-icon::before {
    content: "%" !important;
    font-family: Arial, sans-serif !important;
}

.vrc-showprc-prices-inner .vrc-showprc-priceinfo .vrc-promo-price-icon::after {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    border: 2px solid #ff6b00;
    border-radius: 50%;
    animation: rotate 3s linear infinite;
    border-top-color: transparent;
    border-left-color: transparent;
}

@keyframes glow {
    0%, 100% { 
        box-shadow: 0 0 15px rgba(255, 107, 0, 0.6); 
    }
    50% { 
        box-shadow: 0 0 25px rgba(255, 107, 0, 1), 0 0 35px rgba(255, 107, 0, 0.6); 
    }
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}





/* ============================================
   AloRentaCar - Dark Theme Pagination CSS
   Modern design matching your interface
   ============================================ */

/* Main Pagination Container */
.vrc-pagination {
    margin: 40px 0;
    padding: 0;
}

.vrc-pagination .tablenav {
    background: transparent;
    padding: 0;
    margin: 0;
}

.vrc-pagination .tablenav-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 25px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 16px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Items Count Text */
.vrc-pagination .displaying-num {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px 20px;
    background: rgba(255, 104, 2, 0.05);
    border-radius: 10px;
    border: 1px solid rgba(255, 104, 2, 0.1);
}

/* Pagination Links Container */
.vrc-pagination .pagination-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Navigation Buttons - Common Styles */
.vrc-pagination .button,
.vrc-pagination .next-page,
.vrc-pagination .prev-page,
.vrc-pagination .first-page,
.vrc-pagination .last-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 104, 2, 0.1);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    color: #FF6802;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hover Effect for Active Buttons */
.vrc-pagination .button:not(.disabled):hover,
.vrc-pagination .next-page:hover,
.vrc-pagination .prev-page:hover,
.vrc-pagination .first-page:hover,
.vrc-pagination .last-page:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-color: #FF6802;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

/* Disabled Buttons */
.vrc-pagination .button.disabled,
.vrc-pagination .tablenav-pages-navspan.disabled {
    background: rgba(255, 104, 2, 0.03);
    border-color: rgba(255, 104, 2, 0.05);
    color: #555;
    cursor: not-allowed;
    opacity: 0.4;
}

.vrc-pagination .button.disabled:hover {
    transform: none;
    box-shadow: none;
}

/* Current Page Display */
.vrc-pagination .paging-input {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: rgba(255, 104, 2, 0.08);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    margin: 0 5px;
}

.vrc-pagination .tablenav-paging-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.vrc-pagination .total-pages {
    color: #FF6802;
    font-weight: 900;
}

/* Hide Screen Reader Text */
.vrc-pagination .screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Clear Fix */
.vrc-pagination .clear {
    display: none;
}

/* Pulse Animation for Active Buttons */
@keyframes pulse-button {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0.7);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(255, 104, 2, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0);
    }
}

.vrc-pagination .button:not(.disabled) {
    animation: pulse-button 2s ease-in-out infinite;
}

.vrc-pagination .button:not(.disabled):hover {
    animation: none;
}

/* ===== RESPONSIVE DESIGN ===== */

/* Tablets and below (768px) */
@media (max-width: 768px) {
    .vrc-pagination .tablenav-pages {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }
    
    .vrc-pagination .displaying-num {
        order: -1;
        width: 100%;
        text-align: center;
    }
    
    .vrc-pagination .pagination-links {
        width: 100%;
        justify-content: center;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .vrc-pagination .paging-input {
        padding: 8px 16px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 13px;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-pagination .tablenav-pages {
        padding: 15px;
        gap: 12px;
    }
    
    .vrc-pagination .pagination-links {
        gap: 6px;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 38px;
        height: 38px;
        font-size: 15px;
        border-radius: 10px;
    }
    
    .vrc-pagination .displaying-num {
        font-size: 12px;
        padding: 8px 15px;
    }
    
    .vrc-pagination .paging-input {
        padding: 6px 12px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 12px;
    }
}

/* Extra small devices (375px and below) */
@media (max-width: 375px) {
    .vrc-pagination .tablenav-pages {
        padding: 12px;
        gap: 10px;
    }
    
    .vrc-pagination .pagination-links {
        gap: 4px;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .vrc-pagination .displaying-num {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .vrc-pagination .paging-input {
        padding: 5px 10px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 11px;
    }
}

/* ===== ACCESSIBILITY ===== */
.vrc-pagination .button:focus,
.vrc-pagination .next-page:focus,
.vrc-pagination .prev-page:focus,
.vrc-pagination .first-page:focus,
.vrc-pagination .last-page:focus {
    outline: 3px solid #FF6802;
    outline-offset: 3px;
}

/* ===== DARK MODE ENHANCEMENTS ===== */
@media (prefers-color-scheme: dark) {
    .vrc-pagination .tablenav-pages {
        background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    }
    
    .vrc-pagination .displaying-num {
        color: #b8b8b8;
    }
    
    .vrc-pagination .tablenav-paging-text {
        color: #ffffff;
    }
}

/* Loading State Animation */
@keyframes shimmer-pagination {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.vrc-pagination.loading .tablenav-pages {
    background: linear-gradient(
        90deg,
        #2a2a2a 0%,
        #333333 50%,
        #2a2a2a 100%
    );
    background-size: 2000px 100%;
    animation: shimmer-pagination 2s infinite linear;
}

/* Additional Styling for Better Visual Hierarchy */
.vrc-pagination .tablenav-pages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255, 104, 2, 0.05) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 16px;
}

/* Arrow Symbols Enhancement */
.vrc-pagination .button span,
.vrc-pagination .next-page span,
.vrc-pagination .prev-page span,
.vrc-pagination .first-page span,
.vrc-pagination .last-page span {
    display: inline-block;
    transition: transform 0.3s ease;
}

.vrc-pagination .next-page:hover span,
.vrc-pagination .last-page:hover span {
    transform: translateX(3px);
}

.vrc-pagination .prev-page:hover span,
.vrc-pagination .first-page:hover span {
    transform: translateX(-3px);
}



/* ===== STUNNING PRICING TABLE ===== */
.wrap_price_days {
    background: linear-gradient(135deg, #1a1a1a 0%, #0f0f0f 100%);
    border: 2px solid rgba(255, 104, 2, 0.3);
    border-radius: 14px;
    padding: 25px;
    margin-bottom: 30px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    position: relative;
    overflow: visible;
}

/* PRICING TIERS badge - moved to LEFT side */
.wrap_price_days::before {
    content: '⏱️ PREȚURI';
    position: absolute;
    top: -12px;
    left: 20px;
    transform: none;
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    color: #ffffff;
    padding: 6px 20px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    box-shadow: 0 4px 12px rgba(255, 104, 2, 0.4);
    z-index: 2;
}

.day_opt {
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 20px 15px;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
}

.day_opt::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #FF6802 0%, #ff4444 100%);
    border-radius: 0 0 10px 10px;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.day_opt:hover {
    border-color: #FF6802;
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 25px rgba(255, 104, 2, 0.5);
    background: linear-gradient(135deg, #333333 0%, #252525 100%);
}

.day_opt:hover::after {
    transform: scaleX(1);
}

.num_opt {
    font-size: 13px;
    color: #ddd;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 700;
    margin-bottom: 14px;
    background: rgba(255, 104, 2, 0.15);
    padding: 8px 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    line-height: 1.3;
}

.price_opt {
    font-size: 36px;
    font-weight: 900;
    background: linear-gradient(135deg, #FF6802 0%, #ff8533 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    position: relative;
    text-shadow: 0 0 20px rgba(255, 104, 2, 0.3);
}

.price_opt::before {
    content: '€';
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
}

.clear {
    display: none;
}

/* Best Value Badge - positioned on the RIGHT side to balance */
.day_opt:nth-child(3) {
    border-color: #FF6802;
    position: relative;
}

.day_opt:nth-child(3)::before {
    content: '🔥 POPULAR';
    position: absolute;
    top: -33px;
    right: -15px;
    left: auto;
    transform: none;
    background: linear-gradient(135deg, #ff4444 0%, #FF6802 100%);
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 12px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: 0 3px 10px rgba(255, 68, 68, 0.5);
    animation: pulse 2s infinite;
    white-space: nowrap;
    z-index: 10;
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
}

/* Mobile Responsive */
@media screen and (max-width: 1200px) {
    .wrap_price_days {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (max-width: 768px) {
    .wrap_price_days {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 20px;
        margin-top: 25px;
    }
    
    .day_opt {
        padding: 16px 12px;
    }
    
    .num_opt {
        font-size: 11px;
        padding: 6px 10px;
        min-height: 28px;
    }
    
    .price_opt {
        font-size: 28px;
    }
    
    /* PRICING TIERS - centered on mobile */
    .wrap_price_days::before {
        left: 50%;
        transform: translateX(-50%);
        font-size: 10px;
        padding: 5px 16px;
    }
    
    /* BEST VALUE - LOWERED position on mobile to avoid collision */
    .day_opt:nth-child(3)::before {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        top: -25px; /* Changed from -38px to -25px - LOWER position */
        font-size: 8px;
        padding: 4px 10px;
    }
}

@media screen and (max-width: 480px) {
    .wrap_price_days {
        grid-template-columns: 1fr;
        margin-top: 30px;
        padding: 25px 20px 20px;
    }
    
    /* More space on very small screens */
    .wrap_price_days::before {
        top: -12px;
        font-size: 9px;
        padding: 5px 14px;
    }
    
    /* BEST VALUE - even LOWER on single column layout */
    .day_opt:nth-child(3)::before {
        top: -28px; /* Changed from -40px to -28px */
        font-size: 8px;
    }
}

/* Extra small screens (below 400px) */
@media screen and (max-width: 400px) {
    .wrap_price_days {
        margin-top: 35px;
    }
    
    .wrap_price_days::before {
        font-size: 8px;
        padding: 4px 12px;
        letter-spacing: 1px;
    }
    
    .day_opt:nth-child(3)::before {
        top: -26px; /* Slightly lower */
    }
}

/* ============================================
   AloRentaCar - Dark Theme Pagination CSS
   Modern design matching your interface
   ============================================ */

/* Main Pagination Container */
.vrc-pagination {
    margin: 40px 0;
    padding: 0;
}

.vrc-pagination .tablenav {
    background: transparent;
    padding: 0;
    margin: 0;
}

.vrc-pagination .tablenav-pages {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 25px;
    background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    border-radius: 16px;
    border: 1px solid rgba(255, 104, 2, 0.1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* Items Count Text */
.vrc-pagination .displaying-num {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 10px 20px;
    background: rgba(255, 104, 2, 0.05);
    border-radius: 10px;
    border: 1px solid rgba(255, 104, 2, 0.1);
}

/* Pagination Links Container */
.vrc-pagination .pagination-links {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Navigation Buttons - Common Styles */
.vrc-pagination .button,
.vrc-pagination .next-page,
.vrc-pagination .prev-page,
.vrc-pagination .first-page,
.vrc-pagination .last-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: rgba(255, 104, 2, 0.1);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    color: #FF6802;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

/* Hover Effect for Active Buttons */
.vrc-pagination .button:not(.disabled):hover,
.vrc-pagination .next-page:hover,
.vrc-pagination .prev-page:hover,
.vrc-pagination .first-page:hover,
.vrc-pagination .last-page:hover {
    background: linear-gradient(135deg, #FF6802 0%, #ff4444 100%);
    border-color: #FF6802;
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255, 104, 2, 0.4);
}

/* Disabled Buttons */
.vrc-pagination .button.disabled,
.vrc-pagination .tablenav-pages-navspan.disabled {
    background: rgba(255, 104, 2, 0.03);
    border-color: rgba(255, 104, 2, 0.05);
    color: #555;
    cursor: not-allowed;
    opacity: 0.4;
}

.vrc-pagination .button.disabled:hover {
    transform: none;
    box-shadow: none;
}

/* Current Page Display */
.vrc-pagination .paging-input {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: rgba(255, 104, 2, 0.08);
    border: 2px solid rgba(255, 104, 2, 0.2);
    border-radius: 12px;
    margin: 0 5px;
}

.vrc-pagination .tablenav-paging-text {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.vrc-pagination .total-pages {
    color: #FF6802;
    font-weight: 900;
}

/* Hide Screen Reader Text */
.vrc-pagination .screen-reader-text {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Clear Fix */
.vrc-pagination .clear {
    display: none;
}

/* Pulse Animation for Active Buttons */
@keyframes pulse-button {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0.7);
    }
    50% {
        box-shadow: 0 0 0 8px rgba(255, 104, 2, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 104, 2, 0);
    }
}

.vrc-pagination .button:not(.disabled) {
    animation: pulse-button 2s ease-in-out infinite;
}

.vrc-pagination .button:not(.disabled):hover {
    animation: none;
}

/* ===== RESPONSIVE DESIGN ===== */

/* Tablets and below (768px) */
@media (max-width: 768px) {
    .vrc-pagination .tablenav-pages {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }
    
    .vrc-pagination .displaying-num {
        order: -1;
        width: 100%;
        text-align: center;
    }
    
    .vrc-pagination .pagination-links {
        width: 100%;
        justify-content: center;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    
    .vrc-pagination .paging-input {
        padding: 8px 16px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 13px;
    }
}

/* Small mobile devices (510px and below) */
@media (max-width: 510px) {
    .vrc-pagination .tablenav-pages {
        padding: 15px;
        gap: 12px;
    }
    
    .vrc-pagination .pagination-links {
        gap: 6px;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 38px;
        height: 38px;
        font-size: 15px;
        border-radius: 10px;
    }
    
    .vrc-pagination .displaying-num {
        font-size: 12px;
        padding: 8px 15px;
    }
    
    .vrc-pagination .paging-input {
        padding: 6px 12px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 12px;
    }
}

/* Extra small devices (375px and below) */
@media (max-width: 375px) {
    .vrc-pagination .tablenav-pages {
        padding: 12px;
        gap: 10px;
    }
    
    .vrc-pagination .pagination-links {
        gap: 4px;
    }
    
    .vrc-pagination .button,
    .vrc-pagination .next-page,
    .vrc-pagination .prev-page,
    .vrc-pagination .first-page,
    .vrc-pagination .last-page {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .vrc-pagination .displaying-num {
        font-size: 11px;
        padding: 6px 12px;
    }
    
    .vrc-pagination .paging-input {
        padding: 5px 10px;
    }
    
    .vrc-pagination .tablenav-paging-text {
        font-size: 11px;
    }
}

/* ===== ACCESSIBILITY ===== */
.vrc-pagination .button:focus,
.vrc-pagination .next-page:focus,
.vrc-pagination .prev-page:focus,
.vrc-pagination .first-page:focus,
.vrc-pagination .last-page:focus {
    outline: 3px solid #FF6802;
    outline-offset: 3px;
}

/* ===== DARK MODE ENHANCEMENTS ===== */
@media (prefers-color-scheme: dark) {
    .vrc-pagination .tablenav-pages {
        background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
    }
    
    .vrc-pagination .displaying-num {
        color: #b8b8b8;
    }
    
    .vrc-pagination .tablenav-paging-text {
        color: #ffffff;
    }
}

/* Loading State Animation */
@keyframes shimmer-pagination {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

.vrc-pagination.loading .tablenav-pages {
    background: linear-gradient(
        90deg,
        #2a2a2a 0%,
        #333333 50%,
        #2a2a2a 100%
    );
    background-size: 2000px 100%;
    animation: shimmer-pagination 2s infinite linear;
}

/* Additional Styling for Better Visual Hierarchy */
.vrc-pagination .tablenav-pages::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 50%, rgba(255, 104, 2, 0.05) 0%, transparent 70%);
    pointer-events: none;
    border-radius: 16px;
}

/* Arrow Symbols Enhancement */
.vrc-pagination .button span,
.vrc-pagination .next-page span,
.vrc-pagination .prev-page span,
.vrc-pagination .first-page span,
.vrc-pagination .last-page span {
    display: inline-block;
    transition: transform 0.3s ease;
}

.vrc-pagination .next-page:hover span,
.vrc-pagination .last-page:hover span {
    transform: translateX(3px);
}

.vrc-pagination .prev-page:hover span,
.vrc-pagination .first-page:hover span {
    transform: translateX(-3px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec79121 *//* Prevent iOS auto-zoom on ALL inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea,
.vrctextarea {
    font-size: 16px !important;
}

/* Your specific input */
.vrcconfnumbinp input[type="text"] {
    font-size: 16px !important;
}

/* Your specific textarea */
.vrc-customfield-input textarea,
.vrctextarea {
    font-size: 16px !important;
}/* End custom CSS */
/* Start custom CSS */.page-content {
    padding-top: unset !important;
}
#site-footer {
    display: none!important;
}

.trp-switcher-position-top.trp-floating-switcher {
    right: 0vw !important;
    top: 3vw !important;
}

@media (max-width: 1379px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 7vw  !important;
    }
}

@media (max-width: 1189px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 8vw  !important;
    }
}

@media (max-width: 1012px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 9vw  !important;
    }
}

@media (max-width: 897px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 10vw  !important;
    }
}

@media (max-width: 779px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 12vw  !important;
    }
}

@media (max-width: 679px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 14vw  !important;
    }
}

@media (max-width: 679px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 16vw  !important;
    }
}

@media (max-width: 519px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 18vw  !important;
    }
}

@media (max-width: 431px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 20vw  !important;
    }
}

@media (max-width: 381px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 23vw  !important;
    }
}

@media (max-width: 326px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 26vw  !important;
    }
}

@media (max-width: 276px) {
    .trp-switcher-position-top.trp-floating-switcher {
        top: 29vw  !important;
    }
}/* End custom CSS */