/* Distilled interaction patterns: restrained reveals, responsive hover depth, no layout shifts. */ html { scroll-behavior: smooth; } body { scroll-padding-top: 96px; } /* Branded pointer halo and a slimmer site-wide scrollbar. */ html { scrollbar-color: var(--trv-primary) var(--trv-surface); scrollbar-width: thin; } ::-webkit-scrollbar { width: 12px; height: 12px; } ::-webkit-scrollbar-track { border-radius: 999px; background: var(--trv-surface); } ::-webkit-scrollbar-thumb { border: 3px solid var(--trv-surface); border-radius: 999px; background: linear-gradient(180deg, #2c7199, var(--trv-primary)); } ::-webkit-scrollbar-thumb:hover { background: #d6a64f; } /* Keep the original WhatsApp button and make its changing invitation compact. */ .trv-whatsapp-prompt { position: absolute; z-index: 12; right: 76px; bottom: 26px; width: max-content; max-width: min(240px, calc(100vw - 118px)); padding: 9px 12px 9px 28px; border: 1px solid rgba(23, 70, 109, .1); border-radius: 14px 14px 4px 14px; background: #fff; color: #173c59; font-size: 12px; font-weight: 700; line-height: 1.45; box-shadow: 0 10px 28px rgba(18, 42, 54, .18); opacity: 1; transform: translateY(0); transition: opacity .2s ease, transform .2s ease; pointer-events: none; } .trv-whatsapp-prompt__text { display: block; } .trv-whatsapp-prompt__close { position: absolute; top: 3px; left: 3px; display: grid; width: 20px; height: 20px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: #edf3f6; color: #365365; font: inherit; font-size: 17px; line-height: 1; cursor: pointer; pointer-events: auto; } .trv-whatsapp-prompt__close:hover { background: #dce7ed; color: #173c59; } .trv-whatsapp-prompt__close:focus-visible { outline: 2px solid #17466d; outline-offset: 2px; } .trv-whatsapp-prompt::after { position: absolute; right: -6px; bottom: 8px; width: 10px; height: 10px; border-radius: 2px; background: #fff; content: ""; transform: rotate(45deg); } .trv-whatsapp-prompt.is-changing { opacity: 0; transform: translateY(4px); } #whatsapp-vr:hover .trv-whatsapp-prompt, #whatsapp-vr:focus-within .trv-whatsapp-prompt { border-color: rgba(29, 185, 102, .28); } @media (hover: hover) and (pointer: fine) and (min-width: 1025px) { .trv-cursor-orbit { position: fixed; z-index: 99999; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #17466d; border-radius: 50%; background: rgba(23, 70, 109, .14); box-shadow: 0 0 0 6px rgba(23, 70, 109, .18), 0 5px 18px rgba(18, 42, 54, .22); pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(.72); transition: opacity .16s ease, transform .2s ease, border-color .2s ease, background-color .2s ease; } .trv-cursor-orbit::after { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #17466d; content: ""; transform: translate(-50%, -50%); } .trv-cursor-orbit.is-visible { opacity: 1; transform: translate(-50%, -50%) scale(1); } .trv-cursor-orbit.is-interactive { border-color: #2c7199; background: rgba(44, 113, 153, .18); transform: translate(-50%, -50%) scale(1.35); } } /* Parc Auto: clearer vehicle cards with consistent photo, details and action areas. */ body.page-id-133 .vrcclistheadt { width: min(100% - 32px, 1440px); margin: 0 auto 12px; color: #17466d; font-size: clamp(28px, 3vw, 40px); font-weight: 750; line-height: 1.12; } body.page-id-133 .vrccatdescr { width: min(100% - 32px, 1440px); margin: 0 auto 26px; padding: 18px 22px; border: 1px solid #e2eaee; border-left: 4px solid #d6a64f; border-radius: 0 13px 13px 0; background: #f5f8f9; color: #526874; font-size: 15px; line-height: 1.7; } body.page-id-133 .vrc-search-results-block { width: min(100%, 1440px); margin: 0 auto; } body.page-id-133 .vrc-search-results-block.vrc-search-results-block-list { display: grid; gap: 22px; } body.page-id-133 .vrc-search-results-block .car_result { display: grid; grid-template-columns: minmax(260px, 34%) minmax(0, 1fr); align-items: stretch; overflow: hidden; margin: 0; border: 1px solid #e1e9ed; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(22, 54, 73, .07); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; } body.page-id-133 .vrc-search-results-block .car_result:hover { transform: translateY(-3px); border-color: #cbdce4; box-shadow: 0 16px 34px rgba(22, 54, 73, .12); } body.page-id-133 .vrc-search-results-block .vrc-car-result-left { display: flex; min-width: 0; min-height: 245px; align-items: center; justify-content: center; overflow: hidden; padding: 18px; background: linear-gradient(145deg, #f7f9fa, #eef3f5); } body.page-id-133 .vrc-search-results-block .vrc-car-result-left img.imgresult { display: block; width: 100%; max-width: 420px; height: 100%; max-height: 280px; object-fit: contain; object-position: center; } body.page-id-133 .vrc-search-results-block .vrc-car-result-right, body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner, body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner-deep { display: flex; min-width: 0; width: 100%; height: 100%; } body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner-deep { align-items: stretch; } body.page-id-133 .vrc-search-results-block .vrc-car-result-inner { display: flex; flex: 1 1 auto; min-width: 0; flex-direction: column; gap: 8px; padding: 24px 22px; } body.page-id-133 .vrc-search-results-block .vrc-car-name { margin: 0; color: #173c59; font-size: clamp(20px, 2vw, 26px); font-weight: 750; line-height: 1.2; } body.page-id-133 .vrc-search-results-block .vrc-car-name a { color: inherit; text-decoration: none !important; } body.page-id-133 .vrc-search-results-block .vrc-car-name a:hover { color: #a57628; } body.page-id-133 .vrc-search-results-block .vrc-car-name a:focus-visible, body.page-id-133 .vrc-search-results-block .vrc-car-bookingbtn a:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 3px; border-radius: 5px; } body.page-id-133 .vrc-search-results-block .vrc-car-category { display: inline-flex; align-self: flex-start; padding: 5px 10px; border: 1px solid #dce8ed; border-radius: 999px; background: #f1f6f8; color: #486372; font-size: 11px; font-weight: 750; letter-spacing: .06em; } body.page-id-133 .vrc-search-results-block .vrc-car-result-description { margin: 3px 0 0; color: #687b86; font-size: 14px; line-height: 1.65; } body.page-id-133 .vrc-search-results-block .vrc-car-result-description p { margin: 0 0 8px; } body.page-id-133 .vrc-search-results-block .vrc-car-characteristics { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding-top: 14px; border-top: 1px solid #edf1f3; } body.page-id-133 .vrc-search-results-block .vrc-car-characteristics .vrccarcarat { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 7px 10px; border: 1px solid #e5ecef; border-radius: 8px; background: #f8fafb; color: #506674; font-size: 12px; } body.page-id-133 .vrc-search-results-block .vrc-car-lastblock { display: flex; flex: 0 0 205px; flex-direction: column; align-items: stretch; justify-content: center; gap: 14px; padding: 22px; border-left: 1px solid #edf1f3; background: #fbfcfd; text-align: start; } body.page-id-133 .vrc-search-results-block .vrc-car-price { padding: 12px 14px; border: 1px solid #e7edf0; border-left: 3px solid #d6a64f; border-radius: 10px; background: #fff; color: #526874; } body.page-id-133 .vrc-search-results-block .vrcstartfrom { display: block; margin: 0 0 5px; color: #778891; font-size: 11px; font-weight: 700; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase; } body.page-id-133 .vrc-search-results-block .vrcsrowpricediv > * { display: block; } body.page-id-133 .vrc-search-results-block .car_cost { display: inline-flex; align-items: baseline; gap: 6px; color: #17466d; font-size: 27px; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; white-space: nowrap; } body.page-id-133 .vrc-search-results-block .car_cost .vrc_currency { order: 2; color: #607684; font-size: 15px; font-weight: 700; letter-spacing: 0; } body.page-id-133 .vrc-search-results-block .car_cost .vrc_price { order: 1; } body.page-id-133 .vrc-search-results-block .vrc-car-bookingbtn { margin: 0; } body.page-id-133 .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; padding: 11px 15px; border: 0; border-radius: 10px; background: #17466d; color: #fff; font-size: 14px; font-weight: 700; text-align: center; text-decoration: none; box-shadow: 0 7px 16px rgba(23,70,109,.18); transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease; } body.page-id-133 .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a:hover { transform: translateY(-1px); background: #103752; box-shadow: 0 10px 20px rgba(23,70,109,.24); } body.page-id-133 .vrc-search-results-block.vrc-search-results-block-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; } body.page-id-133 .vrc-search-results-block-grid .car_result { grid-template-columns: minmax(0, 1fr); align-content: start; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-result-left { min-height: 230px; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-result-left img.imgresult { max-height: 230px; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-result-rightinner-deep { flex-direction: column; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-result-inner { min-height: 0 !important; padding: 20px; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-lastblock { flex: 0 0 auto; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid #edf1f3; border-left: 0; padding: 16px 20px; } body.page-id-133 .vrc-search-results-block-grid .vrc-car-bookingbtn .vrclistgoon a { min-width: 150px; } body.page-id-133 .vrc-pagination { display: flex; justify-content: center; margin: 28px 0 10px; } body.page-id-133 .vrc-pagination a, body.page-id-133 .vrc-pagination span { display: inline-grid; min-width: 40px; min-height: 40px; place-items: center; margin: 0 3px; border: 1px solid #dce5e9; border-radius: 9px; background: #fff; color: #17466d; } body.page-id-133 .vrc-pagination .current { border-color: #17466d; background: #17466d; color: #fff; } /* Keep the whole fleet surface clean white and give each vehicle feature its own breathing room. */ body.page-id-133 .vrc-search-results-block .car_result, body.page-id-133 .vrc-search-results-block .vrc-car-result-right, body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner, body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner-deep, body.page-id-133 .vrc-search-results-block .vrc-car-result-inner, body.page-id-133 .vrc-search-results-block .vrc-car-lastblock { background-color: #fff; } body.page-id-133 .vrc-search-results-block .vrc-car-result-left { background: #fff; } body.page-id-133 .vrc-search-results-block .vrc-car-characteristics { display: block; } body.page-id-133 .vrc-search-results-block .vrccaratsdiv { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; } body.page-id-133 .vrc-search-results-block .vrccarcarat { display: inline-flex; min-width: 54px; min-height: 48px; align-items: center; justify-content: center; margin: 0; padding: 8px 10px; border: 1px solid #e8edf0; border-radius: 10px; background: #fff; color: #486170; } body.page-id-133 .vrc-search-results-block .vrc-car-characteristics .vrccarcarat { background: #fff; } body.page-id-133 .vrc-search-results-block .vrccarcarat .vrc-carat-cont { display: inline-flex; align-items: center; justify-content: center; margin: 0; } body.page-id-133 .vrc-search-results-block .vrccarcarat .vrc-carat-cont > img, body.page-id-133 .vrc-search-results-block .vrccarcarat .vrc-carat-cont .vrc-expl > img { display: block; width: auto; max-width: 25px; max-height: 25px; margin: 0; object-fit: contain; } body.page-id-133 .vrc-search-results-block .vrccarcarat .vrc-carat-cont i { margin: 0; color: #17466d; font-size: 19px; line-height: 1; } body.page-id-133 .vrc-search-results-block .vrccarcarat .vrc-carat-cont > span:not(.vrc-expl) { margin: 0; } body.page-id-133 .vrc-search-results-block .vrccarcarat:hover { border-color: #d6a64f; background: #fffdf8; } @media (max-width: 900px) { body.page-id-133 .vrc-search-results-block .car_result { grid-template-columns: minmax(220px, 32%) minmax(0, 1fr); } body.page-id-133 .vrc-search-results-block .vrc-car-lastblock { flex-basis: 175px; padding: 18px; } body.page-id-133 .vrc-search-results-block.vrc-search-results-block-grid { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 640px) { body.page-id-133 .vrcclistheadt, body.page-id-133 .vrccatdescr { width: min(100% - 24px, 1440px); } body.page-id-133 .vrc-search-results-block { width: min(100% - 24px, 1440px); } body.page-id-133 .vrc-search-results-block .car_result { grid-template-columns: minmax(0, 1fr); border-radius: 15px; } body.page-id-133 .vrc-search-results-block .vrc-car-result-left { min-height: 205px; padding: 14px; } body.page-id-133 .vrc-search-results-block .vrc-car-result-left img.imgresult { max-height: 205px; } body.page-id-133 .vrc-search-results-block .vrc-car-result-rightinner-deep { flex-direction: column; } body.page-id-133 .vrc-search-results-block .vrc-car-result-inner { min-height: 0 !important; padding: 18px; } body.page-id-133 .vrc-search-results-block .vrccaratsdiv { gap: 8px; } body.page-id-133 .vrc-search-results-block .vrccarcarat { min-width: 48px; min-height: 44px; padding: 7px 9px; } body.page-id-133 .vrc-search-results-block .vrc-car-lastblock { flex: 0 0 auto; flex-direction: row; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid #edf1f3; border-left: 0; } body.page-id-133 .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a { min-width: 130px; } } /* Vehicle detail page opened from Parc Auto. */ body.page-id-133 .vrc-cdetails-cinfo { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(22px, 3vw, 42px); align-items: start; width: min(100%, 1440px); margin: 0 auto 24px; padding: clamp(18px, 3vw, 32px); border: 1px solid #e3eaee; border-radius: 20px; background: #fff; box-shadow: 0 12px 34px rgba(22,54,73,.08); } body.page-id-133 .vrc-cdetails-cinfo > div { min-width: 0; width: 100%; } body.page-id-133 .vrc-cdetails-img { display: flex; min-width: 0; flex-direction: column; gap: 12px; } body.page-id-133 .vrc-cdetails-cmainimg { display: grid; float: none; min-height: 330px; margin: 0; padding: 22px; place-items: center; overflow: hidden; border: 1px solid #edf1f3; border-radius: 15px; background: #fff; } body.page-id-133 .vrc-cdetails-cmainimg img { display: block; width: 100%; max-width: 640px; max-height: 420px; object-fit: contain; } body.page-id-133 .cardetails_moreimages { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin: 0; } body.page-id-133 .cardetails_moreimages a { display: grid; width: 78px; height: 64px; place-items: center; overflow: hidden; border: 1px solid #e4ebee; border-radius: 9px; background: #fff; } body.page-id-133 .cardetails_moreimages img { display: block; width: 100%; height: 100%; padding: 5px; object-fit: contain; } body.page-id-133 .cardetails_moreimages a:hover { border-color: #d6a64f; } body.page-id-133 .vrc-cdetails-infocar { display: flex; flex-direction: column; gap: 16px; padding: 4px 0; } body.page-id-133 .vrc-cdetails-cgroup { display: flex; flex-direction: column; gap: 9px; width: 100%; margin: 0; } body.page-id-133 .vrc-cdetails-cgroup .vrc-car-name { margin: 0; padding: 0; color: #173c59; font-size: clamp(26px, 3vw, 36px); font-weight: 750; line-height: 1.12; } body.page-id-133 .vrc-cdetails-cgroup .vrclistcarcat { align-self: flex-start; padding: 5px 11px; border: 1px solid #dce8ed; border-radius: 999px; background: #f5f8f9; color: #486372; font-size: 12px; font-weight: 700; } body.page-id-133 .vrc-cdetails-cardesc { margin: 0; color: #607580; font-size: 15px; line-height: 1.75; } body.page-id-133 .vrc-cdetails-cardesc p { margin: 0 0 12px; } body.page-id-133 .vrc-cdetails-cost { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin: 0; padding: 15px 17px; border: 1px solid #e6ecef; border-left: 4px solid #d6a64f; border-radius: 12px; background: #fff; text-align: start; } body.page-id-133 .vrc-cdetails-cost .vrcliststartfrom { color: #72838c; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } body.page-id-133 .vrc-cdetails-cost .car_cost { display: inline-flex; align-items: baseline; gap: 7px; color: #17466d; font-size: 30px; font-weight: 800; line-height: 1.1; white-space: nowrap; } body.page-id-133 .vrc-cdetails-cost .vrc_currency { order: 2; color: #607684; font-size: 16px; font-weight: 700; } body.page-id-133 .vrc-cdetails-cost .vrc_price { order: 1; } body.page-id-133 .vrc-car-carats { display: block; float: none; width: min(100%, 1440px); margin: 0 auto 26px; padding: 18px 0 0; border-top: 1px solid #e8eef1; border-bottom: 0; } body.page-id-133 .vrc-car-carats .vrccaratsdiv { display: flex; flex-wrap: wrap; gap: 10px 12px; } body.page-id-133 .vrc-car-carats .vrccarcarat { display: inline-flex; min-width: 58px; min-height: 50px; align-items: center; justify-content: center; margin: 0; padding: 9px 11px; border: 1px solid #e7edf0; border-radius: 10px; background: #fff; } body.page-id-133 .vrc-car-carats .vrccarcarat .vrc-carat-cont { display: inline-flex; align-items: center; justify-content: center; margin: 0; } body.page-id-133 .vrc-car-carats .vrccarcarat { min-width: 66px; min-height: 62px; gap: 9px; padding: 10px 13px; border-color: #e4ebef; border-radius: 12px; background: #fff; color: #365368; box-shadow: 0 3px 12px rgba(22,54,73,.04); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; } body.page-id-133 .vrc-car-carats .vrccarcarat:hover { transform: translateY(-2px); border-color: #d6a64f; box-shadow: 0 8px 18px rgba(22,54,73,.09); } body.page-id-133 .vrc-car-carats .vrccarcarat img { display: block; width: 25px; height: 25px; max-width: 25px; max-height: 25px; object-fit: contain; } body.page-id-133 .vrc-car-carats .vrccarcarat .vrc-expl { display: inline-flex; align-items: center; justify-content: center; } body.page-id-133 .vrc-car-carats .vrccarcarat .vrc-expl img { width: 25px; height: 25px; } body.page-id-133 .vrc-car-carats .vrccarcarat .vrc-carat-cont > span:not(.vrc-expl) { color: #365368; font-size: 13px; font-weight: 650; } body.page-id-133 .vrc-car-carats .vrccarcarat i { color: #17466d; font-size: 19px; } body.page-id-133 .vrc-cardetails-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; width: min(100%, 1440px); margin: 22px auto 12px; padding: 14px 16px; border: 1px solid #e3eaee; border-radius: 12px; background: #fff; } body.page-id-133 .vrc-cardetails-legend form { margin: 0; } body.page-id-133 .vrc-cardetails-legend .vrcselectm { min-height: 42px; padding: 8px 34px 8px 12px; border: 1px solid #d7e2e7; border-radius: 9px; background-color: #fff; color: #294352; } body.page-id-133 .vrclegendediv { display: flex; flex-wrap: wrap; gap: 12px 20px; } body.page-id-133 .vrclegenda { display: inline-flex; align-items: center; gap: 7px; color: #5f727c; font-size: 12px; } body.page-id-133 .vrc-avcals-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 285px), 1fr)); gap: 16px; width: min(100%, 1440px); margin: 0 auto 32px; } body.page-id-133 .vrc-avcals-container .vrccaldivcont { display: block; width: 100%; min-width: 0; margin: 0; padding: 12px; border: 1px solid #e3eaee; border-top: 3px solid #17466d; border-radius: 13px; background: #fff; box-shadow: 0 6px 18px rgba(22,54,73,.05); } body.page-id-133 .vrc-avcals-container .vrccal { border-spacing: 4px; } body.page-id-133 .vrc-avcals-container .vrccal tr:first-child { height: 38px; color: #17466d; font-size: 15px; } body.page-id-133 .vrc-avcals-container .vrccaldays td { padding: 7px 2px; color: #7b8b94; font-size: 11px; } body.page-id-133 .vrc-avcals-container .vrccal td { height: 34px; padding: 3px; border: 0; border-radius: 8px; text-align: center; } body.page-id-133 .vrc-cardetails-book-wrap { width: min(100%, 1440px); margin: 26px auto 40px; padding: clamp(18px, 3vw, 30px); border: 1px solid #e1e9ed; border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(22,54,73,.07); } body.page-id-133 .vrc-cardetails-book-wrap > h4 { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; padding: 0 0 16px; border-bottom: 1px solid #e8eef1; color: #173c59; font-size: clamp(21px, 2.4vw, 28px); font-weight: 750; line-height: 1.3; } body.page-id-133 .vrc-cardetails-book-wrap > h4::before { width: 4px; height: 30px; flex: 0 0 4px; border-radius: 9px; background: #d6a64f; content: ""; } body.page-id-133 .vrc-cardetails-book-wrap .vrcdivsearch { padding: clamp(16px, 2.5vw, 24px); border-color: #e3eaee; background: #f7f9fa; } body.page-id-133 .vrc-avcals-container .vrccal td.vrctdfree, body.page-id-133 .vrc-avcals-container .vrccal td.vrctdwarning, body.page-id-133 .vrc-avcals-container .vrccal td.vrctdbusy { font-weight: 650; } body.page-id-133 .vrc-avcals-container .vrccal td.vrctdfree { color: #315b47; } body.page-id-133 .vrc-avcals-container .vrccal td.vrctdwarning { color: #7b5b17; } body.page-id-133 .vrc-avcals-container .vrccal td.vrctdbusy { color: #7a4b4b; } body.page-id-133 .vrc-cardetails-legend .vrcselectm { min-width: 190px; border-color: #d5e0e5; box-shadow: 0 2px 8px rgba(22,54,73,.04); } body.page-id-133 .vrc-cardetails-legend .vrcselectm:focus-visible { outline: 3px solid rgba(76,155,214,.45); outline-offset: 2px; } body.page-id-133 .vrclegenda .vrclegfree, body.page-id-133 .vrclegenda .vrclegwarning, body.page-id-133 .vrclegenda .vrclegbusy { display: inline-block; width: 13px; height: 13px; flex: 0 0 13px; border: 1px solid rgba(23,60,89,.12); border-radius: 4px; } body.page-id-133 .vrc-cardetails-book-wrap .vrcdivsearch .vrcsfentrydate { border-color: #d3dfe5; box-shadow: 0 2px 8px rgba(22,54,73,.035); } body.page-id-133 .vrc-cardetails-book-wrap .vrcdivsearch .vrcsfentrydate:focus-within { border-color: #17466d; box-shadow: 0 0 0 3px rgba(23,70,109,.1); } /* Agency map opened by the VikRentCar locations link (also used inside its modal iframe). */ html:has(#vrcmapcanvas), body:has(#vrcmapcanvas) { width: 100%; min-width: 0; height: 100%; min-height: 100vh; margin: 0; background: #f4f7f8; } body:has(#vrcmapcanvas) { box-sizing: border-box; padding: 12px; } #vrcmapcanvas { display: block; width: 100% !important; height: calc(100vh - 24px) !important; height: calc(100dvh - 24px) !important; min-height: 0; margin: 0 auto !important; overflow: hidden; border: 1px solid #dce5e9; border-radius: 16px !important; background: #eaf0f2; box-shadow: 0 12px 30px rgba(22,54,73,.12) !important; } .vrcgmapinfow { max-width: min(310px, calc(100vw - 64px)); padding: 10px 12px !important; color: #526874 !important; font-family: "Jost", "Noto Sans Arabic", Arial, sans-serif; } .vrcgmapinfow h3 { margin: 0 0 6px !important; color: #17466d !important; font-size: 16px; font-weight: 750; line-height: 1.3; } .vrcgmapinfowdescr { color: #607580; font-size: 13px; line-height: 1.55; } .vrcgmapinfowdescr p { margin: 0 0 6px !important; } body.page-id-133 .vrc-cardetails-book-wrap .vrclocationsbox { margin-top: 4px; } body.page-id-133 .vrc-cardetails-book-wrap .vrclocationsmapdiv a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px; border: 1px solid #d6e1e6; border-radius: 10px; background: #fff; color: #17466d; font-size: 13px; font-weight: 700; text-align: center; text-decoration: none !important; transition: border-color .18s ease, background-color .18s ease, transform .18s ease, box-shadow .18s ease; } body.page-id-133 .vrc-cardetails-book-wrap .vrclocationsmapdiv a:hover { transform: translateY(-1px); border-color: #17466d; background: #f2f7f9; box-shadow: 0 6px 16px rgba(23,70,109,.1); } body.page-id-133 .vrc-cardetails-book-wrap .vrclocationsmapdiv i { margin: 0; color: #bd8c38; font-size: 18px; } body.page-id-133 .vrc-cardetails-book-wrap .vrclocationsmapdiv a span { font-size: inherit; letter-spacing: .01em; } @media (max-width: 767px) { body.page-id-133 .vrc-cdetails-cinfo { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 16px; border-radius: 16px; } body.page-id-133 .vrc-cdetails-cmainimg { min-height: 220px; padding: 14px; } body.page-id-133 .vrc-cdetails-cmainimg img { max-height: 290px; } body.page-id-133 .vrc-cdetails-infocar { gap: 13px; } body.page-id-133 .vrc-cdetails-cardesc { font-size: 14px; } body.page-id-133 .vrc-cdetails-cost { align-items: center; } body.page-id-133 .vrc-cdetails-cost .car_cost { font-size: 26px; } body.page-id-133 .vrc-car-carats .vrccaratsdiv { gap: 8px; } body.page-id-133 .vrc-cardetails-legend { align-items: flex-start; flex-direction: column; } body.page-id-133 .vrc-cardetails-book-wrap { width: calc(100% - 24px); margin: 20px auto 30px; padding: 16px; border-radius: 16px; } body.page-id-133 .vrc-cardetails-book-wrap > h4 { margin-bottom: 16px; } body.page-id-133 .vrc-cardetails-legend { width: calc(100% - 24px); } body.page-id-133 .vrc-avcals-container { width: calc(100% - 24px); } body:has(#vrcmapcanvas) { padding: 8px; } #vrcmapcanvas { height: calc(100vh - 16px) !important; height: calc(100dvh - 16px) !important; border-radius: 12px !important; } } /* Match the VikRentCar Order Details search fields to the Tourvilles booking UI. */ body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch { padding: 18px; border: 1px solid #dce5e9; border-radius: 18px; background: #f4f7f8; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcdivsearch-inner { min-width: 0; padding: 0; border: 0; background: transparent; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch form { display: flex; flex-direction: column; gap: 16px; padding: 0; border: 0; background: transparent; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-locations, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes { display: grid; gap: 14px; width: 100%; margin: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-locations { grid-template-columns: repeat(2, minmax(0, 1fr)); } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes { grid-template-columns: repeat(2, minmax(0, 1fr)); } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrycont { min-width: 0; margin: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrycont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 14px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrycont > label, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrylabsel > label, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrytime > label { display: block; width: auto; margin: 0 0 8px; color: #253d4e; font-size: 13px; font-weight: 650; line-height: 1.35; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentryselect, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrylabsel .vrcsfentrydate { width: 100%; min-width: 0; height: 48px; padding: 0 12px; border: 1px solid #d5e0e5; border-radius: 11px; background: #fff; color: #253d4e; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrydate { display: flex; align-items: center; gap: 8px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentrydate .hasDatepicker { flex: 1 1 auto; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0 !important; border-radius: 0; background: transparent !important; box-shadow: none !important; color: #253d4e; font: inherit; cursor: pointer; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-caltrigger { color: #17466d; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrcsfentryselect { padding: 0; border: 0; background: transparent; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select { position: relative; display: block; width: 100%; min-width: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-trigger { display: flex; width: 100%; min-width: 0; height: 48px; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; border: 1px solid #d5e0e5; border-radius: 11px; background: #fff; color: #253d4e; font: inherit; font-size: 14px; line-height: 1.3; text-align: start; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-trigger:hover, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select.is-open .trv-select-trigger { border-color: #17466d; box-shadow: 0 0 0 3px rgba(23,70,109,.09); } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-trigger:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 2px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-value { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-trigger::after { flex: 0 0 9px !important; width: 9px !important; min-width: 9px; height: 9px; border-right: 2px solid #17466d; border-bottom: 2px solid #17466d; content: ""; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select.is-open .trv-select-trigger::after { transform: translateY(2px) rotate(225deg); } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-list { position: absolute; z-index: 10010; top: calc(100% + 7px); inset-inline: 0; max-height: min(270px, 42vh); overflow: auto; padding: 6px; border: 1px solid #d9e4e9; border-radius: 13px; background: #fff; box-shadow: 0 14px 34px rgba(15,42,58,.2); overscroll-behavior: contain; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-list[hidden] { display: none; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-option { display: block; width: 100%; min-height: 40px; padding: 9px 11px; border: 0; border-radius: 8px; background: transparent; color: #263d4a; font: inherit; font-size: 14px; line-height: 1.4; text-align: start; cursor: pointer; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-option:hover, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-option:focus-visible { outline: 0; background: #edf4f7; color: #17466d; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-option.is-selected { background: #e6eff4; color: #17466d; font-weight: 700; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .trv-select-option:disabled { color: #a2afb6; cursor: not-allowed; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrytime .vrc-sf-time-container { display: grid; grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr); align-items: center; gap: 4px; width: 100%; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrc-sf-time-container > span:not(.vrctimesep) { display: block; float: none; width: 100%; min-width: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrc-sf-time-container .vrctimesep { display: block; width: 16px; padding: 0; color: #83929b; text-align: center; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrytime .trv-select-trigger { height: 48px; padding-inline: 10px; font-size: 13px; } body.page-id-133 .vrcdivsearch .vrcdetbooksubmit { display: inline-flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; padding: 12px 20px; border: 0; border-radius: 11px; background: #17466d; color: #fff; font: inherit; font-weight: 700; box-shadow: 0 8px 18px rgba(23,70,109,.2); cursor: pointer; transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease; } body.page-id-133 .vrcdivsearch .vrcdetbooksubmit:hover { transform: translateY(-1px); background: #103752; box-shadow: 0 10px 22px rgba(23,70,109,.24); } body.page-id-133 .vrcdivsearch .vrcdetbooksubmit:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 3px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-categories .vrcsfentryselect { width: 100%; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-sbmt { display: block; width: 100%; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-sbmt .vrcsfentrycont, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-sbmt .vrcsfentrysubmit { display: block; width: 100%; margin: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-sbmt .vrc-search-btn { display: block; width: 100% !important; min-height: 50px; margin: 0; border: 0; border-radius: 11px; background: #17466d; color: #fff; font: inherit; font-weight: 700; box-shadow: 0 8px 18px rgba(23,70,109,.2); } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-search-btn:hover { background: #103752; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div { z-index: 99999 !important; width: min(320px, calc(100vw - 32px)); padding: 12px; border: 1px solid #dce5e9; border-radius: 16px; background: #fff; box-shadow: 0 18px 44px rgba(15,42,58,.22); font-family: "Jost", "Noto Sans Arabic", Arial, sans-serif; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-header { position: relative; padding: 10px 42px; border: 0; border-radius: 10px; background: #17466d; color: #fff; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-title { margin: 0; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.5; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-prev, body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-next { top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; background: rgba(255,255,255,.1); cursor: pointer; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-prev { left: 8px; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-next { right: 8px; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-prev span, body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-next span { display: none; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-prev::after, body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-next::after { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-prev::after { transform: translate(-35%,-50%) rotate(-135deg); } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-datepicker-next::after { transform: translate(-65%,-50%) rotate(45deg); } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div table { width: 100%; margin: 10px 0 0; border-collapse: separate; border-spacing: 3px; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div th { padding: 5px 0; color: #71818b; font-size: 11px; font-weight: 700; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td { padding: 1px; border: 0; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td a, body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td span { display: grid; min-width: 34px; height: 34px; place-items: center; padding: 0; border: 0; border-radius: 9px; font-size: 13px; font-weight: 600; text-align: center; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td a { background: #f3f6f8; color: #243b49; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td a:hover { background: #dceaf1; color: #17466d; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td span { background: #edf1f3; color: #647681; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td .ui-state-active, body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div td .ui-state-highlight { background: #17466d; color: #fff; font-weight: 700; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-state-disabled { opacity: 1 !important; } body:is(.page-id-133, .page-id-134, .page-id-135) #ui-datepicker-div .ui-state-disabled span { background: #edf1f3; color: #647681; } @media (max-width: 767px) { body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch { padding: 12px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch form { gap: 13px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-locations, body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes { gap: 10px; } body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrycont { gap: 10px; } } @media (max-width: 520px) { body:is(.page-id-133, .page-id-134, .page-id-135) .vrcdivsearch .vrc-searchf-section-datetimes .vrcsfentrycont { grid-template-columns: minmax(0, 1fr); } } @media (prefers-reduced-motion: no-preference) { .trv-reveal { opacity: 0; transform: translate3d(0, 18px, 0); transition: opacity .55s ease, transform .65s cubic-bezier(.2,.7,.2,1); } .trv-reveal.trv-is-visible { opacity: 1; transform: none; } .site-main .elementor-widget-image img, .site-main .post-item, .site-main .elementskit-infobox, .site .elementor-button, .site button, .site input[type="submit"] { transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease; } @media (hover: hover) and (pointer: fine) { .site-main .post-item:hover, .site-main .elementskit-infobox:hover { transform: translateY(-4px); } .site-main .elementor-widget-image:hover img { transform: scale(1.018); } .site .elementor-button:hover, .site button:hover, .site input[type="submit"]:hover { transform: translateY(-1px); } } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } } /* Tourvilles Contact Form 7 */ body.page-id-193 .wpcf7 { --trv-form-ink: #243b49; --trv-form-muted: #70818c; --trv-form-border: #dce5e9; --trv-form-blue: #17466d; --trv-form-gold: #d6a64f; width: min(100%, 1040px); max-width: 100%; margin-inline: auto; color: var(--trv-form-ink); } body.page-id-193 .wpcf7 form { padding: clamp(20px, 3vw, 34px); border: 1px solid #e6ecef; border-radius: 20px; background: linear-gradient(145deg, #fff 0%, #f7fafb 100%); box-shadow: 0 16px 42px rgba(24, 55, 73, .09); } body.page-id-193 .wpcf7 form > p { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; margin: 0; } /* Contact Form 7 prints a
after each shortcode. Keep those line breaks * from becoming their own grid cells inside the ElementorKit form widget. */ body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form > p > br { display: none; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form > p > .wpcf7-form-control-wrap[data-name="quiz-802"] { grid-column: 1 / -1; } body.page-id-193 .wpcf7 .wpcf7-form-control-wrap { display: block; min-width: 0; } body.page-id-193 .wpcf7 .wpcf7-form-control:not(.wpcf7-submit) { display: block; width: 100%; min-width: 0; min-height: 52px; margin: 0; padding: 13px 15px; border: 1px solid var(--trv-form-border); border-radius: 11px; background-color: #fff; color: var(--trv-form-ink); font: 500 15px/1.45 "Jost", "Poppins", Arial, sans-serif; box-shadow: 0 2px 5px rgba(25, 55, 72, .025); transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; } body.page-id-193 .wpcf7 select.wpcf7-form-control { appearance: none; padding-right: 42px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317466d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 16px; } body.page-id-193 .wpcf7 textarea.wpcf7-form-control { min-height: 140px; height: 140px; resize: vertical; } body.page-id-193 .wpcf7 input[type="date"].wpcf7-form-control { padding-right: 12px; color-scheme: light; } body.page-id-193 .wpcf7 input[type="date"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; padding: 5px; border-radius: 7px; background-color: #eaf2f6; filter: invert(22%) sepia(22%) saturate(1870%) hue-rotate(164deg) brightness(88%) contrast(88%); cursor: pointer; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeDepart"], body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeRetour"] { display: grid; gap: 6px; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeDepart"]::before, body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeRetour"]::before { display: block; margin: 0 2px; color: #557080; font-size: 12px; font-weight: 700; line-height: 1.25; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeDepart"]::before { content: "Date de départ"; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-form-control-wrap[data-name="DatedeRetour"]::before { content: "Date de retour"; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 input[type="date"].wpcf7-form-control { direction: ltr; padding: 12px 15px !important; color: #243b49 !important; color-scheme: light; font-variant-numeric: tabular-nums; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 input[type="date"]::-webkit-datetime-edit { padding: 0; color: #425d6c; font: 600 14px/1.4 "Jost", "Poppins", Arial, sans-serif; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 input.trv-contact-date-input { padding-right: 48px !important; background-color: #fff !important; 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='%2317466d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 19px !important; cursor: pointer; } /* Tourvilles advantages: balanced, consistent circular icon badges. */ body.page-id-195 .elementor-element-78607d8 .elementskit-info-box-icon, body.page-id-195 .elementor-element-bb74bd1 .elementskit-info-box-icon { display: inline-flex; width: 82px; height: 82px; align-items: center; justify-content: center; padding: 0 !important; border: 4px solid #edf3f6 !important; border-radius: 50% !important; background: linear-gradient(145deg, #1d5b83, #123a5b) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(18, 58, 91, .2), inset 0 1px 0 rgba(255,255,255,.18); transition: transform .22s ease, box-shadow .22s ease, background .22s ease; } body.page-id-195 .elementor-element-78607d8 .elementskit-info-box-icon i, body.page-id-195 .elementor-element-bb74bd1 .elementskit-info-box-icon i { display: block; color: inherit; font-size: 31px; line-height: 1; } body.page-id-195 .elementor-element-78607d8 .elementskit-infobox:hover .elementskit-info-box-icon, body.page-id-195 .elementor-element-bb74bd1 .elementskit-infobox:hover .elementskit-info-box-icon { transform: translateY(-3px); background: linear-gradient(145deg, #286d98, #17466d) !important; box-shadow: 0 12px 24px rgba(18, 58, 91, .26), inset 0 1px 0 rgba(255,255,255,.22); } @media (max-width: 767px) { body.page-id-195 .elementor-element-78607d8 .elementskit-info-box-icon, body.page-id-195 .elementor-element-bb74bd1 .elementskit-info-box-icon { width: 72px; height: 72px; } body.page-id-195 .elementor-element-78607d8 .elementskit-info-box-icon i, body.page-id-195 .elementor-element-bb74bd1 .elementskit-info-box-icon i { font-size: 27px; } } /* Homepage benefits and reduced-deductible feature. */ body.home .elementor-element-9a4701c .elementor-widget-container > h2 { margin: 0 0 20px; color: #17466d !important; font-size: clamp(25px, 2.2vw, 32px); line-height: 1.28; letter-spacing: -.02em; } body.home .elementor-element-9a4701c .elementor-widget-container > h2 span, body.home .elementor-element-9a4701c .elementor-widget-container > h2 a { color: #17466d !important; } body.home .elementor-element-9a4701c .trv-benefits-list { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; } body.home .elementor-element-9a4701c .trv-benefit-item { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 11px 13px; border: 1px solid #e8eef2; border-radius: 13px; background: #fff; box-shadow: 0 3px 10px rgba(22, 53, 71, .045); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } body.home .elementor-element-9a4701c .trv-benefit-item:hover { transform: translateY(-1px); border-color: #cbdce6; box-shadow: 0 7px 17px rgba(22, 53, 71, .08); } body.home .elementor-element-9a4701c .trv-benefit-icon { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #dce9f0; border-radius: 50%; background: linear-gradient(145deg, #f3f8fb, #e7f0f5); color: #17466d; } body.home .elementor-element-9a4701c .trv-benefit-icon i { color: inherit; font-size: 16px; line-height: 1; } body.home .elementor-element-9a4701c .trv-benefit-copy { min-width: 0; color: #455c69; font-size: 14px; font-weight: 500; line-height: 1.55; } body.home .elementor-element-9a4701c .trv-benefit-copy strong { color: #17466d !important; font-weight: 750; } body.home .elementor-element-32a0bbe .elementskit-infobox { padding: 24px !important; border: 1px solid #e5edf1 !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 12px 30px rgba(18, 58, 91, .09); } body.home .elementor-element-32a0bbe .elementskit-info-box-icon { display: inline-flex; width: 76px; height: 76px; align-items: center; justify-content: center; padding: 0 !important; border: 4px solid #edf3f6 !important; border-radius: 50% !important; background: linear-gradient(145deg, #1d5b83, #123a5b) !important; color: #fff !important; box-shadow: 0 8px 20px rgba(18, 58, 91, .2); transition: transform .2s ease, box-shadow .2s ease; } body.home .elementor-element-32a0bbe .elementskit-info-box-icon i { color: inherit; font-size: 29px; line-height: 1; } body.home .elementor-element-32a0bbe .elementskit-infobox:hover .elementskit-info-box-icon { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(18, 58, 91, .26); } body.home .elementor-element-32a0bbe .elementskit-info-box-title { margin-bottom: 10px !important; color: #17466d !important; font-size: 23px !important; line-height: 1.3; } body.home .elementor-element-32a0bbe .box-body > p { color: #526874 !important; font-size: 15px !important; line-height: 1.75; } @media (max-width: 767px) { body.home .elementor-element-9a4701c .trv-benefits-list { gap: 8px; } body.home .elementor-element-9a4701c .trv-benefit-item { grid-template-columns: 38px minmax(0, 1fr); gap: 10px; padding: 10px; border-radius: 11px; } body.home .elementor-element-9a4701c .trv-benefit-icon { width: 38px; height: 38px; } body.home .elementor-element-9a4701c .trv-benefit-icon i { font-size: 15px; } body.home .elementor-element-9a4701c .trv-benefit-copy { font-size: 13px; } body.home .elementor-element-32a0bbe .elementskit-infobox { padding: 20px !important; } body.home .elementor-element-32a0bbe .elementskit-info-box-icon { width: 68px; height: 68px; } } body.page-id-193 #ui-datepicker-div { z-index: 100100 !important; width: min(340px, calc(100vw - 28px)); padding: 14px; border: 1px solid #e1e9ed; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(19, 47, 65, .22); font: 500 14px/1.4 "Jost", "Poppins", Arial, sans-serif; } body.page-id-193 #ui-datepicker-div .ui-datepicker-header { position: relative; display: flex; align-items: center; justify-content: center; min-height: 52px; padding: 8px 42px; border: 0; border-radius: 12px; background: #17466d; color: #fff; } body.page-id-193 #ui-datepicker-div .ui-datepicker-title { display: flex; align-items: center; justify-content: center; gap: 7px; margin: 0; color: #fff; font-size: 14px; font-weight: 700; } body.page-id-193 #ui-datepicker-div .ui-datepicker-title select { width: auto; min-width: 84px; height: 34px; margin: 0; padding: 5px 25px 5px 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; appearance: none; background: rgba(255,255,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center; background-size: 12px; color: #fff; font: inherit; cursor: pointer; } body.page-id-193 #ui-datepicker-div .ui-datepicker-title select option { background: #fff; color: #243b49; } body.page-id-193 #ui-datepicker-div .ui-datepicker-prev, body.page-id-193 #ui-datepicker-div .ui-datepicker-next { top: 50%; display: grid; width: 32px; height: 32px; margin-top: -16px; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 9px; background: rgba(255,255,255,.12); cursor: pointer; } body.page-id-193 #ui-datepicker-div .ui-datepicker-prev { left: 8px; } body.page-id-193 #ui-datepicker-div .ui-datepicker-next { right: 8px; } body.page-id-193 #ui-datepicker-div .ui-datepicker-prev span, body.page-id-193 #ui-datepicker-div .ui-datepicker-next span { display: none; } body.page-id-193 #ui-datepicker-div .ui-datepicker-prev::after, body.page-id-193 #ui-datepicker-div .ui-datepicker-next::after { width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; } body.page-id-193 #ui-datepicker-div .ui-datepicker-prev::after { transform: translateX(2px) rotate(-135deg); } body.page-id-193 #ui-datepicker-div .ui-datepicker-next::after { transform: translateX(-2px) rotate(45deg); } body.page-id-193 #ui-datepicker-div table { width: 100%; margin: 10px 0 0; border-collapse: separate; border-spacing: 4px; } body.page-id-193 #ui-datepicker-div th { padding: 5px 0; color: #71818b; font-size: 11px; font-weight: 700; } body.page-id-193 #ui-datepicker-div td { padding: 1px; border: 0; } body.page-id-193 #ui-datepicker-div td a, body.page-id-193 #ui-datepicker-div td span { display: grid; min-width: 36px; height: 36px; place-items: center; padding: 0; border: 0; border-radius: 10px; font-size: 13px; font-weight: 600; text-align: center; } body.page-id-193 #ui-datepicker-div td a { background: #f3f6f8; color: #243b49; } body.page-id-193 #ui-datepicker-div td a:hover { background: #e5eef3; color: #17466d; } body.page-id-193 #ui-datepicker-div td .ui-state-active { background: #17466d; color: #fff; font-weight: 700; } body.page-id-193 #ui-datepicker-div td.ui-datepicker-today a:not(.ui-state-active) { box-shadow: inset 0 0 0 1px #17466d; } body.page-id-193 #ui-datepicker-div td.ui-datepicker-other-month a { color: #a1adb4; background: transparent; } @media (max-width: 480px) { body.page-id-193 #ui-datepicker-div { width: min(320px, calc(100vw - 24px)); padding: 11px; } body.page-id-193 #ui-datepicker-div td a, body.page-id-193 #ui-datepicker-div td span { min-width: 32px; height: 34px; } } body.page-id-193 .wpcf7 .wpcf7-form-control::placeholder { color: #8b9aa2; opacity: 1; } body.page-id-193 .wpcf7 .wpcf7-form-control:focus { border-color: var(--trv-form-blue); outline: 0; background-color: #fff; box-shadow: 0 0 0 4px rgba(23, 70, 109, .1); } body.page-id-193 .wpcf7 .wpcf7-form-control-wrap:has(textarea), body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="Message"], body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="VotreMessage"], body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="captcha-170"] { grid-column: 1 / -1; } body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="captcha-170"] { align-self: center; } body.page-id-193 .wpcf7 .wpcf7-submit { grid-column: 1 / -1; justify-self: start; min-width: 190px; min-height: 52px; margin: 0; padding: 13px 26px; border: 0; border-radius: 11px; background: var(--trv-form-blue); color: #fff; font: 700 15px/1.3 "Jost", "Poppins", Arial, sans-serif; letter-spacing: .02em; box-shadow: 0 9px 20px rgba(23, 70, 109, .2); transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; } body.page-id-193 .wpcf7 .wpcf7-submit:hover { transform: translateY(-2px); background: #103752; box-shadow: 0 12px 24px rgba(23, 70, 109, .25); } body.page-id-193 .wpcf7 .wpcf7-not-valid { border-color: #c94d4d !important; background-color: #fffafa !important; } body.page-id-193 .wpcf7 .wpcf7-not-valid-tip { display: block; margin: 6px 3px 0; color: #b33b3b; font-size: 13px; } body.page-id-193 .wpcf7 .wpcf7-response-output { margin: 18px 0 0; padding: 13px 16px; border: 1px solid #d7e6ed; border-radius: 10px; background: #f3f8fa; color: var(--trv-form-ink); } body.page-id-193 .wpcf7 form.sent .wpcf7-response-output { border-color: #b7ddc6; background: #f1faf4; color: #24623b; } body.page-id-193 .wpcf7 form.invalid .wpcf7-response-output, body.page-id-193 .wpcf7 form.failed .wpcf7-response-output { border-color: #efd2c5; background: #fff7f2; color: #8d4931; } body.page-id-193 .wpcf7 .wpcf7-spinner { vertical-align: middle; } body.page-id-193 .wpcf7 select.wpcf7-form-control option { padding: 10px 12px; background: #fff; color: var(--trv-form-ink); } body.page-id-193 .wpcf7 select.wpcf7-form-control option:checked { background: #eaf2f6; color: var(--trv-form-blue); } body.page-id-193 .wpcf7 .wpcf7-form-control-wrap:has(textarea) { grid-column: 1 / -1; } body.page-id-193 .wpcf7 .trv-select { position: relative; display: block; width: 100%; min-width: 0; } body.page-id-193 .wpcf7 .trv-select-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; } body.page-id-193 .wpcf7 .trv-select-trigger { display: flex; width: 100%; min-width: 0; height: 52px; align-items: center; justify-content: space-between; gap: 10px; padding: 0 15px; border: 1px solid var(--trv-form-border); border-radius: 11px; background: #fff; color: var(--trv-form-ink); font: 500 15px/1.45 "Jost", "Poppins", Arial, sans-serif; text-align: start; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease; } body.page-id-193 .wpcf7 .trv-select-trigger:hover, body.page-id-193 .wpcf7 .trv-select.is-open .trv-select-trigger { border-color: var(--trv-form-blue); box-shadow: 0 0 0 3px rgba(23,70,109,.09); } body.page-id-193 .wpcf7 .trv-select-trigger:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 2px; } body.page-id-193 .wpcf7 .trv-select-value { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } body.page-id-193 .wpcf7 .trv-select-trigger::after { flex: 0 0 9px; width: 9px; height: 9px; border-right: 2px solid var(--trv-form-blue); border-bottom: 2px solid var(--trv-form-blue); content: ""; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; } body.page-id-193 .wpcf7 .trv-select.is-open .trv-select-trigger::after { transform: translateY(2px) rotate(225deg); } body.page-id-193 .wpcf7 .trv-select-list { position: absolute; z-index: 9999; top: calc(100% + 7px); right: 0; left: 0; max-height: 240px; overflow-y: auto; padding: 6px; border: 1px solid var(--trv-form-border); border-radius: 12px; background: #fff; box-shadow: 0 16px 34px rgba(24,55,73,.17); } body.page-id-193 .wpcf7 .trv-select-list[hidden] { display: none; } body.page-id-193 .wpcf7 .trv-select-option { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--trv-form-ink); font: 500 14px/1.4 "Jost", "Poppins", Arial, sans-serif; text-align: start; cursor: pointer; } body.page-id-193 .wpcf7 .trv-select-option:hover, body.page-id-193 .wpcf7 .trv-select-option:focus-visible { outline: 0; background: #f1f6f8; } body.page-id-193 .wpcf7 .trv-select-option.is-selected { background: #eaf2f6; color: var(--trv-form-blue); font-weight: 700; } body.page-id-193 .wpcf7 textarea.wpcf7-form-control { height: 140px !important; min-height: 140px !important; } /* ElementorKit's widget styles are emitted after the theme stylesheet; keep * the contact form controls on the Tourvilles dimensions and shape. */ body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form .wpcf7-form-control:not(.wpcf7-submit):not([type="hidden"]) { box-sizing: border-box !important; width: 100% !important; min-height: 54px !important; padding: 14px 16px !important; border: 1px solid #dce5e9 !important; border-radius: 12px !important; background-color: #fff !important; color: #243b49 !important; font: 500 15px/1.45 "Jost", "Poppins", Arial, sans-serif !important; box-shadow: 0 2px 6px rgba(25, 55, 72, .04) !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form input.wpcf7-form-control:not([type="hidden"]):not(.wpcf7-submit), body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form select.wpcf7-form-control { height: 54px !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form textarea.wpcf7-form-control { height: 140px !important; min-height: 140px !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form .wpcf7-form-control::placeholder { color: #81919a !important; opacity: 1; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 form select.wpcf7-form-control { padding-right: 42px !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-submit { min-width: 196px !important; min-height: 54px !important; padding: 14px 26px !important; border: 0 !important; border-radius: 12px !important; background: #17466d !important; color: #fff !important; font: 700 15px/1.3 "Jost", "Poppins", Arial, sans-serif !important; box-shadow: 0 9px 20px rgba(23, 70, 109, .2) !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-submit:hover { background: #103752 !important; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-quiz label { display: grid; grid-template-columns: minmax(110px, max-content) minmax(0, 1fr); align-items: center; gap: 12px; text-decoration: none; } body.page-id-193 .elementor-widget-elementskit-contact-form7 .wpcf7 .wpcf7-quiz-label { display: inline-flex; min-height: 40px; align-items: center; padding: 8px 12px; border: 1px solid #dce5e9; border-radius: 10px; background: #f3f7f9; color: #17466d; font-size: 14px; font-weight: 700; text-decoration: none; } @media (max-width: 640px) { body.page-id-193 .wpcf7 form { padding: 18px; border-radius: 15px; } body.page-id-193 .wpcf7 form > p { grid-template-columns: minmax(0, 1fr); gap: 12px; } body.page-id-193 .wpcf7 .wpcf7-form-control-wrap:has(textarea), body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="Message"], body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="VotreMessage"], body.page-id-193 .wpcf7 .wpcf7-form-control-wrap[data-name="captcha-170"] { grid-column: auto; } body.page-id-193 .wpcf7 .wpcf7-submit { width: 100%; } } /* Vehicle details: question opener and its request-information dialog. */ body.page-id-133 .vrc-reqinfo-cont { margin-top: 4px; padding-top: 16px; border-top: 1px solid #e8eef1; } body.page-id-133 .vrc-reqinfo-cont > span { display: block; } body.page-id-133 .vrc-reqinfo-opener { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 10px; padding: 10px 16px; border: 1px solid #17466d; border-radius: 10px; background: #17466d; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none !important; box-shadow: 0 7px 16px rgba(23,70,109,.16); transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; } body.page-id-133 .vrc-reqinfo-opener::before { display: inline-grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; color: #fff; content: "?"; font-size: 15px; font-weight: 800; } body.page-id-133 .vrc-reqinfo-opener:hover { transform: translateY(-1px); background: #103752; box-shadow: 0 10px 20px rgba(23,70,109,.22); } body.page-id-133 .vrc-reqinfo-opener:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 3px; } body.page-id-133 #vrcdialog-overlay { position: fixed; z-index: 100000; inset: 0; box-sizing: border-box; padding: 20px; background: rgba(13,33,47,.62); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } body.page-id-133 #vrcdialog-overlay > .vrcdialog-overlay-close { position: absolute; z-index: 2; inset: 0; height: auto; pointer-events: none; } body.page-id-133 #vrcdialog-overlay > .vrcdialog-overlay-close::after { position: fixed; top: max(16px, env(safe-area-inset-top)); right: max(16px, env(safe-area-inset-right)); display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(255,255,255,.15); color: #fff; content: "×"; font: 300 30px/1 Arial, sans-serif; pointer-events: auto; } body.page-id-133 #vrcdialog-overlay .vrcdialog-reqinfo { position: fixed; z-index: 1; top: 50%; left: 50%; box-sizing: border-box; width: min(620px, calc(100vw - 40px)); max-width: 620px; min-height: 0; max-height: min(86vh, 820px); max-height: min(86dvh, 820px); overflow: auto; overscroll-behavior: contain; padding: clamp(20px, 4vw, 34px); transform: translate(-50%, -50%); border: 1px solid #e3eaee; border-radius: 20px; background: #fff; box-shadow: 0 24px 70px rgba(5,22,34,.3); scrollbar-color: #bdcbd2 transparent; } body.page-id-133 #vrcdialog-overlay .vrcdialog-reqinfo > h3 { margin: 0 0 22px; padding: 0 0 16px; border-bottom: 1px solid #e8eef1; color: #173c59; font-size: clamp(21px, 3vw, 27px); font-weight: 750; line-height: 1.3; } body.page-id-133 .vrcdialog-reqinfo-formcont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; } body.page-id-133 .vrcdialog-reqinfo-formentry { min-width: 0; margin: 0; } body.page-id-133 .vrcdialog-reqinfo-formentry:nth-child(3), body.page-id-133 .vrcdialog-reqinfo-formentry-ckbox, body.page-id-133 .vrcdialog-reqinfo-formentry-captcha, body.page-id-133 .vrcdialog-reqinfo-formentry-formsubmit { grid-column: 1 / -1; } body.page-id-133 .vrcdialog-reqinfo label { display: block; margin: 0 0 7px; color: #294352; font-size: 13px; font-weight: 700; line-height: 1.4; } body.page-id-133 .vrcdialog-reqinfo input:not([type="checkbox"]), body.page-id-133 .vrcdialog-reqinfo textarea { display: block; box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 11px 13px; border: 1px solid #d5e0e5; border-radius: 10px; background: #fff; color: #253d4e; font: 400 14px/1.5 "Jost", "Noto Sans Arabic", Arial, sans-serif; box-shadow: 0 2px 7px rgba(22,54,73,.03); transition: border-color .18s ease, box-shadow .18s ease; } body.page-id-133 .vrcdialog-reqinfo textarea { min-height: 150px; resize: vertical; } body.page-id-133 .vrcdialog-reqinfo input:not([type="checkbox"]):focus, body.page-id-133 .vrcdialog-reqinfo textarea:focus { outline: 0; border-color: #17466d; box-shadow: 0 0 0 3px rgba(23,70,109,.1); } body.page-id-133 .vrcdialog-reqinfo-formentry-ckbox { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid #e4ebef; border-radius: 10px; background: #f7f9fa; } body.page-id-133 .vrcdialog-reqinfo-formentry-ckbox label { flex: 1; margin: 0; } body.page-id-133 .vrcdialog-reqinfo-formentry-ckbox input[type="checkbox"] { width: 18px; height: 18px; flex: 0 0 18px; margin: 1px 0 0; accent-color: #17466d; } body.page-id-133 .vrcdialog-reqinfo-formentry-captcha > div { max-width: 100%; overflow-x: auto; } body.page-id-133 .vrcdialog-reqinfo button.btn { display: inline-flex; min-width: 170px; min-height: 48px; align-items: center; justify-content: center; margin: 0; padding: 12px 20px; border: 0; border-radius: 10px; background: #17466d; color: #fff; font: 700 14px/1.4 "Jost", "Noto Sans Arabic", Arial, sans-serif; box-shadow: 0 7px 16px rgba(23,70,109,.18); cursor: pointer; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; } body.page-id-133 .vrcdialog-reqinfo button.btn:hover { transform: translateY(-1px); background: #103752; box-shadow: 0 10px 20px rgba(23,70,109,.22); } body.page-id-133 .vrcdialog-reqinfo button.btn:focus-visible { outline: 3px solid #4c9bd6; outline-offset: 3px; } @media (max-width: 600px) { body.page-id-133 .vrc-reqinfo-opener { width: 100%; } body.page-id-133 #vrcdialog-overlay { padding: 12px; } body.page-id-133 #vrcdialog-overlay .vrcdialog-reqinfo { top: 50%; width: calc(100vw - 24px); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); padding: 20px 16px; border-radius: 16px; } body.page-id-133 .vrcdialog-reqinfo-formcont { grid-template-columns: minmax(0, 1fr); gap: 13px; } body.page-id-133 .vrcdialog-reqinfo-formentry:nth-child(3), body.page-id-133 .vrcdialog-reqinfo-formentry-ckbox, body.page-id-133 .vrcdialog-reqinfo-formentry-captcha, body.page-id-133 .vrcdialog-reqinfo-formentry-formsubmit { grid-column: auto; } body.page-id-133 .vrcdialog-reqinfo-formentry-formsubmit .btn { width: 100%; } } /* Shared form controls: keep dropdowns and calendar popups consistent site-wide. */ :is(.site-main, .site-content, .content-area, main) .trv-select { position: relative; display: block; width: 100%; min-width: 0; } :is(.site-main, .site-content, .content-area, main) .trv-select-native { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; opacity: 0 !important; pointer-events: none !important; } :is(.site-main, .site-content, .content-area, main) .trv-select-trigger { display: flex; width: 100%; min-width: 0; min-height: 48px; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border: 1px solid var(--trv-border, #d6e0e4); border-radius: 11px; background: var(--trv-surface-raised, #fff); color: var(--trv-text, #263943); font: 500 14px/1.4 "Jost", "Noto Sans Arabic", Arial, sans-serif; text-align: start; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; } :is(.site-main, .site-content, .content-area, main) .trv-select-trigger:hover, :is(.site-main, .site-content, .content-area, main) .trv-select.is-open .trv-select-trigger { border-color: var(--trv-primary, #17466d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--trv-primary, #17466d) 12%, transparent); } :is(.site-main, .site-content, .content-area, main) .trv-select-trigger:focus-visible { outline: 3px solid var(--trv-focus, #b94630); outline-offset: 2px; } :is(.site-main, .site-content, .content-area, main) .trv-select-value { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .trv-select-trigger::after { flex: 0 0 8px; width: 8px; height: 8px; border-right: 2px solid var(--trv-primary, #17466d); border-bottom: 2px solid var(--trv-primary, #17466d); content: ""; transform: translateY(-2px) rotate(45deg); transition: transform .18s ease; } :is(.site-main, .site-content, .content-area, main) .trv-select.is-open .trv-select-trigger::after { transform: translateY(2px) rotate(225deg); } :is(.site-main, .site-content, .content-area, main) .trv-select-list { position: absolute; z-index: 10010; top: calc(100% + 7px); inset-inline: 0; max-height: min(280px, 45vh); overflow: auto; padding: 6px; border: 1px solid var(--trv-border, #d6e0e4); border-radius: 13px; background: var(--trv-surface-raised, #fff); box-shadow: 0 14px 34px rgba(15,42,58,.2); overscroll-behavior: contain; } :is(.site-main, .site-content, .content-area, main) .trv-select-list[hidden] { display: none; } :is(.site-main, .site-content, .content-area, main) .trv-select-option { display: block; width: 100%; min-height: 42px; padding: 10px 12px; border: 0; border-radius: 8px; background: transparent; color: var(--trv-text, #263943); font: 500 14px/1.4 "Jost", "Noto Sans Arabic", Arial, sans-serif; text-align: start; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .trv-select-option:hover, :is(.site-main, .site-content, .content-area, main) .trv-select-option:focus-visible { outline: 0; background: var(--trv-surface, #f5f7f8); color: var(--trv-primary, #17466d); } :is(.site-main, .site-content, .content-area, main) .trv-select-option.is-selected { background: var(--trv-surface, #f5f7f8); color: var(--trv-primary, #17466d); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .trv-select-option:disabled { color: var(--trv-muted, #596c75); cursor: not-allowed; opacity: .65; } :is(.site-main, .site-content, .content-area, main) input[type="date"], :is(.site-main, .site-content, .content-area, main) input[type="datetime-local"], :is(.site-main, .site-content, .content-area, main) input[type="time"] { box-sizing: border-box; width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid var(--trv-border, #d6e0e4); border-radius: 10px; background: var(--trv-surface-raised, #fff); color: var(--trv-text, #263943); font: 500 14px/1.4 "Jost", "Noto Sans Arabic", Arial, sans-serif; accent-color: var(--trv-primary, #17466d); } :is(.site-main, .site-content, .content-area, main) input[type="date"]::-webkit-calendar-picker-indicator { padding: 4px; border-radius: 6px; cursor: pointer; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .trv-select-list { box-shadow: 0 14px 34px rgba(0,0,0,.42); } body #ui-datepicker-div { z-index: 99999 !important; width: min(330px, calc(100vw - 24px)); padding: 12px; border: 1px solid var(--trv-border, #d6e0e4); border-radius: 16px; background: var(--trv-surface-raised, #fff); color: var(--trv-text, #263943); box-shadow: 0 18px 44px rgba(15,42,58,.22); font-family: "Jost", "Noto Sans Arabic", Arial, sans-serif; } body #ui-datepicker-div .ui-datepicker-header { position: relative; padding: 10px 42px; border: 0; border-radius: 10px; background: var(--trv-primary, #17466d); color: #fff; } body #ui-datepicker-div .ui-datepicker-title { margin: 0; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.5; } body #ui-datepicker-div .ui-datepicker-prev, body #ui-datepicker-div .ui-datepicker-next { top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; background: rgba(255,255,255,.1); cursor: pointer; } body #ui-datepicker-div table { width: 100%; margin: 10px 0 0; border-collapse: separate; border-spacing: 3px; } body #ui-datepicker-div th { padding: 5px 0; color: var(--trv-muted, #596c75); font-size: 11px; font-weight: 700; } body #ui-datepicker-div td { padding: 1px; border: 0; } body #ui-datepicker-div td a, body #ui-datepicker-div td span { display: grid; min-width: 34px; height: 34px; place-items: center; padding: 0; border: 0; border-radius: 9px; font-size: 13px; font-weight: 600; text-align: center; } body #ui-datepicker-div td a { background: var(--trv-surface, #f5f7f8); color: var(--trv-text, #263943); } body #ui-datepicker-div td a:hover { background: color-mix(in srgb, var(--trv-primary, #17466d) 14%, white); color: var(--trv-primary, #17466d); } body #ui-datepicker-div td .ui-state-active { background: var(--trv-primary, #17466d); color: #fff; font-weight: 700; } body #ui-datepicker-div .ui-state-disabled { opacity: 1 !important; } body #ui-datepicker-div .ui-state-disabled span { background: var(--trv-surface, #f5f7f8); color: var(--trv-muted, #596c75); } html[data-theme="dark"] body #ui-datepicker-div { border-color: var(--trv-border); background: var(--trv-surface-raised); color: var(--trv-text); box-shadow: 0 18px 44px rgba(0,0,0,.45); } html[data-theme="dark"] body #ui-datepicker-div td a { background: var(--trv-surface); color: var(--trv-text); } html[data-theme="dark"] body #ui-datepicker-div td a:hover { background: #304a58; color: #fff; } @media (max-width: 480px) { :is(.site-main, .site-content, .content-area, main) .trv-select-list { max-height: min(240px, 40vh); } body #ui-datepicker-div { width: min(310px, calc(100vw - 16px)); padding: 9px; } body #ui-datepicker-div td a, body #ui-datepicker-div td span { min-width: 32px; height: 32px; } } /* VikRentCar booking flow: shared four-step progress, date, vehicle, options and checkout UI. */ :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont { width: min(100%, 1440px); margin: 0 auto 24px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; width: 100%; margin: 0; padding: 0; border: 0; background: transparent; counter-reset: item; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li { position: relative; display: block; min-width: 0; height: auto; min-height: 64px; padding: 0; border: 1px solid var(--trv-border); border-radius: 13px; background: var(--trv-surface-raised); line-height: normal; text-align: start; box-shadow: 0 4px 14px rgba(22,54,73,.045); } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li::before, :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li::after { display: none; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > a, :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > span { display: flex; min-height: 62px; align-items: center; gap: 10px; padding: 10px 13px; border-radius: inherit; color: var(--trv-muted); font: 650 13px/1.35 "Jost", "Noto Sans Arabic", Arial, sans-serif; text-decoration: none; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > *::before { display: inline-grid; width: 28px; height: 28px; flex: 0 0 28px; place-items: center; margin: 0; border: 1px solid var(--trv-border); border-radius: 50%; background: var(--trv-surface); color: var(--trv-muted); content: counter(item); font: 700 12px/1 "Jost", Arial, sans-serif; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete { border-color: #cfe0d6; background: #f5faf7; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > a { color: #315b47; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *::before { border-color: #2e7551; background: #2e7551; color: #fff; content: "✓"; font-size: 15px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > a:hover { background: #edf7f1; color: #245b3c; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-current { border-color: var(--trv-primary); background: var(--trv-primary); box-shadow: 0 8px 20px rgba(23,70,109,.16); } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-current > span { color: #fff; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-current > *::before { border-color: rgba(255,255,255,.8); background: rgba(255,255,255,.15); color: #fff; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-next { background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li a:focus-visible { outline: 3px solid var(--trv-focus); outline-offset: 2px; } /* First step and shared pickup / return summary. */ :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) { width: min(100%, 1440px); margin: 0 auto 26px; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--trv-border); border-radius: 18px; background: var(--trv-surface); box-shadow: 0 10px 28px rgba(22,54,73,.07); } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) > .vrcdivsearch-inner { min-width: 0; padding: 0; border: 0; background: transparent; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-locations, :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; width: 100%; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes { margin-top: 2px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcsfentrycont { min-width: 0; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes .vrcsfentrycont { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); align-items: end; gap: 14px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcsfentrycont label { display: block; width: auto; margin: 0 0 8px; color: var(--trv-heading); font-size: 13px; font-weight: 700; line-height: 1.4; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcsfentrydate { display: flex; width: 100%; min-width: 0; height: 48px; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid var(--trv-border); border-radius: 11px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcsfentrydate .hasDatepicker { flex: 1 1 auto; width: 100%; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0 !important; background: transparent !important; color: var(--trv-text); font: inherit; box-shadow: none !important; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcsfentrydate i { color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes .vrc-sf-time-container { display: grid; grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr); align-items: center; gap: 4px; width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-sf-time-container > span:not(.vrctimesep) { display: block; width: 100%; min-width: 0; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-sf-time-container .vrctimesep { width: 16px; color: var(--trv-muted); text-align: center; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-sbmt { display: block; width: 100%; margin-top: 3px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcdetbooksubmit, :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-search-btn { display: inline-flex; width: 100% !important; min-height: 50px; align-items: center; justify-content: center; border: 0; border-radius: 11px; background: var(--trv-primary); color: #fff; font: 700 15px/1.3 "Jost", "Noto Sans Arabic", Arial, sans-serif; box-shadow: 0 8px 18px rgba(23,70,109,.2); } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrcdetbooksubmit:hover, :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-search-btn:hover { background: var(--trv-primary-hover); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; width: min(100%, 1440px); margin: 0 auto 22px; padding: 0; border: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div { display: flex; min-width: 0; flex-direction: column; gap: 11px; margin: 0; padding: 18px 20px; border: 1px solid var(--trv-border); border-radius: 14px; background: var(--trv-surface-raised); box-shadow: 0 5px 17px rgba(22,54,73,.05); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div > h4 { margin: 0; color: var(--trv-primary); font-size: 14px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div > div { display: flex; align-items: center; gap: 9px; color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary i { color: var(--trv-primary); font-size: 16px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-pickup-locdet, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-dropfff-locdet { display: flex; min-width: 0; flex-direction: column; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-pickup-locname, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-dropoff-locname { color: var(--trv-heading); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-pickup-locaddr, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-dropoff-locaddr { color: var(--trv-muted); font-size: 12px; } /* Second step: vehicle results, filters and readable price actions. */ :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristics-container, :is(.site-main, .site-content, .content-area, main) .vrcarsfound { width: min(100%, 1440px); margin: 0 auto 16px; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristics-list { display: flex; flex-wrap: wrap; gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface-raised); color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic img { width: 20px; height: 20px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrcarsfound { color: var(--trv-muted); font-size: 14px; } :is(.site-main, .site-content, .content-area, main) .vrcarsfound span { color: var(--trv-primary); font-weight: 800; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block { width: min(100%, 1440px); margin: 0 auto; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block.vrc-search-results-block-list { display: grid; gap: 20px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_result { display: grid; grid-template-columns: minmax(240px, 34%) minmax(0, 1fr); align-items: stretch; overflow: hidden; margin: 0; border: 1px solid var(--trv-border); border-radius: 17px; background: var(--trv-surface-raised); box-shadow: 0 8px 24px rgba(22,54,73,.07); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_result:hover { transform: translateY(-2px); border-color: #c5d7df; box-shadow: 0 14px 30px rgba(22,54,73,.12); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-left { display: grid; min-width: 0; min-height: 220px; place-items: center; overflow: hidden; padding: 16px; background: #fff; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-left img.imgresult { display: block; width: 100%; max-width: 390px; max-height: 260px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-inner { display: flex; min-width: 0; height: 100%; flex-direction: column; gap: 9px; padding: 22px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-name { margin: 0; color: var(--trv-heading); font-size: clamp(20px, 2.2vw, 26px); font-weight: 750; line-height: 1.2; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-name a { color: inherit; text-decoration: none; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-description { color: var(--trv-muted); font-size: 14px; line-height: 1.65; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-characteristics, :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics { display: flex; flex-wrap: wrap; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; margin: 0; padding: 7px 10px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface); color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat img { width: 22px; height: 22px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-lastblock { display: flex; min-width: 185px; flex-direction: column; align-items: stretch; justify-content: center; gap: 13px; padding: 20px; border-inline-start: 1px solid var(--trv-border); background: var(--trv-surface); text-align: start; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-price { padding: 12px 14px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface-raised); color: var(--trv-muted); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost { display: inline-flex; align-items: baseline; gap: 6px; color: var(--trv-primary); font-size: 27px; font-weight: 800; line-height: 1.1; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost .vrc_currency { order: 2; color: var(--trv-muted); font-size: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a { display: inline-flex; width: 100%; min-height: 46px; align-items: center; justify-content: center; padding: 11px 14px; border: 0; border-radius: 10px; background: var(--trv-primary); color: #fff; font-weight: 700; text-align: center; text-decoration: none; box-shadow: 0 7px 16px rgba(23,70,109,.18); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a:hover { background: var(--trv-primary-hover); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block.vrc-search-results-block-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .car_result { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-result-left { min-height: 210px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-result-right, :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-result-rightinner, :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-result-rightinner-deep { display: flex; width: 100%; min-width: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-result-rightinner-deep { flex-direction: column; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block-grid .vrc-car-lastblock { min-width: 0; flex-direction: row; align-items: center; justify-content: space-between; border-top: 1px solid var(--trv-border); border-inline-start: 0; } /* Third step: rate selection, optional equipment and quantities. */ :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form { width: min(100%, 1440px); margin: 0 auto 32px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-container { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr); gap: 24px; align-items: start; margin: 0 0 20px; padding: clamp(18px, 3vw, 28px); border: 1px solid var(--trv-border); border-radius: 18px; background: var(--trv-surface-raised); box-shadow: 0 9px 25px rgba(22,54,73,.06); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-container > div { min-width: 0; width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-left .car_title { margin: 0 0 14px; color: var(--trv-heading); font-size: clamp(21px, 2.5vw, 28px); line-height: 1.25; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-left .vrc-cdetails-infocar { color: var(--trv-muted); line-height: 1.7; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right.car_img_box { display: grid; min-height: 240px; place-items: center; overflow: hidden; padding: 16px; border: 1px solid var(--trv-border); border-radius: 14px; background: #fff; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right.car_img_box > img { display: block; width: 100%; max-height: 300px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right .car_moreimages { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right .car_moreimages a { display: grid; width: 64px; height: 52px; place-items: center; overflow: hidden; border: 1px solid var(--trv-border); border-radius: 8px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right .car_moreimages img { width: 100%; height: 100%; padding: 4px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats { width: 100%; margin: 0 auto 22px; padding: 0; border: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccaratsdiv { display: flex; flex-wrap: wrap; gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 7px; margin: 0; padding: 8px 11px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat img { width: 23px; height: 23px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-wrap, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap { margin: 0 0 20px; padding: clamp(16px, 2.5vw, 24px); border: 1px solid var(--trv-border); border-radius: 16px; background: var(--trv-surface-raised); box-shadow: 0 7px 20px rgba(22,54,73,.045); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-wrap .vrc-showprc-title, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-title { margin: 0 0 15px; padding-bottom: 12px; border-bottom: 1px solid var(--trv-border); color: var(--trv-heading); font-size: 19px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: center; gap: 14px; margin: 0 0 9px; padding: 14px 16px; border: 1px solid var(--trv-border); border-radius: 11px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row:first-child { border-color: var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row:hover, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row.vrc-showprc-price-selected { border-color: var(--trv-primary); background: #f2f7f9; box-shadow: 0 0 0 2px rgba(23,70,109,.06); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row-cell-first label { display: block; margin: 0; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-priceinfo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricename { color: var(--trv-heading); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricecost { color: var(--trv-primary); font-size: 19px; font-weight: 800; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner input[type="radio"] { width: 20px; height: 20px; accent-color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-options-inner { display: grid; gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(140px, .32fr); gap: 16px; align-items: center; margin: 0; padding: 14px; border: 1px solid var(--trv-border); border-radius: 11px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-info { display: flex; min-width: 0; align-items: center; gap: 13px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-img { flex: 0 0 66px; width: 66px; height: 58px; padding: 5px; border: 1px solid var(--trv-border); border-radius: 9px; background: #fff; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-img img { width: 100%; height: 100%; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-name { color: var(--trv-heading); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-descr { color: var(--trv-muted); font-size: 13px; line-height: 1.55; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price { display: grid; grid-template-columns: 1fr 72px; align-items: center; gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price-descr { color: var(--trv-primary); font-size: 16px; font-weight: 750; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price-sel { text-align: end; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price-sel input[type="number"] { width: 72px; min-height: 42px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price-sel input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .booknow { min-width: 220px; min-height: 50px; border-radius: 11px; font-weight: 750; } /* Fourth step: booking summary, customer fields, payment choice and confirmation. */ :is(.site-main, .site-content, .content-area, main) .vrc-rental-summary-title { width: min(100%, 1440px); margin: 0 auto 14px; color: var(--trv-heading); font-size: clamp(22px, 2.8vw, 30px); font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrcinfocarcontainer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, .3fr); gap: 18px; align-items: center; width: min(100%, 1440px); margin: 0 auto 22px; padding: 20px; border: 1px solid var(--trv-border); border-radius: 16px; background: var(--trv-surface-raised); box-shadow: 0 7px 20px rgba(22,54,73,.05); } :is(.site-main, .site-content, .content-area, main) .vrcinfocarcontainer .vrcrentalforone { margin: 0 0 12px; color: var(--trv-heading); font-size: 19px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-pickup, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-dropoff { display: flex; min-width: 0; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation h4 { margin: 0; color: var(--trv-primary); font-size: 13px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation > div > div { display: flex; align-items: center; gap: 8px; color: var(--trv-text); font-size: 13px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation i { flex: 0 0 auto; color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-summary-car-img { display: grid; min-height: 120px; place-items: center; } :is(.site-main, .site-content, .content-area, main) .vrc-summary-car-img img { display: block; width: 100%; max-height: 160px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-container { width: min(100%, 1440px); margin: 0 auto 20px; overflow: hidden; border: 1px solid var(--trv-border); border-radius: 15px; background: var(--trv-surface-raised); box-shadow: 0 7px 20px rgba(22,54,73,.05); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-head { background: var(--trv-primary); color: #fff; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-head-cell { color: inherit; font-size: 12px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-row { border-bottom: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-wrapper > div > div, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper > div > div { padding: 13px 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-descr, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-days, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-net, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-tax, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-tot { color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-descr .vrc-oconfirm-carname { color: var(--trv-heading); font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-tot { color: var(--trv-primary); font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper { padding: 0 14px 10px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-row { border-bottom: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-row:last-child { border: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-total-block { color: var(--trv-heading); font-weight: 800; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-row .vrc-oconfirm-summary-car-cell-tot { color: var(--trv-primary); font-size: 17px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-middlep { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; width: min(100%, 1440px); margin: 0 auto 18px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit, :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer, :is(.site-main, .site-content, .content-area, main) .vrc-enterpin-block { padding: clamp(16px, 2.5vw, 24px); border: 1px solid var(--trv-border); border-radius: 15px; background: var(--trv-surface-raised); box-shadow: 0 6px 18px rgba(22,54,73,.045); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield { display: flex; min-width: 0; flex-direction: column; gap: 7px; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(.vrcseparatorcf), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(.vrcseparatorcflong), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(textarea), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield.vrccustomfldinfo { grid-column: 1 / -1; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-label { color: var(--trv-heading); font-size: 13px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input { min-width: 0; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input input:not([type="checkbox"]), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input textarea, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input select { width: 100%; min-height: 48px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input textarea { min-height: 120px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-medium-header, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit h4 { margin: 0 0 14px; color: var(--trv-heading); font-size: 18px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype li { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; margin: 0; padding: 12px; border: 1px solid var(--trv-border); border-radius: 11px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype li.vrc-gpay-licont-active { border-color: var(--trv-primary); background: #f1f6f8; box-shadow: 0 0 0 2px rgba(23,70,109,.06); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype input[type="radio"] { width: 18px; height: 18px; margin: 0; accent-color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype label { margin: 0; color: var(--trv-text); font-weight: 650; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-payment-image img { display: block; max-width: 90px; max-height: 34px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner > div { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 12px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit input[type="radio"] { accent-color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer form { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; } :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer .vrcentercoupon { display: flex; flex: 1 1 100%; flex-wrap: wrap; align-items: end; gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer .vrchaveacoupon { flex: 1 1 100%; color: var(--trv-heading); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer input[type="text"] { flex: 1 1 200px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; width: min(100%, 1440px); margin: 20px auto 30px; padding-top: 16px; border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .booknow { min-width: 220px; min-height: 50px; border-radius: 11px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-goback-block .btn, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-goback-block .btn { min-height: 46px; border-radius: 10px; } /* Keep generated VikRentCar surfaces readable in the shared dark appearance. */ html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-stepbar > li.vrc-step-complete { border-color: #3d6754; background: #1b3028; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-stepbar > li.vrc-step-next { background: var(--trv-surface); } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-price-row:hover, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-price-row.vrc-showprc-price-selected, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-gpay-licont-active { background: #203844; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right.car_img_box, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-img { background: #f7f9fa; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-summary-car-img img, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-left { background: #f7f9fa; } @media (max-width: 900px) { :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block.vrc-search-results-block-grid { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-container { grid-template-columns: minmax(0, 1fr) minmax(230px, .8fr); } :is(.site-main, .site-content, .content-area, main) .vrcinfocarcontainer { grid-template-columns: minmax(0, 1fr) 180px; } } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont { margin-bottom: 18px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li, :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > a, :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > span { min-height: 54px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > a, :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > span { gap: 8px; padding: 8px 10px; font-size: 12px; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar > li > *::before { width: 25px; height: 25px; flex-basis: 25px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) { padding: 16px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-locations, :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes { gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-datetimes .vrcsfentrycont { grid-template-columns: minmax(0, 1fr); gap: 11px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary { gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div { padding: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_result { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-left { min-height: 205px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-right, :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-rightinner, :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-rightinner-deep { display: flex; width: 100%; min-width: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-rightinner-deep { flex-direction: column; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-lastblock { min-width: 0; flex-direction: row; align-items: center; justify-content: space-between; padding: 14px 18px; border-top: 1px solid var(--trv-border); border-inline-start: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-container { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-right.car_img_box { grid-row: 1; min-height: 210px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row { grid-template-columns: minmax(0, 1fr); gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-price { grid-template-columns: 1fr auto; padding-top: 10px; border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { align-items: stretch; flex-direction: column; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .booknow, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .vrc-goback-block, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .vrc-goback-block .btn { width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrcinfocarcontainer { grid-template-columns: minmax(0, 1fr); padding: 15px; } :is(.site-main, .site-content, .content-area, main) .vrc-summary-car-img { grid-row: 1; min-height: 130px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields { grid-template-columns: minmax(0, 1fr); gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(.vrcseparatorcf), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(.vrcseparatorcflong), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield:has(textarea), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield.vrccustomfldinfo { grid-column: auto; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer { align-items: stretch; flex-direction: column-reverse; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block .booknow, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-goback-block, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-goback-block .btn { width: 100%; } } @media (max-width: 480px) { :is(.site-main, .site-content, .content-area, main) .vrcdivsearch:not(.vrcdivsearchmodule) .vrc-searchf-section-locations { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-inner { padding: 17px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-lastblock { align-items: stretch; flex-direction: column; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn { width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row { grid-template-columns: minmax(0, 1fr) 34px; padding: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-container { overflow-x: auto; } } /* VikRentCar customer and agency pages: same card, field and action language as checkout. */ :is(.site-main, .site-content, .content-area, main) .loginregistercont, :is(.site-main, .site-content, .content-area, main) .vrc-orders-list-container, :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-wrap, :is(.site-main, .site-content, .content-area, main) .vrc-locationslist-wrapper, :is(.site-main, .site-content, .content-area, main) .vrc-promotions-container { width: min(100%, 1440px); margin: 0 auto 28px; } :is(.site-main, .site-content, .content-area, main) .loginregistercont, :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-container, :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-order, :is(.site-main, .site-content, .content-area, main) .vrclocationbox { padding: clamp(16px, 2.5vw, 26px); border: 1px solid var(--trv-border); border-radius: 16px; background: var(--trv-surface-raised); box-shadow: 0 8px 24px rgba(22,54,73,.06); } :is(.site-main, .site-content, .content-area, main) .loginregistercont { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } :is(.site-main, .site-content, .content-area, main) .loginregistercont .loginblock, :is(.site-main, .site-content, .content-area, main) .loginregistercont .registerblock { min-width: 0; padding: 20px; border: 1px solid var(--trv-border); border-radius: 13px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-orders-list-container { overflow-x: auto; border: 1px solid var(--trv-border); border-radius: 14px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-orders-list-table { width: 100%; min-width: 680px; border-collapse: separate; border-spacing: 0; color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-orders-list-table-head { background: var(--trv-surface); color: var(--trv-heading); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-orders-list-table-cell { padding: 12px 14px; border-bottom: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-fields { display: grid; gap: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-field { display: grid; grid-template-columns: minmax(150px, .4fr) minmax(0, 1fr); align-items: center; gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrclocationbox { overflow: hidden; } :is(.site-main, .site-content, .content-area, main) .vrcloclistlocname { color: var(--trv-heading); font-size: 19px; font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrcloclistloctimebox { display: grid; gap: 7px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--trv-border); color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-pref-color-btn { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; border: 0; border-radius: 10px; background: var(--trv-primary); color: #fff; font: 700 14px/1.3 "Jost", "Noto Sans Arabic", Arial, sans-serif; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-pref-color-btn:hover { background: var(--trv-primary-hover); } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .loginregistercont .loginblock, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .loginregistercont .registerblock { background: var(--trv-surface-raised); } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .loginregistercont { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-docsupload-field { grid-template-columns: minmax(0, 1fr); gap: 7px; } } /* Voitures search step: clarify total, daily rate, promotions and the primary booking action. */ :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-lastblock { gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-price { display: grid; gap: 8px; padding: 15px; border-inline-start: 3px solid var(--trv-accent, #d6a64f); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrcstartfrom { display: block; margin: 0 0 5px; color: var(--trv-muted); font-size: 11px; font-weight: 700; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost { gap: 7px; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost .vrc_currency { order: 2; color: var(--trv-muted); font-size: 14px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost .vrc_price { order: 1; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-price-before-discount { color: var(--trv-muted); font-size: 13px; text-decoration: line-through; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-price-before-discount .car_cost { color: var(--trv-muted); font-size: 14px; font-weight: 600; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-result-dailycost { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; padding-top: 8px; border-top: 1px solid var(--trv-border); color: var(--trv-text); font-size: 13px; font-weight: 650; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-perday-txt { color: var(--trv-muted); font-size: 12px; font-weight: 500; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-promotion-block { display: flex; align-items: flex-start; gap: 10px; margin-top: 2px; padding: 10px 12px; border: 1px solid #ead8ad; border-radius: 10px; background: #fffaf0; color: #72551d; font-size: 13px; line-height: 1.5; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-promotion-icon { flex: 0 0 auto; color: #a57628; font-size: 16px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccaratsdiv { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat { display: inline-flex; min-width: 46px; min-height: 42px; align-items: center; justify-content: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface); color: var(--trv-text); font-size: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat img { display: block; width: 22px; height: 22px; margin: 0; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat i { margin: 0; color: var(--trv-primary); font-size: 17px; line-height: 1; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn form { margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a { min-height: 48px; font-size: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-bookingbtn .vrclistgoon a:focus-visible { outline: 3px solid var(--trv-focus); outline-offset: 3px; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-promotion-block { border-color: #665633; background: #342d1d; color: #f1dfb3; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat { background: var(--trv-surface); } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-price { padding: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .car_cost { font-size: 24px; } } /* Options step: make rate selection and optional extras easy to scan and operate. */ :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner { display: grid; gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row { position: relative; margin: 0; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-price-row .vrc-showprc-price-row-cell-last { display: grid; place-items: center; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-price-row input[type="radio"] { width: 21px; height: 21px; margin: 0; accent-color: var(--trv-primary); cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-price-row:focus-within { outline: 3px solid var(--trv-focus); outline-offset: 2px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricecost { display: inline-flex; align-items: baseline; gap: 6px; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricecost .vrc_currency { order: 2; color: var(--trv-muted); font-size: 13px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricecost .vrc_price { order: 1; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-priceattr { margin-top: 7px; color: var(--trv-muted); font-size: 13px; line-height: 1.5; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-pricename i { margin-inline-end: 6px; color: var(--trv-accent, #a57628); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-inner { gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-inner .vrc-showprc-option-row { transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-inner .vrc-showprc-option-row:hover { border-color: color-mix(in srgb, var(--trv-primary) 35%, var(--trv-border)); box-shadow: 0 5px 16px rgba(22,54,73,.06); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-name { color: var(--trv-heading); font-size: 15px; font-weight: 750; line-height: 1.4; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-cell-price-descr { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 5px; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-cell-price-descr .vrc_currency { color: var(--trv-muted); font-size: 12px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-cell-price-sel input[type="number"] { width: 76px; min-height: 44px; padding: 8px 10px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface-raised); color: var(--trv-text); font: inherit; text-align: center; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-cell-price-sel input[type="number"]:focus-visible { border-color: var(--trv-primary); outline: 3px solid var(--trv-focus); outline-offset: 1px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-cell-price-sel input[type="checkbox"] { width: 21px; height: 21px; margin: 0; accent-color: var(--trv-primary); cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrcoptionforcequant { display: inline-flex; min-width: 38px; min-height: 38px; align-items: center; justify-content: center; padding: 6px 9px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface); color: var(--trv-text); font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_disclaimer { margin: 16px 0; padding: 13px 15px; border-inline-start: 3px solid var(--trv-accent, #d6a64f); border-radius: 0 10px 10px 0; background: var(--trv-surface); color: var(--trv-muted); line-height: 1.6; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 18px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .booknow, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box .vrc-goback-block .btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 11px 19px; border-radius: 10px; font-weight: 750; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row:hover, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row.vrc-showprc-price-selected { background: #203844; } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-showprc-prices-inner .vrc-showprc-price-row { grid-template-columns: minmax(0, 1fr) 36px; gap: 10px; padding: 13px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-priceinfo { align-items: flex-start; flex-direction: column; gap: 6px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-option-row .vrc-showprc-option-cell-info { align-items: flex-start; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { gap: 9px; } } /* Finaliser step: clarify the total, customer details, payment selection and validation states. */ :is(.site-main, .site-content, .content-area, main) .vrc-rental-summary-title { padding-bottom: 12px; border-bottom: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-container { font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-wrapper { background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-row:nth-child(even) { background: color-mix(in srgb, var(--trv-surface) 62%, transparent); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper { border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-total-row:last-child { border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-total-block, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper .vrc-oconfirm-summary-car-cell-tot { font-size: 18px; font-weight: 800; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-middlep { align-items: start; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input input:not([type="checkbox"]), :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input textarea, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input select { box-sizing: border-box; padding: 11px 13px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface); color: var(--trv-text); font: 500 14px/1.45 "Jost", "Noto Sans Arabic", Arial, sans-serif; transition: border-color .18s ease, box-shadow .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input input:focus-visible, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input textarea:focus-visible, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input select:focus-visible { border-color: var(--trv-primary); outline: 3px solid var(--trv-focus); outline-offset: 1px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield.vrc-oconfirm-cfield-entry-checkbox { flex-direction: row; align-items: flex-start; gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrcdivcustomfield.vrc-oconfirm-cfield-entry-checkbox input[type="checkbox"] { flex: 0 0 auto; width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype li { min-height: 72px; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-noliststyletype li:focus-within, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner > div:focus-within { outline: 3px solid var(--trv-focus); outline-offset: 2px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-payment-image label { display: inline-flex; min-height: 40px; align-items: center; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-paym-block .vrc-payment-image img { width: auto; max-width: 100px; max-height: 38px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner > div { min-height: 56px; align-items: center; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner input[type="radio"] { flex: 0 0 auto; width: 18px; height: 18px; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-choosedeposit-inner label { margin: 0; color: var(--trv-text); line-height: 1.5; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-coupon-outer input[type="text"] { min-height: 46px; padding: 10px 12px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface); color: var(--trv-text); } :is(.site-main, .site-content, .content-area, main) .vrc-alert-container-confirm { position: fixed; z-index: 10020; inset-inline: 16px; top: 18px; width: min(520px, calc(100% - 32px)); margin-inline: auto; padding: 16px 46px 16px 18px; border: 1px solid #e2b9b0; border-radius: 13px; background: #fff6f3; color: #7b3024; box-shadow: 0 14px 36px rgba(60,26,20,.18); line-height: 1.5; } :is(.site-main, .site-content, .content-area, main) .vrc-alert-container-confirm .vrc-alert-close { position: absolute; top: 8px; inset-inline-end: 12px; color: inherit; font-size: 22px; cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block { margin-inline-start: auto; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block .booknow { min-width: 240px; box-shadow: 0 8px 18px rgba(23,70,109,.2); } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-row:nth-child(even) { background: #182a33; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-alert-container-confirm { border-color: #7b4b43; background: #392421; color: #f1c8bf; } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-container { max-width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-wrapper, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper { min-width: 650px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-total-wrapper { padding-inline: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block .booknow { width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-footer .vrc-save-order-block { margin: 0; } } /* Customer essentials: phone, country and date of birth fields on Finaliser. */ :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input input[type="tel"], :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input input.vrcinput, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input-date input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 50px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input-date { position: relative; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input-date input { padding-inline-end: 42px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input-date::after { position: absolute; top: 50%; inset-inline-end: 14px; width: 17px; height: 17px; background: var(--trv-primary); content: ""; pointer-events: none; transform: translateY(-50%); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1Zm12 8H5v9h14v-9ZM5 6v2h14V6H5Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1V3a1 1 0 0 1 1-1Zm12 8H5v9h14v-9ZM5 6v2h14V6H5Z'/%3E%3C/svg%3E") center / contain no-repeat; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input { display: block; width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input input[type="tel"] { width: 100%; min-height: 50px; padding-inline-start: 54px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input .country-list { z-index: 10011; max-height: min(280px, 42vh); border: 1px solid var(--trv-border); border-radius: 11px; background: var(--trv-surface-raised); color: var(--trv-text); box-shadow: 0 14px 34px rgba(15,42,58,.2); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input .country-list .country:hover, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input .country-list .country.highlight { background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input .trv-select { width: 100%; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input .trv-select-trigger { min-height: 50px; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrccustomfields .intl-tel-input .country-list { border-color: var(--trv-border); background: var(--trv-surface-raised); color: var(--trv-text); } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrccustomfields .vrc-customfield-input-date::after { inset-inline-end: 12px; } } /* Fix VikRentCar summary headers: column classes were overriding the inherited white text. */ :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-head-cell, :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-head .vrc-oconfirm-summary-car-head-cell span { color: #fff !important; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-head { background: var(--trv-primary, #17466d) !important; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-cell-descr .vrc-oconfirm-carname { color: var(--trv-heading, #173c59) !important; } :is(.site-main, .site-content, .content-area, main) .vrc-oconfirm-summary-car-row .vrc-oconfirm-summary-car-head-cell-responsive { color: var(--trv-primary, #17466d); font-weight: 750; } /* Restore the green completed state and keep its check mark white. */ :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete { border-color: #cfe0d6; background: #f5faf7; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > a { color: #315b47; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *::before { border-color: #2e7551; background: #2e7551; color: #fff; content: "✓"; } :is(.site-main, .site-content, .content-area, main) .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > a:hover { background: #edf7f1; color: #245b3c; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-stepbar > li.vrc-step-complete { border-color: #3d6754; background: #1b3028; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-stepbar > li.vrc-step-complete > a { color: #cce6d5; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-stepbar > li.vrc-step-complete > *::before { border-color: #2e7551; background: #2e7551; color: #fff; } /* White check glyph: override VikRentCar's blue completed-step pseudo-element color. */ body .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *::before, body .vrcstepsbarcont .vrc-stepbar li.vrc-step-complete > *:before { color: #fff !important; } /* Départ / Retour itinerary cards: give locations and date-time details a clear hierarchy. */ :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > .vrc-itinerary-pickup, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > .vrc-itinerary-dropoff { position: relative; overflow: hidden; gap: 12px; padding: 20px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > .vrc-itinerary-pickup::before, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > .vrc-itinerary-dropoff::before { position: absolute; inset-block: 0; inset-inline-start: 0; width: 4px; background: var(--trv-accent, #d6a64f); content: ""; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div > h4 { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--trv-primary); font-size: 13px; letter-spacing: .06em; text-transform: uppercase; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-location, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-location { align-items: flex-start; padding: 10px 12px; border-radius: 10px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-location i, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-location i { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 9px; background: color-mix(in srgb, var(--trv-primary) 10%, transparent); color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-locdet, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropfff-locdet { gap: 3px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-locname, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-locname { color: var(--trv-heading); font-size: 14px; font-weight: 750; line-height: 1.4; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-locaddr, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-locaddr { color: var(--trv-muted); font-size: 12px; line-height: 1.45; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-date, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-date { display: flex; min-height: 46px; flex-wrap: wrap; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-date > i, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-date > i { color: var(--trv-primary); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-date-day, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-date-day { color: var(--trv-heading); font-size: 14px; font-weight: 750; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-date-time, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-date-time { margin-inline-start: auto; padding: 4px 8px; border-radius: 7px; background: var(--trv-surface); color: var(--trv-muted); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-duration { flex-basis: 100%; padding-top: 7px; border-top: 1px solid var(--trv-border); color: var(--trv-muted); font-size: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-pickup, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-dropoff { position: relative; overflow: hidden; padding: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-pickup-location, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-dropoff-location { align-items: flex-start; } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-pickup-date, :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-confirmation .vrc-itinerary-dropoff-date { flex-wrap: wrap; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-pickup-location, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary .vrc-itinerary-dropoff-location { background: var(--trv-surface); } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary { grid-template-columns: minmax(0, 1fr); } :is(.site-main, .site-content, .content-area, main) .vrc-itinerary-summary > div { padding: 16px; } } /* International phone control: keep the country flag and make its dial code explicit. */ :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti:has(input.vrc-phone-international) { position: relative; display: block; width: 100%; direction: ltr; text-align: left; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti input.vrc-phone-international { width: 100%; min-height: 50px; padding-left: 92px !important; padding-right: 12px !important; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface); color: var(--trv-text); font: 500 14px/1.45 "Jost", "Noto Sans Arabic", Arial, sans-serif; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti input.vrc-phone-international:focus { border-color: var(--trv-primary); outline: 3px solid var(--trv-focus); outline-offset: 1px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__flag-container { right: auto; left: 0; padding: 1px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__selected-flag { min-width: 82px; justify-content: flex-start; gap: 6px; padding: 0 9px; border-right: 1px solid var(--trv-border); border-radius: 9px 0 0 9px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__flag { flex: 0 0 auto; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__selected-dial-code { color: var(--trv-primary); font-size: 13px; font-weight: 750; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__arrow { margin-left: auto; border-top-color: var(--trv-muted); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__arrow--up { border-top-color: transparent; border-bottom-color: var(--trv-muted); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country-list { z-index: 10020; width: min(340px, calc(100vw - 36px)); max-height: min(300px, 45vh); overflow-x: hidden; padding: 6px; border: 1px solid var(--trv-border); border-radius: 12px; background: var(--trv-surface-raised); color: var(--trv-text); box-shadow: 0 14px 34px rgba(15,42,58,.2); font: 500 13px/1.4 "Jost", "Noto Sans Arabic", Arial, sans-serif; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country { display: flex; min-height: 38px; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 7px; } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country:hover, :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country.iti__highlight { background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__dial-code { margin-left: auto; color: var(--trv-primary); font-weight: 700; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__selected-flag { border-color: var(--trv-border); background: var(--trv-surface-raised); } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country-list { border-color: var(--trv-border); background: var(--trv-surface-raised); color: var(--trv-text); } @media (max-width: 480px) { :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti .iti__country-list { width: min(300px, calc(100vw - 28px)); } :is(.site-main, .site-content, .content-area, main) .vrccustomfields .iti input.vrc-phone-international { padding-left: 88px !important; } } /* Date-of-birth calendar month and year selectors: match the branded calendar header. */ body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month, body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year { box-sizing: border-box; min-width: 84px; min-height: 34px; margin: 0 3px; padding: 5px 26px 5px 9px; border: 1px solid rgba(255,255,255,.45); border-radius: 8px; appearance: none; background-color: rgba(255,255,255,.96); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%2317466d' d='m1 1 5 5 5-5' stroke='%2317466d' stroke-width='1.4'/%3E%3C/svg%3E"); background-position: right 9px center; background-repeat: no-repeat; background-size: 10px 7px; color: #17466d; font: 650 13px/1.2 "Jost", "Noto Sans Arabic", Arial, sans-serif; cursor: pointer; } body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month:focus-visible, body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year:focus-visible { outline: 3px solid rgba(255,255,255,.8); outline-offset: 2px; } body #ui-datepicker-div .ui-datepicker-title select option { background: #fff; color: #263943; } @media (max-width: 480px) { body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month, body #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year { min-width: 76px; min-height: 32px; padding-inline: 7px 22px; font-size: 12px; } } /* Car feature icons and characteristic filter counts: align every badge consistently. */ :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristics-list { align-items: stretch; gap: 10px; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic { min-height: 48px; gap: 9px; padding: 7px 10px; transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic:hover, :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic-active, :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic:has(.vrc-searchfilter-cinput input:checked) { border-color: var(--trv-primary); background: color-mix(in srgb, var(--trv-primary) 6%, var(--trv-surface-raised)); box-shadow: 0 3px 10px rgba(23,70,109,.08); } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cinput { display: inline-flex; align-items: center; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cinput input { width: 16px; height: 16px; margin: 0; accent-color: var(--trv-primary); cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cinput input:focus-visible { outline: 3px solid var(--trv-focus); outline-offset: 2px; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cicon { display: inline-grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border: 1px solid var(--trv-border); border-radius: 8px; background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cicon img { display: block; width: 22px; height: 22px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cname { display: inline-flex; min-width: 0; align-items: center; color: var(--trv-heading); font-size: 13px; font-weight: 700; line-height: 1.25; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cname .vrc-expl { display: inline-flex; align-items: center; justify-content: center; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cname .vrc-expl img { display: block; max-width: 24px; max-height: 24px; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-cquantity { display: inline-flex; min-width: 27px; min-height: 24px; align-items: center; justify-content: center; padding: 3px 7px; border-radius: 999px; background: var(--trv-surface); color: var(--trv-primary); font-size: 11px; font-weight: 750; font-variant-numeric: tabular-nums; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats { min-width: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics .vrccaratsdiv, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccaratsdiv, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccaratsdiv { display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics .vrccarcarat, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat { display: inline-flex; min-width: 56px; min-height: 50px; align-items: center; justify-content: center; gap: 7px; margin: 0; padding: 8px 10px; border: 1px solid var(--trv-border); border-radius: 10px; background: var(--trv-surface-raised); color: var(--trv-text); transition: border-color .18s ease, background-color .18s ease, transform .18s ease; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics .vrccarcarat:hover, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat:hover, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat:hover { transform: translateY(-1px); border-color: var(--trv-primary); background: var(--trv-surface); } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat .vrc-carat-cont, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat .vrc-carat-cont, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat .vrc-carat-cont { display: inline-flex; float: none; align-items: center; justify-content: center; gap: 6px; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat img, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat img, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat img { display: block; float: none; width: 24px; height: 24px; max-width: 24px; max-height: 24px; margin: 0; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat i, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat i, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat i { margin: 0; color: var(--trv-primary); font-size: 19px; line-height: 1; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrccarcarat .vrc-carat-cont > span:not(.vrc-expl), :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccarcarat .vrc-carat-cont > span:not(.vrc-expl), :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccarcarat .vrc-carat-cont > span:not(.vrc-expl) { float: none; color: var(--trv-text); font-size: 12px; font-weight: 700; line-height: 1.2; } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic-active, html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic:has(.vrc-searchfilter-cinput input:checked) { background: #203844; } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-searchfilter-characteristic { min-height: 44px; } :is(.site-main, .site-content, .content-area, main) .vrc-search-results-block .vrc-car-characteristics .vrccaratsdiv, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-car-carats .vrccaratsdiv, :is(.site-main, .site-content, .content-area, main) .vrc-car-carats .vrccaratsdiv { gap: 7px; } } /* Options add-ons: polished cards for CDW, Super Cover, cleaning, delivery and equipment. */ :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-row { grid-template-columns: minmax(0, 1fr) minmax(150px, .34fr); gap: 20px; min-height: 110px; padding: 17px; border-color: var(--trv-border); border-radius: 13px; background: var(--trv-surface-raised); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-row:has(input[type="checkbox"]:checked) { border-color: var(--trv-primary); background: color-mix(in srgb, var(--trv-primary) 5%, var(--trv-surface-raised)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--trv-primary) 9%, transparent); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-info { align-items: flex-start; gap: 15px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-img { display: grid; flex: 0 0 72px; width: 72px; height: 72px; place-items: center; padding: 9px; border-color: var(--trv-border); border-radius: 12px; background: #fff; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-img img { display: block; width: 100%; height: 100%; object-fit: contain; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-name { margin: 0 0 5px; color: var(--trv-heading); font-size: 15px; font-weight: 750; line-height: 1.4; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-descr { color: var(--trv-muted); font-size: 13px; line-height: 1.6; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-descr p { margin: 0 0 6px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-descr p:last-child { margin-bottom: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-descr strong { color: var(--trv-heading); font-weight: 750; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-descr { display: inline-flex; min-height: 42px; align-items: baseline; gap: 5px; padding: 8px 11px; border: 1px solid var(--trv-border); border-radius: 9px; background: var(--trv-surface); color: var(--trv-primary); font-size: 18px; font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-descr .vrc_currency { color: var(--trv-muted); font-size: 12px; font-weight: 700; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-sel { display: inline-flex; min-width: 38px; align-items: center; justify-content: center; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-sel input[type="checkbox"] { width: 22px; height: 22px; margin: 0; accent-color: var(--trv-primary); cursor: pointer; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-sel input:focus-visible { outline: 3px solid var(--trv-focus); outline-offset: 3px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price-sel .vrcoptionforcequant { border-color: var(--trv-border); background: var(--trv-surface); } html[data-theme="dark"] :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-img { border-color: #dce5e9; background: #fff; } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-row { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 14px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-cell-price { justify-content: space-between; padding-top: 12px; border-top: 1px solid var(--trv-border); } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-options-wrap .vrc-showprc-option-img { flex-basis: 62px; width: 62px; height: 62px; } } /* Keep Options actions side by side, including on mobile, in booking-flow order. */ :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { display: grid; grid-template-columns: minmax(190px, max-content) max-content; align-items: center; justify-content: end; gap: 12px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .booknow { grid-column: 1; grid-row: 1; min-width: 0; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .vrc-goback-block { grid-column: 2; grid-row: 1; width: auto; margin: 0; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .vrc-goback-block .btn { min-width: 120px; margin: 0; } @media (max-width: 767px) { :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 9px; } :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .booknow, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .vrc-goback-block, :is(.site-main, .site-content, .content-area, main) .vrc-showprc-form .car_buttons_box > .vrc-goback-block .btn { width: 100%; min-width: 0; } } /* Unified Tourvilles hover treatment for content cards across the site. */ :is(.site-main, .site-content, .content-area, main) :is( .elementskit-infobox, .elementskit-post-image-card, .ti-review-item, .vrc-search-results-block .car_result, .vrc-showprc-options-wrap .vrc-showprc-option-row, .elementor-element-d16d396, .elementor-element-fadd901, .elementor-element-5e05397, .elementor-element-9e9b6d9, .elementor-element-b1e28ce, .elementor-element-c4bf760, .elementor-element-b60abbb, .elementor-element-e233535, .elementor-element-7922d83, .elementor-element-d8e219b .elementor-widget-image, .elementor-element-485efcc .elementor-widget-image ) { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } .site-footer-eight .footer-widget-item, .site-footer-eight #block-24 .wp-block-column { transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } @media (hover: hover) and (pointer: fine) { :is(.site-main, .site-content, .content-area, main) :is( .elementskit-infobox, .elementskit-post-image-card, .ti-review-item, .vrc-search-results-block .car_result, .vrc-showprc-options-wrap .vrc-showprc-option-row, .elementor-element-d16d396, .elementor-element-fadd901, .elementor-element-5e05397, .elementor-element-9e9b6d9, .elementor-element-b1e28ce, .elementor-element-c4bf760, .elementor-element-b60abbb, .elementor-element-e233535, .elementor-element-7922d83, .elementor-element-d8e219b .elementor-widget-image, .elementor-element-485efcc .elementor-widget-image ):hover { transform: translateY(-3px); border-color: rgba(84, 150, 190, .55); box-shadow: 0 14px 30px rgba(23, 70, 109, .16), inset 0 1px 0 rgba(255,255,255,.55); } .site-footer-eight .footer-widget-item:hover, .site-footer-eight #block-24 .wp-block-column:hover { transform: translateY(-3px); border-color: rgba(84, 150, 190, .55); box-shadow: 0 14px 30px rgba(5, 19, 28, .3), 0 0 0 1px rgba(84, 150, 190, .16); } } :is(.site-main, .site-content, .content-area, main) :is( .elementskit-infobox, .elementskit-post-image-card, .ti-review-item, .vrc-search-results-block .car_result, .vrc-showprc-options-wrap .vrc-showprc-option-row, .elementor-element-d16d396, .elementor-element-fadd901, .elementor-element-5e05397, .elementor-element-9e9b6d9, .elementor-element-b1e28ce, .elementor-element-c4bf760, .elementor-element-b60abbb, .elementor-element-e233535, .elementor-element-7922d83, .elementor-element-d8e219b .elementor-widget-image, .elementor-element-485efcc .elementor-widget-image ):focus-within { border-color: rgba(84, 150, 190, .55); box-shadow: 0 0 0 3px rgba(23, 70, 109, .09), 0 10px 24px rgba(23, 70, 109, .12); } .site-footer-eight .footer-widget-item:focus-within, .site-footer-eight #block-24 .wp-block-column:focus-within { border-color: rgba(84, 150, 190, .65); box-shadow: 0 0 0 3px rgba(84, 150, 190, .2), 0 10px 24px rgba(5, 19, 28, .24); } @media (prefers-reduced-motion: reduce) { :is(.site-main, .site-content, .content-area, main) :is( .elementskit-infobox, .elementskit-post-image-card, .ti-review-item, .vrc-search-results-block .car_result, .vrc-showprc-options-wrap .vrc-showprc-option-row, .elementor-element-d16d396, .elementor-element-fadd901, .elementor-element-5e05397, .elementor-element-9e9b6d9, .elementor-element-b1e28ce, .elementor-element-c4bf760, .elementor-element-b60abbb, .elementor-element-e233535, .elementor-element-7922d83, .elementor-element-d8e219b .elementor-widget-image, .elementor-element-485efcc .elementor-widget-image ) { transform: none !important; transition: none !important; } .site-footer-eight .footer-widget-item, .site-footer-eight #block-24 .wp-block-column { transform: none !important; transition: none !important; } }