/* =========================================================
   OUR CARS / STEP 2 — FINAL CSS
   scoped only to Step 2
========================================================= */

.vrc-cars-skin {
  --frc-navy: #08203A;
  --frc-blue: #0E5EA8;
  --frc-green: #099144;
  --frc-card-radius: 24px;
  --frc-footer-h: 90px;
}

/* HIDE UNUSED */
body .vrc-cars-skin .vrc-itinerary-summary,
body .vrc-cars-skin .vrcarsfound,
body .vrc-cars-skin .vrc-goback-block,
body .vrc-cars-skin .vrc-promotion-block,
body .vrc-cars-skin .vrc-car-result-price-before-discount,
body .vrc-cars-skin .vrc-car-result-price-before-discount-percent,
body .vrc-cars-skin .vrcstartfrom,
body .vrc-cars-skin .vrc-car-result-description,
body .vrc-cars-skin .vrcstepsbarcont,
body .vrc-cars-skin .vrc-tooltip,
body .vrc-cars-skin .vrc-tooltip-content,
body .vrc-cars-skin .ui-tooltip,
body .vrc-cars-skin .tooltip,
body .vrc-cars-skin [role="tooltip"] {
  display: none !important;
}

/* CUSTOM STEPS */
body .vrc-cars-skin .frc-booking-steps {
  width: 100% !important;
  max-width: 760px !important;
  margin: 48px auto 44px !important;
  padding: 0 !important;
}

body .vrc-cars-skin .frc-booking-steps__list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body .vrc-cars-skin .frc-booking-steps__item {
  text-align: center !important;
}

body .vrc-cars-skin .frc-booking-steps__link {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 11px !important;
  text-decoration: none !important;
}

body .vrc-cars-skin .frc-booking-steps__num {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  border: 2px solid var(--frc-green) !important;
  color: var(--frc-green) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

body .vrc-cars-skin .frc-booking-steps__label {
  color: #8FA1B5 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body .vrc-cars-skin .frc-booking-steps__item--current .frc-booking-steps__num {
  background: var(--frc-green) !important;
  color: #fff !important;
}

body .vrc-cars-skin .frc-booking-steps__item--current .frc-booking-steps__label {
  color: var(--frc-green) !important;
}

/* GRID */
body .vrc-cars-skin .vrc-search-results-block.vrc-search-results-block-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin: 34px 0 0 !important;
  padding: 0 !important;
}

/* CARD */
body .vrc-cars-skin .car_result {
  position: relative !important;
  overflow: hidden !important;
  height: 455px !important;
  border-radius: var(--frc-card-radius) !important;
  background: #f7f7f7 !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  box-shadow: none !important;
}

/* hide original image */
body .vrc-cars-skin .car_result .vrc-car-result-left,
body .vrc-cars-skin .car_result .vrc-car-result-left img {
  display: none !important;
}

/* reset Vik layout */
body .vrc-cars-skin .car_result .vrc-car-result-right,
body .vrc-cars-skin .car_result .vrc-car-result-rightinner,
body .vrc-cars-skin .car_result .vrc-car-result-rightinner-deep {
  position: static !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  float: none !important;
}

/* full image behind text, above footer */
body .vrc-cars-skin .car_result .frc-card-image {
  display: block !important;
  position: absolute !important;
  inset: 0 0 var(--frc-footer-h) 0 !important;
  width: 100% !important;
  height: calc(100% - var(--frc-footer-h)) !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  border: 0 !important;
  border-radius: var(--frc-card-radius) var(--frc-card-radius) 0 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* TOP TEXT */
body .vrc-cars-skin .car_result .vrc-car-result-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 22px 26px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* category first */
body .vrc-cars-skin .car_result .vrc-car-category {
  order: 1 !important;
  display: block !important;
  margin: 0 0 5px !important;
  max-width: 96% !important;
  color: var(--frc-navy) !important;
  font-size: 31px !important;
  line-height: .98 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  text-shadow: none !important;
  filter: none !important;
}

/* car model second */
body .vrc-cars-skin .car_result h4.vrc-car-name {
  order: 2 !important;
  display: block !important;
  margin: 0 0 13px !important;
  max-width: 96% !important;
  color: var(--frc-blue) !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* icons row */
body .vrc-cars-skin .car_result .vrc-car-result-characteristics {
  order: 3 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrccaratsdiv {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrccarcarat,
body .vrc-cars-skin .car_result .vrc-carat-cont {
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrc-expl,
body .vrc-cars-skin .car_result .vrc-expl i,
body .vrc-cars-skin .car_result .frc-free-cancel,
body .vrc-cars-skin .car_result .frc-free-cancel i {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--frc-blue) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  filter: none !important;
  pointer-events: none !important;
}

/* automatic A badge */
body .vrc-cars-skin .car_result .vrc-expl[data-vrc-expl="Automatic"] i {
  display: none !important;
}

body .vrc-cars-skin .car_result .vrc-expl[data-vrc-expl="Automatic"]::before {
  content: "A" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 5px !important;
  border: 2px solid var(--frc-blue) !important;
  color: var(--frc-blue) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* FOOTER */
body .vrc-cars-skin .car_result .vrc-car-lastblock {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 4 !important;
  height: var(--frc-footer-h) !important;
  padding: 11px 22px 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  gap: 2px 14px !important;
  align-items: center !important;
  background: var(--frc-navy) !important;
  border-radius: 0 0 var(--frc-card-radius) var(--frc-card-radius) !important;
  box-shadow: none !important;
}

/* price */
body .vrc-cars-skin .car_result .vrc-car-price {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  align-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrcsrowpricediv {
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .car_cost {
  display: inline-flex !important;
  align-items: baseline !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body .wrap.plugin-container .vrc-cars-skin .car_result .vrc_currency,
body .wrap.plugin-container .vrc-cars-skin .car_result .vrc_price {
  color: var(--frc-green) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body .wrap.plugin-container .vrc-cars-skin .car_result .car_cost::after {
  content: "/day" !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--frc-green) !important;
}

body .vrc-cars-skin .wrap.plugin-container .car_result .frc-total-line {
  margin-top: 5px !important;
  color: rgba(255, 255, 255, .84) !important;
  font-family: var(--bs-body-font-family);
}

body .wrap.plugin-container .vrc-cars-skin .car_result .frc-total-line::before {
  content: "Vehicle total rate: " !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, .84) !important;
}

body .wrap.plugin-container .vrc-cars-skin .car_result .frc-total-line strong {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, .84) !important;
}

/* button */
body .vrc-cars-skin .car_result .vrc-car-bookingbtn {
  grid-column: 2 !important;
  grid-row: 1 / span 2 !important;
  justify-self: end !important;
  align-self: center !important;
  position: relative !important;
  margin: 0 !important;
}

body .vrc-cars-skin .car_result .vrc-car-bookingbtn input.booknow {
  width: 150px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: var(--frc-green) !important;
  border: 1px solid var(--frc-green) !important;
  border-radius: 10px !important;
  color: transparent !important;
  text-indent: -9999px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body .vrc-cars-skin .car_result .vrc-car-bookingbtn::after {
  content: "Select My Car" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  pointer-events: none !important;
}

body .vrc-cars-skin .car_result .vrc-car-bookingbtn:hover input.booknow {
  background: #fff !important;
}

body .vrc-cars-skin .car_result .vrc-car-bookingbtn:hover::after {
  color: var(--frc-green) !important;
}

/* benefits */
body .vrc-cars-skin .wrap.plugin-container .car_result .vrc-car-lastblock::before {
  content: "Unlimited Mileage • Discount Applied • Pay Later" !important;
  display: block !important;
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  color: var(--frc-green) !important;
}

/* RESPONSIVE */
@media (max-width:1100px) {
  body .vrc-cars-skin .vrc-search-results-block.vrc-search-results-block-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:767px) {
  body .vrc-cars-skin .vrc-search-results-block.vrc-search-results-block-grid {
    grid-template-columns: 1fr !important;
  }

  body .vrc-cars-skin .car_result {
    height: 435px !important;
  }

  body .vrc-cars-skin .car_result .vrc-car-category {
    font-size: 25px !important;
  }

  body .vrc-cars-skin .car_result h4.vrc-car-name {
    font-size: 15px !important;
  }

  body .vrc-cars-skin .car_result .vrc-car-bookingbtn input.booknow {
    width: 135px !important;
  }
}

/* FIX STEP 2 CARD FINAL */

body .vrc-cars-skin .car_result {
  height: 455px !important;
  background: #f7f7f7 !important;
}

/* imaginea pe tot cardul, cum era gândită */
body .vrc-cars-skin .car_result .frc-card-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  display: block !important;
}

/* zona text sus */
body .vrc-cars-skin .car_result .vrc-car-result-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 3 !important;
  padding: 18px 22px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  background: transparent !important;
}

/* categoria prima */
body .vrc-cars-skin .car_result .vrc-car-category {
  order: 1 !important;
  margin: 0 0 4px !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  color: #08203A !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* modelul sub categorie */
body .vrc-cars-skin .car_result h4.vrc-car-name {
  order: 2 !important;
  margin: 0 0 6px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #00539B !important;
  text-shadow: none !important;
}

/* icoane sub model */
body .vrc-cars-skin .car_result .vrc-car-result-characteristics {
  order: 3 !important;
}

body .vrc-cars-skin .car_result .vrccaratsdiv {
  gap: 13px !important;
}

body .vrc-cars-skin .car_result .vrc-expl,
body .vrc-cars-skin .car_result .vrc-expl i,
body .vrc-cars-skin .car_result .frc-free-cancel {
  color: #00539B !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* banda jos ramane peste poza */
body .vrc-cars-skin .car_result .vrc-car-lastblock {
  z-index: 4 !important;
  background: #08203A !important;
}

/* =========================================
   FRC CARD HEADER FINAL
   ========================================= */

.wrap.plugin-container .car_result .vrc-car-result-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* 1. CATEGORIA MARE */
.wrap.plugin-container .car_result .vrc-car-category {
  order: 1 !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;

  color: #08203A !important;

  text-shadow: none !important;
  box-shadow: none !important;
  font-family: var(--bs-body-font-family);
}

/* 2. MODELUL MASINII */
.wrap.plugin-container .car_result h4.vrc-car-name {
  order: 2 !important;

  padding: 0 !important;

  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;

  color: #1F65B7 !important;

  text-shadow: none !important;
  box-shadow: none !important;
  font-family: var(--bs-body-font-family);
}

/* 3. ICOANELE */
.wrap.plugin-container .car_result .vrc-car-result-characteristics {
  order: 3 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.wrap.plugin-container .car_result .vrccaratsdiv {
  gap: 14px !important;
}

.wrap.plugin-container .car_result .vrc-expl,
.wrap.plugin-container .car_result .vrc-expl i,
.wrap.plugin-container .car_result .frc-free-cancel,
.wrap.plugin-container .car_result .frc-free-cancel i {
  color: #1F65B7 !important;

  font-size: 13px !important;
  font-weight: 700 !important;

  text-shadow: none !important;
  box-shadow: none !important;
}

/* ELIMINA ORICE SHADOW CIUDAT */
.wrap.plugin-container .car_result .vrc-car-category,
.wrap.plugin-container .car_result h4.vrc-car-name,
.wrap.plugin-container .car_result .vrc-expl,
.wrap.plugin-container .car_result .vrc-expl i {
  filter: none !important;
  text-shadow: none !important;
  color: #203655 !important;
}

.car_result .vrc-car-name,
.car_result .vrc-car-category,
.car_result .vrc-car-result-characteristics {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

/* =========================================================
   STEP 2 CARD HEADER HARD FIX — FINAL PATCH
========================================================= */

body .vrc-cars-skin .car_result {
  height: 455px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
}

/* imagine full card */
body .vrc-cars-skin .car_result .frc-card-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
}

/* container text sus */
body .vrc-cars-skin .car_result .vrc-car-result-inner {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 118px !important;
  z-index: 5 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* CATEGORIA — prima, mare */
body .vrc-cars-skin .car_result .vrc-car-category {
  position: absolute !important;
  top: 18px !important;
  left: 22px !important;
  right: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #08203A !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  z-index: 6 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* MODELUL — sub categorie */
body .vrc-cars-skin .car_result h4.vrc-car-name {
  position: absolute !important;
  top: 48px !important;
  left: 22px !important;
  right: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0E5EA8 !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-transform: none !important;
  z-index: 6 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* ICOANE — sub model */
body .vrc-cars-skin .car_result .vrc-car-result-characteristics {
  position: absolute !important;
  top: 75px !important;
  left: 22px !important;
  right: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 6 !important;
}

body .vrc-cars-skin .car_result .vrccaratsdiv {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrccarcarat,
body .vrc-cars-skin .car_result .vrc-carat-cont {
  margin: 0 !important;
  padding: 0 !important;
}

body .vrc-cars-skin .car_result .vrc-expl,
body .vrc-cars-skin .car_result .vrc-expl i,
body .vrc-cars-skin .car_result .frc-free-cancel,
body .vrc-cars-skin .car_result .frc-free-cancel i {
  color: #0E5EA8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}

/* footer reparat, ca sa nu taie avantajele */
body .vrc-cars-skin .wrap.plugin-container .car_result .vrc-car-lastblock {
  height: 96px !important;
  padding: 12px 22px 10px !important;
  background: #08203A !important;
  border-radius: 0 0 24px 24px !important;
  z-index: 10 !important;
  align-items: start !important;
  text-align: left;
}

body .vrc-cars-skin .wrap.plugin-container .car_result .car_cost {
  color: #099144 !important;
  font-family: var(--bs-body-font-family);
}

body .vrc-cars-skin .wrap.plugin-container .car_result .vrc-car-lastblock::before {
  bottom: 10px !important;
  line-height: 1.1 !important;
  color: #099144 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  font-family: var(--bs-body-font-family);
}

body .vrc-cars-skin .wrap.plugin-container .car_result .car_cost,
body .vrc-cars-skin .wrap.plugin-container .car_result .vrc_currency,
body .vrc-cars-skin .wrap.plugin-container .car_result .vrc_price {
  color: #099144 !important;
}

body .vrc-cars-skin .wrap.plugin-container .car_result .car_cost::after {
  content: "/day" !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--frc-green) !important;
  margin-left: 6px;
}