/* ==========================================================================
   GLOBAL VARIABLES & BASE STYLES
   ========================================================================== */
/* Define theme colors, borders, and radii */
:root {
    --vrc-red-color: #D9534F; /* Primary red color */
    --vrc-green-color: #FA7F2E; /* Primary green color */
		--orange: var(--ast-global-color-0);
		--light-orange: var(--ast-global-color-1);
		--heading: var(--ast-global-color-2);
		--text: var(--ast-global-color-3);
		--background: var(--ast-global-color-4);
		--subtle-BG: var(--ast-global-color-7);
		--border: 1px solid var(--ast-global-color-6);
		--available: #A1E3D2;
		--radius1: 5px;
		--radius2: 10px;
		--radius3: 15px;
}

/* Global button styling */
.btn {
    font-weight: 600 !important; /* Bold text on all buttons */
}
/* Ensure most elements use the theme border color */
*:not(.elementor-divider-separator) {
    border-color: var(--ast-global-color-6) !important;
}

/* Ensure the page spans the whole height of the browser, to prevent whitespace underneath the footer on short content pages */
#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.site-content {
    flex: 1; /* Pushes the footer to the bottom */
}



/* ==========================================================================
   LANGUAGE SWITCHER
   ========================================================================== */
/* Center language switcher container */
/* #block-23 {
    display: flex;
    justify-content: center;
} */

/* Language switcher individual buttons */
/* .trp-ls-shortcode-current-language, .trp-language-switcher.trp-language-switcher-container {
		width: 66px !important;		
		height: 46px !important;		
		border-radius: 23px !important;
    display: inline-block;
} */
/* .trp-ls-shortcode-current-language, 
.trp-ls-shortcode-language {
    background: var(--light-orange) !important;
		border: none !important;
		border-radius: 23px !important;
		width: 66px !important;
		padding: 0 !important;
} */
/* Disabled language icon */
/* a.trp-ls-disabled-language::before {
    content: "\f0ac"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    font-size: 14px; 
    color: var(--text);
} */
/* Language switcher link styling */
/* .trp-ls-shortcode-current-language a, .trp-ls-shortcode-language a {
    color: var(--text) !important;
		line-height: 46px !important;
		text-align: center;
		padding: 0 !important;
}
.trp-ls-shortcode-current-language a, .trp-ls-shortcode-language a.trp-ls-disabled-language {
		font-size: 14px !important;
		font-weight: bold !important;
}
.trp-ls-shortcode-language a:not(.trp-ls-disabled-language):hover {
		text-decoration: underline;
		background: none;
}

 */
/* Prevents the off-canvas menu from detecting the click */
/*     .trp-ls-shortcode-current-language a {
        pointer-events: none; 
    } */

 

/* ==========================================================================
   FOOTER & GLOBAL LAYOUT ADJUSTMENTS
   ========================================================================== */
/* Footer widget styling */
.site-footer {
    line-height: 1.4;
		    width: 100vw;
}



/* ==========================================================================
   OPTIONS STYLES
   ========================================================================== */
/* -------------------------------------
   Options Layout & Grid for Larger Screens
---------------------------------------- */
/* Two-column grid for options on laptop screens */
@media (min-width: 1008px) {
    .vrc-showprc-options-inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Two equal columns */
        column-gap: 10px;
    }
    /* Force the first 5 option rows to span full width */
    .vrc-showprc-option-row:nth-child(-n+6) {
        grid-column: 1 / -1;
    }
    /* For rows starting at 6, assign even rows to first column */
    .vrc-showprc-option-row:nth-child(even):nth-child(n+6) {
        grid-column: 1;
    }
    /* For rows starting at 7, assign odd rows to second column */
    .vrc-showprc-option-row:nth-child(odd):nth-child(n+6) {
        grid-column: 2;
    }
    /* Full-width border effect for 6th, 10th and 18th rows */
    .vrc-showprc-option-row:nth-child(6)::after,
    .vrc-showprc-option-row:nth-child(14)::after, 
		.vrc-showprc-option-row:nth-child(20)::after {
        width: 203% !important;
    }
		/* Make sure the 7th and 15th item can't expand above the line		 */
		.vrc-showprc-option-row:nth-child(7), 
		.vrc-showprc-option-row:nth-child(15), 
		.vrc-showprc-option-row:nth-child(21){
				margin-top: 65px;	
		}
}

/* -------------------------------------
   Options: Info Icon & Price Cell Adjustments
---------------------------------------- */
/* Adjust padding and margin for option description */
.vrc-showprc-option-row:nth-of-type(n+6) .vrcoptionaldescr {
  padding: 0 !important;
	margin-right: -8px !important;
}

/* -------------------------------------
   Options: Replace Expand Arrow with Info Icon
---------------------------------------- */
/* Remove default marker on details summary */
.vrc-showprc-options-wrap details summary {
  list-style: none;
  position: relative;
  cursor: pointer;
  padding-left: 1.5em;
}
.vrc-showprc-options-wrap details summary::-webkit-details-marker {
  display: none;
}
.vrc-showprc-options-wrap details summary::marker {
  content: "";
}
/* Insert FontAwesome info icon before summary text */
.vrc-showprc-options-wrap details summary::before {
  font-family: "Font Awesome 5 Free";
/*   content: "\f129"; */
	content: "\f05a"; 
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
}
/* Add padding below the info icon when details is open */
.vrc-showprc-options-wrap details[open] summary::after {
  content: "";
  display: block;
  height: 4px; /* Adjust for desired spacing */
}

/* -------------------------------------
   Options: Price Option Styling
---------------------------------------- */
/* Underline effect for option titles */
.vrc-showprc-title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--orange);
    margin-top: 5px;
}
/* General styling for price rows */
.vrc-showprc-price-row span {
    cursor: normal;
		font-size: 18.7px;
}
.vrc-showprc-price-row {
		border: none !important;
		font-weight: bold;
}
label[for="pid1"] {
    margin-right: 0 !important;
}
.vrc-showprc-price-row.vrc-showprc-price-selected {
		padding-left: 15px;
		padding-right: 15px;
}
.vrc-showprc-pricecost {
		margin-right: 0px;
}
.vrc-showprc-priceinfo .vrc_currency,
.vrc-showprc-priceinfo .vrc_price {
		font-size: 17px !important;
}
/* Hide default radio buttons */
.vrc-showprc-price-row-cell-last input[type="radio"] {
    display: none;
}
/* Align price name and cost */
.vrc-showprc-pricename {
		text-align: left !important;
}
.vrc-showprc-pricecost {
		text-align: right !important;
}
@media (max-width: 768px) {
		/* Adjust right padding for selected price row on mobile */
		.vrc-showprc-price-row.vrc-showprc-price-selected {
				padding-right: 0px;
		}
}
.vrc-showprc-title {
		font-size: 1.3rem !important;
}

/* -------------------------------------
   Options: Section Borders, Fees, and Custom Titles
---------------------------------------- */
/* General option row styling */
.vrc-showprc-option-row {
    border-bottom: var(--border);
		padding-left: 15px !important;
}
/* Remove borders from the options container */
.vrc-showprc-options-inner {
    border: none !important;
		padding: 0px !important;
}
/* Hide force quantity and included elements */
.vrc-showprc-option-row .vrcoptionforcequant {
    display: none;
}
/* Hide default options header */
.vrc-showprc-options-wrap .vrc-showprc-title {
    visibility: hidden;
    position: relative;
}
/* Option name and description line-heights */
.vrc-showprc-option-name {
    line-height: 1.3;
}
.vrcoptionaldescr {
    line-height: 1.4;
		padding-top: 3px;
}
.vrc-showprc-option-name-descr {
    text-align: left !important;
}
/* Add top border for second option row */
.vrc-showprc-option-row:nth-of-type(2) {
		border-top: 2px solid var(--orange) !important;
}
/* Full-width border for specific rows */
.vrc-showprc-option-row:nth-child(6)::after,
.vrc-showprc-option-row:nth-child(14)::after,
.vrc-showprc-option-row:nth-child(20)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--orange);
}

/* Fees section: Adjust spacing and border */
.vrc-showprc-option-row:first-of-type {
    margin-top: -80px;
		position: relative;
    margin-bottom: 65px;
		padding-left: 0px;
		border-top: var(--border) !important;
}

/* Insurance section: Custom title and instructions */
/* Insert "Insurance" label */
.vrc-showprc-option-row:nth-of-type(1)::after {
    content: "Insurance";
    display: block;
    font-size: 1.3rem;
    margin-left: -13px;
    padding-bottom: 5px;
    position: absolute;
    bottom: -65px;
		font-weight: bold;
		text-align: left;
		width: 100%;
		color: var(--header);
}


/* Subtitle for insurance instructions */
/* .vrc-showprc-option-row:nth-of-type(2) {
    display: block;
}
.vrc-showprc-option-row:nth-of-type(2)::before {
    content: "Please select at most one insurance option below. Drivers under 26 years old must choose the 'Under 26 Insurance' option.";
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
		margin-left: -15px;
    font-size: 15.3px;
    line-height: 1.1;
} */

/* Hide price cell for insurance options */
.vrc-showprc-option-row:nth-of-type(2) .vrc-showprc-option-cell-price-descr {
		display: none !important;
}

/* Options custom titles for additional sections */
/* Title for standard options */
.vrc-showprc-option-row:nth-of-type(6) {
    position: relative;
    margin-top: 65px;
}
.vrc-showprc-option-row:nth-of-type(6)::before {
    content: "Always Included";
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    margin-left: -13px;
    padding-bottom: 15px;
    position: absolute;
    top: -38px;
    width: 100%;
}
/* Title for extra gear options */
.vrc-showprc-option-row:nth-of-type(14) {
    position: relative;
    margin-top: 65px;
}
.vrc-showprc-option-row:nth-of-type(14)::before {
    content: "Options";
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    margin-left: -13px;
    padding-bottom: 15px;
    position: absolute;
    top: -38px;
    width: 100%;
}
/* Title for extra gear options */
.vrc-showprc-option-row:nth-of-type(20) {
    position: relative;
    margin-top: 65px;
}
.vrc-showprc-option-row:nth-of-type(20)::before {
    content: "Extra Gear";
    display: block;
    font-size: 1.3rem;
    font-weight: bold;
    margin-left: -13px;
    padding-bottom: 15px;
    position: absolute;
    top: -38px;
    width: 100%;
}
/* Margin above price options wrapper */
.vrc-showprc-prices-wrap {
		margin-top: 50px;
}

/* -------------------------------------
   Options: Checkbox & Quantity Inputs
---------------------------------------- */
/* Always Included: no price or selector and vertically centered */
.vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+13) .vrc-showprc-option-cell-price *,
.vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+13) .vrc-showprc-option-cell-price{
    display: none;
}
/* @media (min-width: 581px) {
    .vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+11) .vrc-showprc-option-cell-price::before {
        content: "INCLUDED";
        color: var(--orange);
        font-weight: bold;
        font-size: 1rem;
    }
} */
.vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+13) * {
    display: flex;
    align-items: center;
}
.vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+13) {
    padding-bottom: 10px;
		padding-top: 10px;
}
/* make images smaller */
.vrc-showprc-option-row:nth-of-type(n+6):nth-of-type(-n+13) .vrc-showprc-option-img {
    max-width: 30px !important; 
		height: 30px;
}

/* -------------------------------------
   Options: Checkbox & Quantity Inputs
---------------------------------------- */
/* Layout: place quantity box before price */
 .vrc-showprc-option-cell-price {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 15px;
}
/* Style options 1-5 as radio buttons */
.vrc-showprc-option-row:nth-child(-n+5) .vrc-showprc-option-cell-price-sel input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: var(--border);
    border-radius: 50%; /* Circular like a radio button */
    cursor: pointer;
    background-color: #fff !important;
    position: relative;
    bottom: -4px;
}
/* Inner dot for selected radio-style checkboxes */
.vrc-showprc-option-row:nth-child(-n+5) .vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: var(--orange);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Keep original checkbox styling for options 6+ */
.vrc-showprc-option-row:nth-child(n+6) .vrc-showprc-option-cell-price-sel input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: var(--border);
    border-radius: var(--radius1);
    cursor: pointer;
    background-color: #fff !important;
    position: relative;
    bottom: -4px;
}
/* Keep checkmark for checkboxes (6+) */
.vrc-showprc-option-row:nth-child(n+6) .vrc-showprc-option-cell-price-sel input[type="checkbox"]:checked::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--orange);
    font-size: 20px;
    left: -0.5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* Style quantity input box */
.vrc-showprc-option-cell-price-sel input[type="number"] {
    width: 50px;
    height: 30px;
    font-size: 0.9em;
    border: var(--border);
    border-radius: var(--radius1);
}

/* -------------------------------------
   Options: Mobile Specific Adjustments
---------------------------------------- */
@media (max-width: 768px) {
    /* Align checkbox-price container to the right */
    .vrc-showprc-option-cell-price-sel {
        margin-left: auto;
    }
    /* Adjust description margin for mobile */
    .vrc-showprc-option-cell-price-descr {
        margin-right: 0px !important;
    }
    /* Place option image beside text */
    .vrc-showprc-option-img img {
        float: left;
		width: 100% !important;
    }
    .vrc-showprc-option-img {
        float: left;
        max-width: 35%;
		margin-right: 10px !important;
		margin-left: -15px !important;
		margin-bottom: 0px !important;
    }
}

/* Additional image sizing for options */
.vrc-showprc-option-img {
		max-width: 50px;
    height: 50px;
}
.vrc-showprc-option-img img {
    max-width: 100%;
    max-height: 100%;
}
/* Remove border for carats in options */
.vrc-showprc-car-carats {
		border: none;
}


/* ==========================================================================
   BUTTONS & CONTROLS
   ========================================================================== */
/* Hide specific buttons (if needed) */
.car_buttons_box {
    display: none !important;
}

/* Book Now / Back button styling */
.car_buttons_box {
    bottom: 0px;
    padding: 15px;
}
.vrc-goback-block, .btn.booknow {
		margin-top: 5px;
		margin-bottom: 5px;
}
.btn.vrc-pref-color-btn-secondary {
		padding-bottom: 14px;
		padding-top: 14px;
		line-height: 1;
		border-radius: 25px;
		color: var(--text) !important;
		border: var(--border) !important;
		font-size: 14px;
}


/* ==========================================================================
   COMMENTED OUT CODE (Preserved)
   ========================================================================== */
/*
.vrc-showprc-car-carats {
    order: -1; 
		margin-top: -30px;
}

.vrc-showprc-form {
    display: flex;
    flex-direction: column;
}

.vrc-showprc-container {
    order: 0;
}

/* --- OPTIONS LAPTOP & TABLET 
@media (min-width: 768px) {
    .vrc-showprc-option-row {
        display: flex;
        align-items: center;
        position: relative;
    }
    .vrc-showprc-option-cell-price-sel {
        margin-left: auto;
        margin-right: 100px !important;
    }
    .vrc-showprc-option-cell-price-descr {
        position: absolute;
    }
}

THIS WAS IN THE CUSTOM CSS OVERRIDE OF VIKCARRENT
.vrcdivsearchmodule .vrcsentrycont {
    background-color: #FFA500; 
    padding: 20px; 
    border-radius: 5px; 
}

.vrcdivsearchmodule {
    background-color: transparent; /* Keep the outer module background transparent if needed */
}

*/
 

/* ==========================================================================
   BOOKING / COUPON & STEP BAR
   ========================================================================== */

/* STEP BAR: Styling for progress steps */
.vrc-stepbar {
    border-radius: 20px;
		overflow: hidden;
}
.vrcstepsbarcont .vrc-stepbar > li > *::before,
.vrc-stepbar li.vrc-step::before, 
.vrcstepsbarcont .vrc-stepbar > li > *  {
    font-family: var(--h4-font-family) !important;
    font-size: var(--h4-font-size) !important;
    font-weight: 500 !important;
    color: var(--text) !important;
}
.vrcstepsbarcont .vrc-stepbar > li > *::before,
.vrc-stepbar li.vrc-step::before {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

/* ADJUST DEPOSIT TEXT */
label[for="nodeptwo"] {
  font-size: 0;
}

label[for="nodeptwo"]::after {
  content: "Leave a deposit of 30% (only if pre-agreed with Midnight Campers)";
	font-size: 1rem;
}

/* Booking/Coupon: Hide original coupon text and replace */
span.vrchaveacoupon {
    visibility: hidden;
    line-height: 0;
}
span.vrchaveacoupon::after {
    content: "Have a discount code? Enter it below";
    visibility: visible;
		display: block;
		text-align: center;
		line-height: normal;
}


/* ==========================================================================
   CAR SUMMARY & PRICE ADJUSTMENTS
   ========================================================================== */
/* Hide certain summary columns */
.vrc-oconfirm-summary-car-cell-days,
.vrc-oconfirm-summary-car-cell-net,
.vrc-oconfirm-summary-car-cell-tax,
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-days,
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-net,
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-tax,
.vrc-oconfirm-summary-car-head-cell.vrc-oconfirm-summary-car-cell-tot,
.vrc-oconfirm-summary-car-head-cell-responsive {
    display: none !important;
}

/* Layout adjustments for total price alignment */
.vrc-oconfirm-summary-car-head,
.vrc-oconfirm-summary-car-row {
    display: flex;
    justify-content: space-between;
}
.vrc-oconfirm-summary-car-cell-tot {
    text-align: right !important;
}
@media (min-width: 551px) {
    .vrc-oconfirm-summary-car-head,
    .vrc-oconfirm-summary-car-row {
        flex-wrap: nowrap !important;
    }
}
.vrc-oconfirm-summary-car-wrapper * {
		background: transparent !important;
}
.vrcsubmitcoupon {
    border-radius: 24px !important;
    height: 48px !important;
}

/* Remove borders and shadows from various summary boxes */
.vrc-itinerary-summary, .vrcrentforlocs, .vrc-oconfirm-summary-car-wrapper, 
.vrc-oconfirm-summary-total-wrapper, .vrccustomfields, .vrc-coupon-outer, .vrc-oconfirm-paym-block, .vrcvordpaybutton, .vrc-order-details-top-car, .vrc-order-details-costs-wrap, .vrc-order-details-top-element.vrc-order-details-top-cdet, .vrc-order-details-top-element.vrc-order-details-top-odet {
		border: none;
		box-shadow: none;
		padding: 0;
		background: transparent;
}
/* Underline styling for summary titles and containers */
.vrc-rental-summary-title::after, .vrc-oconfirm-summary-container::before, 
.vrc-oconfirm-summary-container::after, .vrc-oconfirm-middlep::after, .vrc-order-details-costs-wrap::before, .vrc-order-details-top-order::after, .vrc-order-details-top-order::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background-color: var(--orange);
    margin-top: 20px;
		margin-bottom: 20px;
}



.vrc-gpay-licont input[type="radio"] {
    display: none !important;
}


/* ==========================================================================
   OUR FLEET & GRID LAYOUT
   ========================================================================== */
@media (min-width: 740px) and (max-width: 980px) {
    .vrcmodcarsgridcont-items {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center;
        column-gap: 16px;
    }
    .vrc-modcars-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.vrcmodcarsgridview .btn {
    display: inline-flex;
    justify-content: center;
}


/* ==========================================================================
   CALENDAR RESPONSIVE ADJUSTMENTS
   ========================================================================== */
@media (min-width: 504px) and (max-width: 615px) {
    .vrc-avcals-container {
        display: flex;
        flex-wrap: wrap;
    }
    .vrccaldivcont {
        width: 100%;
    }
}
@media (min-width: 616px) and (max-width: 810px) {
    .vrc-avcals-container {
        display: flex;
        flex-wrap: wrap;
    }
    .vrccaldivcont {
        width: 48%;
    }
}


/* ==========================================================================
   SEARCH WIDGET
   ========================================================================== */
.vrc-searchmod-wrap-hybrid > form {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: var(--radius2);
    padding: 15px;
}

/* Style pickup and dropoff time to discourage certain times */

  #pickuph option[value="14"],
  #pickuph option[value="15"],
  #pickuph option[value="16"],
  #pickuph option[value="17"],
  #releaseh option[value="8"],
  #releaseh option[value="9"],
  #releaseh option[value="10"] {
    font-weight: bold;
  }

/* Adjust dropdown field width */
@media (min-width: 788px) {
		#pickuph, #releaseh {
				width: 64.5px; /* Adjust width as needed */
				max-width: 64.5px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
		}
}

/* SEARCH: NO CARS FOUND ADDITION */
p.err::after {
    content: "Check -Our Fleet- in the main menu to view availability calendars and find a van that matches your itinerary.";
    display: block;
    margin-top: 8px;
}

/* Midnight Campers title that shows up at book now */
h3.vrc-main-title {
    display: none;
}



/* ==========================================================================
   OUR FLEET: CAR LIST STYLING
   ========================================================================== */
.vrcmodcarsgridboxdiv {
    border: var(--border) !important;
    border-radius: var(--radius2);
    overflow: hidden;
    background-color: #fff;
}
.vrcmodcarsgridboxdiv .vrcmodcarsgridview .btn-vrcmodcarsgrid-btn {
    border-radius: 25px;
}

/* ==========================================================================
   CAR DETAILS: LAYOUT & IMAGES
   ========================================================================== */
@media (min-width: 768px) {
    .vrc-showprc-container, .vrc-cdetails-cinfo {
        display: grid;
        grid-template-columns: 30% 70%;
        gap: 10px;
        width: 100%;
        align-items: start;
    }
    .vrc-cdetails-cmainimg {
        width: 100%;
    }
}
.vrc-cdetails-cmainimg {
		margin-right: 0px;
}


/* ==========================================================================
   CAR DETAILS: VAN FEATURE & GALLERY
   ========================================================================== */
@media (min-width: 768px) {
    .van-page__gallery-img-mobile ul {
        columns: 2;
        column-gap: 20px;
    }
}


/* ==========================================================================
   CAR DETAILS: LIST & ICON CHANGES
   ========================================================================== */
.van-page__gallery-img-mobile ul {
    list-style: none;
    margin: 0;
}
.van-page__gallery-img-mobile ul li {
    position: relative;
    padding-left: 25px;
}
.van-page__gallery-img-mobile ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--orange);
    position: absolute;
    left: 0;
}


/* ==========================================================================
   CAR DETAILS: GENERAL FORMATTING
   ========================================================================== */
.vrclistcarcat {
    display: none;
}
.vrc-cdetails-cost {
    background-color: transparent;
    margin: 10px 0;
}
.vrcliststartfrom {
    color: var(--text);
}
.vrc-cdetails-img img,
.vrc-showprc-right img,
.car_img_box img,
.imgresult {
    border-radius: var(--radius1) !important;
}
.vrc-car-category {
    display: none !important;
}
.vrc-car-result-dailycost {
    color: var(--text) !important;
}
.car_result {
    margin-bottom: 20px; /* Space between results */
    border-radius: var(--radius2); /* Rounded corners */
    background-color: #ffffff; /* White background */
}
.vrcarsfound {
		color: var(--text);
}

/* ==========================================================================
   CHARACTERISTICS
   ========================================================================== */
.vrccarcarat span{
    color: var(--text);
		font-size: 14px !important;
		margin-bottom: 4px !important;
		line-height: 1.2;
}
.vrc-searchfilter-characteristic {
    background-color: transparent !important;
}
.vrccaratsdiv {
    display: flex;
    flex-wrap: wrap;
    padding-top: 5px;
    padding-bottom: 5px;
		justify-content: center;
}


/* ==========================================================================
   CAR DETAILS: CALENDAR & DROPDOWN STYLING
   ========================================================================== */
/* Style for month dropdown */
form[name="vrcmonths"] .vrcselectm {
    background-color: #FFF !important;
    border: 1px solid #ddd;
    border-radius: 50px;
    padding: 10px 30px;
    color: var(--header);
    box-sizing: border-box;
    width: fit-content;
    text-transform: uppercase;
    margin-top: 50px;
}

/* Calendar colors for free and busy days */
.vrclegfree {
    background-color: var(--available);
		border: none;
}
.vrclegbusy {
    background-color: var(--background);
		border: 1px solid var(--text);
}
.vrccal td {
    background-color: transparent !important;
}
.vrctdfree span {
    background-color: var(--available);
    color: var(--text);
    padding: 5px;
    border-radius: 15%;
}
.vrctdbusy span {
    background-color: var(--background);
    color: var(--text);
    padding: 5px;
    border-radius: 16%;
		text-decoration: line-through;
}
.vrctdbusy {
    border-radius: 20%;
}
.vrctdbusy.vrctdbusyforcheckin::after {
    border-color: transparent;
}
.vrctdbusy.vrctdbusyforcheckin span {
    background: linear-gradient(to top left, var(--background) 50%, var(--available) 50%);
		text-decoration: none;
}
.vrctdbusy.vrctdbusycheckout span {
    background: linear-gradient(to bottom right, var(--background) 50%, var(--available) 50%);
		text-decoration: none;
}

.vrccaldivcont {
    border: none;
}


/* ==========================================================================
   CAR DETAILS: SEARCH BOX & BOOK NOW BUTTON
   ========================================================================== */
.vrcdivsearch {
    background-color: transparent;
		border: none;
		padding: 0px;
}

.vrcdivsearch > .vrcdivsearch-inner > form {
    background-color: #FFF;
    border: var(--border);
    border-radius: var(--radius2);
    padding: 15px;
}

/* Hide the select dropdowns */
#modplace, #modreturnplace, #place, #returnplace {
    display: none;
}
/* Replace labels with static text */
.vrcsfentrycont label[for="modplace"]::after,
.vrcsfentrycont label[for="modreturnplace"]::after,
.vrcsfentrycont label[for="place"]::after,
.vrcsfentrycont label[for="returnplace"]::after {
    content: "Lofoten, Svolvær";
    font-weight: bold;
    display: block; /* Forces the text onto a new line */
    margin-top: 5px;
}


/* Center and style the "Book Now" button */
.vrc-searchf-section-sbmt .vrcsfentrysubmit .btn.vrcdetbooksubmit {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}



/* ==========================================================================
   CAR DETAILS: SUCCESS MESSAGE
   ========================================================================== */
.successmade {
    color: var(--radius1);
    border: 2px solid var(--orange);
    padding: 10px;
    text-align: center;
}
/* 
span.vrchaveacoupon {
    visibility: hidden;
    position: relative;
}

span.vrchaveacoupon::after {
    content: "Have a discount code?";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
} */