/*
Theme Name: Salome Theme
Description: Custom styles for Salome Theme
Version: 1.0.0
Author: Your Name
*/

/* ==========================================================================
   Table of Contents:
   1. General Styles
   2. Home Slider
   3. Date Picker
   4. Booking Form
      4.1 Tooltips
      4.2 Insurance Options
      4.3 Form Actions
      4.4 Booking Overview
   5. Rental Cars Archive
      5.1 Filters
      5.2 Car Cards
   6. Responsive Styles
      6.1 Desktop (1024px and below)
      6.2 Tablet (960px and below)
      6.3 Mobile (768px and below)
      6.4 Small Mobile (620px and below)
   ========================================================================== */

/* ==========================================================================
   1. General Styles
   ========================================================================== */
#btn-secondary A.elementor-button,
.btn-secondary A.elementor-button {
	background-color: transparent;
	width: auto;
	padding: 20px 0;
}

/* ==========================================================================
   2. Home Slider
   ========================================================================== */
/* #home-slider removed from site
#home-slider .swiper {
	padding: 0;
}

#home-slider .swiper .swiper-slide .e-con-inner {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 720px;
}

#home-slider .swiper-slide-inner {
	max-width: 1280px;
}

#home-slider .elementor-swiper-button {
	width: 60px;
	height: 60px;
	top: 85%;
}

#home-slider .elementor-swiper-button I:before {
	display: none;
}

#home-slider .elementor-swiper-button.elementor-swiper-button-prev {
	content: "";
	left: unset;
	right: 132px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.78788L1.82005 0L12 10L1.82005 20L0 18.2121L8.3599 10L0 1.78788Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #00000040;
	transform-origin: center;
	transform: rotate(-180deg);
	transition: all 0.3s;
	border-radius: 58px 58px 58px 58px;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

#home-slider .elementor-swiper-button.elementor-swiper-button-next {
	content: "";
	left: unset;
	right: 52px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.78788L1.82005 0L12 10L1.82005 20L0 18.2121L8.3599 10L0 1.78788Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #00000040;
	transform-origin: center;
	transform: rotate(0deg);
	transition: all 0.3s;
	border-radius: 58px 58px 58px 58px;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

#home-slider .elementor-swiper-button.elementor-swiper-button-next {
	content: "";
	right: 52px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='20' viewBox='0 0 12 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.78788L1.82005 0L12 10L1.82005 20L0 18.2121L8.3599 10L0 1.78788Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #00000040;
	transform-origin: center;
	transform: rotate(0deg);
	transition: all 0.3s;
	border-radius: 58px;
}

#home-slider .elementor-swiper-button.elementor-swiper-button-next:hover,
#home-slider .elementor-swiper-button.elementor-swiper-button-prev:hover {
	background-color: #000000;
	transition: all 0.3s;
}

#home-slider .elementor-swiper-button SVG {
	display: none;
}

#home-slider .elementor-swiper .elementor-slides-wrapper .elementor-button {
	min-width: 200px;
}

#home-slider .swiper-pagination {
	top: 90%;
	left: 110px;
	transform: unset;
}

#home-slider .swiper-pagination .swiper-pagination-bullet {
	width: 100px;
	height: 4px;
	background-color: #ffffff;
	border-radius: 0;
}
*/

/* 6.1 Desktop (1024px and below) */
@media screen and (max-width: 1024px) {
	/* #home-slider removed from site
	#home-slider .swiper .swiper-slide .e-con-inner {
		height: 520px;
	}

	#home-slider .swiper-pagination {
		left: 60px;
	}

	#home-slider .elementor-swiper-button {
		top: 80%;
	}

	#home-slider .swiper-pagination .swiper-pagination-bullet {
		width: 48px;
	}
	*/

	/*.rental-car-list .rental-car-card {
		flex: 1 0 32%;
		max-width: 32%;
	}*/
}

/* 6.2 Tablet (960px and below) */
@media screen and (max-width: 960px) {
	.rental-car-filters .container {
		flex-wrap: wrap;
		gap: 1%;
	}

	.rental-car-filters .container .filtering-property {
		flex: 1 0 24.2%;
		max-width: 24.2%;
	}

	.rental-car-filters .container #apply-rental-filters {
		margin-top: 16px;
	}
}

/* 6.3 Mobile (768px and below) */
@media screen and (max-width: 768px) {
	/* #home-slider removed from site
	#home-slider .elementor-swiper-button.elementor-swiper-button-next,
	#home-slider .elementor-swiper-button.elementor-swiper-button-prev {
		display: none;
	}

	#home-slider .swiper-pagination {
		left: 50%;
		transform: translateX(-50%);
	}

	#home-slider .swiper-pagination .swiper-pagination-bullet {
		width: 28px;
	}
	*/

	.rental-car-filters .container {
		gap: 2%;
	}

	.rental-car-filters .container .filtering-property {
		flex: 1 0 49%;
		max-width: 49%;
	}

	.rental-car-filters .container .filtering-property LABEL {
		padding: 16px 0 5px 0;
	}

	.rental-car-filters .container #apply-rental-filters {
		margin-top: 22px;
	}

	/*.rental-car-list .rental-car-card {
		flex: 1 0 48%;
		max-width: 48%;
	}*/
}

/* 6.4 Small Mobile (620px and below) */
@media screen and (max-width: 620px) {
	/* #home-slider removed from site
	#home-slider .swiper .swiper-slide .e-con-inner {
		height: 420px;
	}
	*/

	.rental-car-filters .container .filtering-property {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.rental-car-filters .container .filtering-property:nth-child(1) LABEL {
		padding-top: 0;
	}

	/*.rental-car-list .rental-car-card {
		flex: 1 0 100%;
		max-width: 100%;
	}*/
}

/* ==========================================================================
   3. Date Picker
   ========================================================================== */
.air-datepicker-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	display: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	z-index: 99;
}

.air-datepicker-overlay.visible {
	opacity: 1;
}

/*
Classes to work with!
.air-datepicker-cell.-current-
.air-datepicker-cell.-selected-
.air-datepicker-cell.-disabled-
*/
.air-datepicker {
	border: none;
	border-radius: 14px;
	width: 360px;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
}

.air-datepicker .air-datepicker--pointer {
	display: none;
}

.air-datepicker-nav--title {
	font-weight: 600;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
}

.air-datepicker .air-datepicker--navigation {
	background-color: var(--e-global-color-text);
	color: var(--e-global-color-472b1a0);
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--title {
	font-size: 16px;
	padding: 12px 0;
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--title
	I {
	color: var(--e-global-color-472b1a0);
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--action:hover {
	background-color: transparent;
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--action
	PATH {
	stroke: #ffffff;
	transition: opacity 0.3s ease-in;
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--action:hover
	PATH {
	opacity: 0.7;
	transition: opacity 0.3s ease-in;
}

.air-datepicker
	.air-datepicker--navigation
	.air-datepicker-nav
	.air-datepicker-nav--title:hover {
	background-color: transparent;
}

.air-datepicker .air-datepicker--content {
	padding: 8px 24px 18px 24px;
}

.air-datepicker .air-datepicker--content .air-datepicker-body--day-names,
.air-datepicker .air-datepicker--content .air-datepicker-body--cells.-days- {
	justify-items: center;
	align-items: center;
	gap: 3px 0;
}

.air-datepicker .air-datepicker--content .air-datepicker-body--day-name {
	color: var(--e-global-color-text);
	font-size: 16px;
	font-weight: 600;
}

.air-datepicker .air-datepicker--content .air-datepicker-cell.-day- {
	width: 36px;
	height: 35px;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.partially-booked-day {
	color: #ffffff;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.partially-booked-day:after {
	content: "";
	position: absolute;
	width: 36px;
	height: 35px;
	top: 0px;
	left: 0px;
	border-radius: 50%;
	background: #020024;
	background: linear-gradient(
		90deg,
		rgba(2, 0, 36, 1) 0%,
		rgba(228, 53, 44, 1) 0%,
		rgba(0, 212, 255, 0) 100%
	);
	background: linear-gradient(
		90deg,
		rgba(2, 0, 36, 1) 0%,
		rgba(228, 53, 44, 1) 0%,
		#0aaf68 100%
	);
	z-index: -1;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.partially-booked-day:hover {
	background: #0aaf68 !important;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.fully-booked-day {
	background-color: #e4352c;
	color: #ffffff96;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.fully-booked-day:hover {
	background-color: #e4352c;
	color: #ffffff96;
	font-weight: 400;
}

.air-datepicker .air-datepicker--content .air-datepicker-cell.-day-:hover {
	background-color: #0aaf677b;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.selected-start-date {
	background-color: #0aaf68;
	color: var(--e-global-color-472b1a0);
	font-weight: 600;
	border-radius: 24px;
}

.selected-start-date:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.air-datepicker .air-datepicker--content .air-datepicker-cell.-day-.-selected- {
	background-color: #0aaf68;
	color: var(--e-global-color-472b1a0);
	font-weight: 600;
	border-radius: 24px;
}

.air-datepicker .air-datepicker--content .air-datepicker-cell {
	border-radius: 24px;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.air-datepicker .air-datepicker--content .air-datepicker-cell.-focus- {
	background-color: var(--e-global-color-9e489e1);
	color: var(--e-global-color-472b1a0);
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
	font-weight: 600;
	border-radius: 24px;
}

.air-datepicker
	.air-datepicker--content
	.air-datepicker-cell.-day-.-current-.-min-date- {
	background-color: #f1f1f1;
	color: var(--e-global-color-primary);
	font-weight: 600;
	border-radius: 24px;
}

.selected-range {
	background-color: #0aaf68 !important;
	color: #ffffff;
}

/* ==========================================================================
   4. Booking Form
   ========================================================================== */

/* 4.1 Tooltips */
.booking-form__tooltip .booking-form__tooltip-content {
	display: none;
	position: absolute;
}

.booking-form__section--tooltip .booking-form__sub-title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.booking-form__section--tooltip
	.booking-form__sub-title
	.booking-form__tooltip {
	width: 20px;
	height: 20px;
	margin-left: 10px;
	margin-top: 2px;
}

.booking-form__section .booking-form__additional-milage {
	border-radius: 24px;
	padding: 13px 20px;
	line-height: 1em;
}

.booking-form__section .booking-form__additional-milage-label {
	font-size: var(--e-global-typography-a5a6245-font-size);
	padding-bottom: 8px;
}

.booking-form__tooltip .booking-form__tooltip-icon {
	display: block;
	background-color: #000000;
	width: 20px;
	height: 20px;
	border-radius: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.89657 7.37378C2.68988 7.37378 2.51557 7.29997 2.37365 7.15233C2.23138 7.0047 2.16885 6.83102 2.18608 6.63128C2.21191 6.26654 2.29803 5.94957 2.44444 5.68036C2.59084 5.41115 2.82337 5.13326 3.14202 4.84668C3.49511 4.53404 3.76415 4.26258 3.94914 4.03227C4.13447 3.80231 4.22714 3.5397 4.22714 3.24444C4.22714 2.88839 4.10881 2.59312 3.87215 2.35865C3.63514 2.12418 3.30565 2.00694 2.88365 2.00694C2.60807 2.00694 2.37348 2.06547 2.17988 2.18253C1.98593 2.29994 1.82868 2.44549 1.70811 2.61918C1.58754 2.79286 1.43906 2.9101 1.26269 2.97089C1.08597 3.03168 0.915795 3.02733 0.752165 2.95786C0.554088 2.87102 0.418533 2.72773 0.345503 2.52799C0.272128 2.32826 0.287113 2.14154 0.390458 1.96786C0.640209 1.57707 0.97608 1.25141 1.39807 0.990887C1.82006 0.730361 2.31526 0.600098 2.88365 0.600098C3.78792 0.600098 4.48343 0.854198 4.97019 1.3624C5.4566 1.87025 5.6998 2.48023 5.6998 3.19233C5.6998 3.62654 5.60731 3.99788 5.42232 4.30634C5.23699 4.61446 4.94625 4.96391 4.55009 5.3547C4.25728 5.6326 4.05059 5.85839 3.93002 6.03207C3.80945 6.20576 3.72764 6.40549 3.68458 6.63128C3.65013 6.84839 3.5597 7.02641 3.4133 7.16536C3.26689 7.30431 3.09465 7.37378 2.89657 7.37378ZM2.88365 10.5001C2.59946 10.5001 2.35625 10.3981 2.15404 10.1942C1.95148 9.98999 1.85021 9.74457 1.85021 9.45799C1.85021 9.17141 1.95148 8.926 2.15404 8.72174C2.35625 8.51784 2.59946 8.41589 2.88365 8.41589C3.16785 8.41589 3.41123 8.51784 3.61379 8.72174C3.816 8.926 3.9171 9.17141 3.9171 9.45799C3.9171 9.74457 3.816 9.98999 3.61379 10.1942C3.41123 10.3981 3.16785 10.5001 2.88365 10.5001Z' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 6px 4px;
}

/* Extended tooltip styles */
.booking-form__insurance-option {
	position: relative;
}

.booking-form__tooltip {
	position: relative;
	margin-left: 10px;
	display: inline-block;
}

.booking-form__tooltip-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.booking-form__tooltip-content {
	position: absolute;
	visibility: hidden;
	width: 280px;
	background-color: #000;
	color: #fff;
	text-align: left;
	border-radius: 4px;
	padding: 20px;
	z-index: 10;
	bottom: 15px;
	left: 50%;
	margin-left: -260px;
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;
}

.booking-form__tooltip-content::after {
	content: "";
	position: absolute;
	top: 100%;
	right: 15px;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.booking-form__tooltip:hover .booking-form__tooltip-content {
	display: block;
	visibility: visible;
	opacity: 1;
}

/* 4.2 Insurance Options */
.booking-form__section.booking-form__section--insurence {
	padding: 32px 0;
}

.booking-form__insurance-option {
	margin-bottom: 10px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.custom-checkbox-label {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
}

.custom-checkbox-input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.custom-checkbox {
	position: relative;
	display: inline-block;
	width: 18px;
	min-width: 18px;
	max-width: 18px;
	height: 18px;
	min-height: 18px;
	max-height: 18px;
	margin-top: 1px;
	margin-right: 10px;
	border: 1px solid #000;
	background-color: #fff;
}

.custom-checkbox-input:checked + .custom-checkbox:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	width: 12px;
	height: 11px;
	background-color: #000;
}

.custom-checkbox-text {
	font-size: 14px;
	line-height: 20px;
}

/* 4.3 Form Actions */
.booking-form__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.booking-form__actions .elementor-button {
	padding: 18px 64px;
	border: none;
	font-weight: 600;
}

.booking-form__actions .elementor-button:hover {
	background-color: var(--e-global-color-accent);
}

.booking-form__actions .elementor-button--ghost {
	background-color: #ffffff;
	border: none;
	color: #000;
}

.booking-form__actions .elementor-button--ghost:hover {
	background-color: transparent;
}

/* 4.4 Booking Overview */
.booking-overview__item {
	display: flex;
	flex-direction: column;
	padding: 10px 0 12px 0;
	border-top: 1px solid #f1f1f1;
}

.booking-overview__header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.booking-overview__item .booking-overview__label {
	font-size: 14px;
	font-weight: var(--e-global-typography-0b317a2-font-weight);
}

.booking-overview__item .booking-overview__value {
	max-width: 220px;
	font-size: 14px;
}

.booking-overview__item .booking-overview__price {
	font-size: 14px;
	font-weight: var(--e-global-typography-0b317a2-font-weight);
	color: var(--e-global-color-fb06bce);
}

.booking-overview__item.booking-overview__total,
.booking-overview__item.booking-overview__borderCrossing,
.booking-overview__item.booking-overview__additionalKm,
.booking-overview__item.booking-overview__pickUp,
.booking-overview__item.booking-overview__dropOff,
.booking-overview__item.booking-overview__rental-cost,
.booking-overview__item.booking-overview__grand-total,
.booking-overview__item.booking-overview__deposit {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.booking-overview__item.booking-overview__total .booking-overview__value,
.booking-overview__item.booking-overview__borderCrossing
	.booking-overview__value,
.booking-overview__item.booking-overview__additionalKm .booking-overview__value,
.booking-overview__item.booking-overview__pickUp .booking-overview__value,
.booking-overview__item.booking-overview__dropOff .booking-overview__value,
.booking-overview__item.booking-overview__rental-cost .booking-overview__value,
.booking-overview__item.booking-overview__grand-total .booking-overview__value,
.booking-overview__item.booking-overview__deposit .booking-overview__value {
	font-size: 14px;
	font-weight: var(--e-global-typography-0b317a2-font-weight);
	color: var(--e-global-color-fb06bce);
}

.booking-overview__item.booking-overview__total .booking-overview__value {
	font-size: var(--e-global-typography-0b317a2-font-size);
	font-weight: var(--e-global-typography-0b317a2-font-weight);
}

/* ==========================================================================
   5. Rental Cars Archive
   ========================================================================== */

/* 5.1 Filters */
.rental-car-filters {
	position: relative;
	width: 100%;
	background-color: #000;
	padding: 45px 0;
}

.rental-car-filters .container {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	width: 100%;
	max-width: 1340px;
	gap: 10px;
	padding: 0 20px;
	margin: 0 auto;
}

.rental-car-filters .container .filtering-property {
	flex: 1 0 20%;
	max-width: 20%;
}

.tax-car_category
	.rental-car-filters
	.container
	.filtering-property:first-of-type {
	/* display: none; */
}

.rental-car-filters .container #apply-rental-filters {
	width: 100%;
	height: 52px;
	margin-top: 30px;
}

.rental-car-filters .container .filtering-property LABEL {
	color: #ffffff;
	width: 100%;
	padding-bottom: 10px;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
	font-size: var(--e-global-typography-a5a6245-font-size);
	font-weight: var(--e-global-typography-a5a6245-font-weight);
	line-height: var(--e-global-typography-a5a6245-line-height);
}

.rental-car-filters .container .filtering-property INPUT#rental-car-daterange {
	padding: 14px 20px;
	border-radius: 32px;
	color: #000000;
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 2H15V0H13V2H5V0H3V2H2C0.89 2 0.00999999 2.9 0.00999999 4L0 18C0 19.1 0.89 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2ZM16 18H2V8H16V18ZM6 12H4V10H6V12ZM10 12H8V10H10V12ZM14 12H12V10H14V12ZM6 16H4V14H6V16ZM10 16H8V14H10V16ZM14 16H12V14H14V16Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right 14px center;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
	font-size: var(--e-global-typography-a5a6245-font-size);
	font-weight: var(--e-global-typography-a5a6245-font-weight);
	line-height: var(--e-global-typography-a5a6245-line-height);
}

.rental-car-filters .container .filtering-property select#rental-car-gearbox,
.rental-car-filters .container .filtering-property select#rental-car-type,
.rental-car-filters .container .filtering-property select#rental-car-fuel {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.94 0.5L4 3.59042L7.06 0.5L8 1.45142L4 5.5L0 1.45142L0.94 0.5Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right 18px center;
	background-size: 12px;
	padding: 14px 20px;
	border-radius: 32px;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
	font-size: var(--e-global-typography-a5a6245-font-size);
	font-weight: var(--e-global-typography-a5a6245-font-weight);
	line-height: var(--e-global-typography-a5a6245-line-height);
}

.rental-car-filters
	.container
	.filtering-property
	INPUT#rental-car-daterange:focus,
.rental-car-filters
	.container
	.filtering-property
	select#rental-car-gearbox:focus,
.rental-car-filters .container .filtering-property select#rental-car-type:focus,
.rental-car-filters
	.container
	.filtering-property
	select#rental-car-fuel:focus {
	outline: none;
}

.rental-car-filters .container BUTTON#apply-rental-filters {
	border: 1px solid #fff !important;
	padding: 16px 0 17px 0;
	font-size: var(--e-global-typography-40538cc-font-size);
	font-weight: var(--e-global-typography-a0c380a-font-weight);
}

.rental-car-filters .container BUTTON#apply-rental-filters:hover {
	background-color: #ffffff;
	color: #000000;
}

.rental-car-filters SELECT#rental-car-category {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(
		data:image/svg + xml,
		%3Csvgwidth="8"height="6"viewBox="0 0 8 6"fill="none"xmlns="http://www.w3.org/2000/svg"%3E%3Cpathd="M0.94 0.5L4 3.59042L7.06 0.5L8 1.45142L4 5.5L0 1.45142L0.94 0.5Z"fill="black"/%3E%3C/svg%3E%0A
	);
	background-repeat: no-repeat;
	background-position: right 18px center;
	background-size: 12px;
	padding: 14px 20px;
	border-radius: 32px;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
	font-size: var(--e-global-typography-a5a6245-font-size);
	font-weight: var(--e-global-typography-a5a6245-font-weight);
	line-height: var(--e-global-typography-a5a6245-line-height);
}

/* General archive page filters desktop and responsive */
.post-type-archive-rental_car
	.rental-car-filters
	.container
	.filtering-property {
	flex: 1 0 16%;
	max-width: 16%;
}

@media screen and (max-width: 1024px) {
	.post-type-archive-rental_car .rental-car-filters .container {
		gap: 2%;
		flex-wrap: wrap;
	}

	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property,
	.post-type-archive-rental_car
		.rental-car-filters
		.container
		BUTTON#apply-rental-filters {
		flex: 1 0 32%;
		max-width: 32%;
	}

	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property:nth-child(4),
	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property:nth-child(5) {
		margin-top: 16px;
	}

	.post-type-archive-rental_car
		.rental-car-filters
		.container
		BUTTON#apply-rental-filters {
		margin-top: 46px;
	}
}

@media screen and (max-width: 768px) {
	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property,
	.post-type-archive-rental_car
		.rental-car-filters
		.container
		BUTTON#apply-rental-filters {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property:nth-child(4),
	.post-type-archive-rental_car
		.rental-car-filters
		.container
		.filtering-property:nth-child(5) {
		margin-top: unset;
	}

	.post-type-archive-rental_car
		.rental-car-filters
		.container
		BUTTON#apply-rental-filters {
		margin-top: 26px;
	}
}

#rental-cars-list {
	max-width: 1340px;
	margin: 0 auto;
	padding: 60px 0;
	/*padding: var(--nd-space-s, 3.75rem) 0;*/
}

.archive #rental-cars-list {
	padding: 60px var(--nd-site-gutter, 20px);
	/*padding: var(--nd-space-s, 3.75rem) var(--nd-site-gutter, 20px);*/
}

/* 5.2 Car Cards */
/*.rental-car-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2%;
}*/
/*.rental-car-list .rental-car-card {
	display: grid;
	grid-template-rows: auto 1fr;
	flex: 1 0 23.5%;
	max-width: 23.5%;
	padding-bottom: 42px;
}*/
/*.rental-car-list .rental-car-card .rental-car-info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 10px;
}*/
/*.rental-car-list .rental-car-card .rental-car-info .rental-car-title {
	font-family: var(--e-global-typography-a0c380a-font-family), Sans-serif;
	font-size: var(--e-global-typography-a0c380a-font-size);
	font-weight: var(--e-global-typography-a0c380a-font-weight);
	line-height: var(--e-global-typography-a0c380a-line-height);
	margin-top: 0;
}*/
/*.rental-car-list .rental-car-card .rental-car-info .rental-car-price-btn {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	text-align: center;
	margin-top: 16px;
	color: var(--e-global-color-472b1a0);
	background-color: var(--e-global-color-5a8bcc3);
	font-family: var(--e-global-typography-0b317a2-font-family), Sans-serif;
	font-size: var(--e-global-typography-0b317a2-font-size);
	font-weight: var(--e-global-typography-0b317a2-font-weight);
	line-height: var(--e-global-typography-0b317a2-line-height);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: var(--e-global-color-5a8bcc3);
	padding: 12px 0px 12px 0px;
	border-radius: 58px 58px 58px 58px;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}*/
/*.rental-car-list .rental-car-card .rental-car-info .rental-car-price-btn:hover {
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
	background-color: var(--e-global-color-472b1a0);
	color: #000;
}*/
/*.rental-car-list .rental-car-card .rental-car-image {
	display: flex;
	height: 245px;
	border: 1px solid #000;
	overflow: hidden;
	justify-content: center;
}*/
/*.rental-car-list .rental-car-card .rental-car-image A IMG {
	height: 245px;
	object-fit: contain;
}*/
/*.rental-car-list .rental-car-card .rental-car-properties,*/
.loop-rental-car-card .rental-car-properties {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding-left: 0;
}
/*.rental-car-list .rental-car-card .rental-car-properties .rental-car-property,*/
.loop-rental-car-card .rental-car-property {
	flex: 1 0 50%;
	max-width: 50%;
	position: relative;
	font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
	font-size: var(--e-global-typography-a5a6245-font-size);
	font-weight: var(--e-global-typography-a5a6245-font-weight);
	line-height: var(--e-global-typography-a5a6245-line-height);
	color: var(--e-global-color-fb06bce);
	padding-left: 28px;
	padding-bottom: 5px;
}

/*.rental-car-list
	.rental-car-card
	.rental-car-properties
	.rental-car-property:before,*/
.loop-rental-car-card .rental-car-property:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

/*.rental-car-list
	.rental-car-card
	.rental-car-properties
	.rental-car-property.rental-car-property--location:before,*/
.loop-rental-car-card .rental-car-property--location:before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.99928 0C4.78261 0 1.88628 4.16625 3.41267 8.025L8.15594 17.4825C8.49938 18.1725 9.49917 18.1725 9.84261 17.4825L14.5859 8.025C16.1161 4.16625 13.2159 0 8.99928 0ZM8.99928 8.8875C7.22484 8.8875 5.79003 7.47375 5.79003 5.73375C5.79003 3.99375 7.22866 2.58 8.99928 2.58C10.7699 2.58 12.2085 3.99375 12.2085 5.73375C12.2085 7.47375 10.7699 8.8875 8.99928 8.8875Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

/*.rental-car-list
	.rental-car-card
	.rental-car-properties
	.rental-car-property.rental-car-property--passangers:before,*/
.loop-rental-car-card .rental-car-property--passangers:before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.73589 4.575C2.69569 4.575 3.47178 3.75375 3.47178 2.7375V1.8375C3.47178 0.821251 2.69569 0 1.73589 0C0.776091 0 0 0.821251 0 1.8375V2.7375C0 3.75375 0.776091 4.575 1.73589 4.575Z' fill='%23939393'/%3E%3Cpath d='M5.38392 13.5938L3.57305 6.43875C3.3256 5.46 2.3733 4.875 1.44724 5.1375C0.52118 5.4 -0.0299544 6.40875 0.221243 7.3875L2.03212 14.5425C2.27957 15.5213 3.23187 16.1063 4.15793 15.8438C5.08398 15.5813 5.63512 14.5725 5.38392 13.5938Z' fill='%23939393'/%3E%3Cpath d='M16.6989 13.8262L5.44377 15.615C4.88889 15.7012 4.48022 16.2075 4.48022 16.8C4.48022 17.4637 4.98637 18 5.61249 18H16.8677C17.4938 18 17.9999 17.4637 17.9999 16.8V15.0112C17.9999 14.28 17.385 13.7175 16.6989 13.8262Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

/*.rental-car-list
	.rental-car-card
	.rental-car-properties
	.rental-car-property.rental-car-property--gearbox:before,*/
.loop-rental-car-card .rental-car-property--gearbox:before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9963 1.99875C17.9963 0.89625 17.1036 0.00375 16.0008 0.00375C14.8981 0.00375 14.0054 0.89625 14.0054 1.99875C14.0054 2.80875 14.4893 3.49875 15.1794 3.81375V7.68375C15.1794 7.9575 14.9581 8.17875 14.6843 8.17875H9.81955V3.81C10.5097 3.495 10.9935 2.805 10.9935 1.995C10.9935 0.8925 10.1009 0 8.99812 0C7.89539 0 7.00271 0.8925 7.00271 1.995C7.00271 2.805 7.48656 3.495 8.17671 3.81V8.17875H2.81684V3.81C3.50698 3.495 3.99083 2.805 3.99083 1.995C3.99083 0.8925 3.09815 0 1.99542 0C0.892686 0 0 0.8925 0 1.995C0 2.805 0.483851 3.495 1.174 3.81V14.19C0.483851 14.505 0 15.195 0 16.005C0 17.1075 0.892686 18 1.99542 18C3.09815 18 3.99083 17.1075 3.99083 16.005C3.99083 15.195 3.50698 14.505 2.81684 14.19V9.82125H8.17671V14.19C7.48656 14.505 7.00271 15.195 7.00271 16.005C7.00271 17.1075 7.89539 18 8.99812 18C10.1009 18 10.9935 17.1075 10.9935 16.005C10.9935 15.195 10.5097 14.505 9.81955 14.19V9.82125H15.1794C16.0871 9.82125 16.826 9.08625 16.826 8.175V3.80625C17.5162 3.49125 18 2.80125 18 1.99125L17.9963 1.99875Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

/*.rental-car-list
	.rental-car-card
	.rental-car-properties
	.rental-car-property.rental-car-property--fueltype:before,*/
.loop-rental-car-card .rental-car-property--fueltype:before {
	background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6924 4.79023L14.8006 0.313235C14.5943 -0.00172936 14.1705 -0.0954688 13.8554 0.107008C13.5366 0.309486 13.4466 0.729439 13.6491 1.04815L15.6333 4.11906C15.5657 4.17155 15.5095 4.2353 15.4682 4.32154L14.8043 5.75013C14.6956 5.9826 14.7631 6.25257 14.9619 6.4138L16.3272 7.48993C16.4209 7.56492 16.5259 7.59867 16.631 7.60617V16.0615C16.631 16.3764 16.3722 16.6314 16.0571 16.6314C15.742 16.6314 15.4832 16.3764 15.4832 16.0615V11.8919C15.4832 10.8271 14.613 9.9609 13.5403 9.9609H11.3836V2.15428C11.3836 0.965662 10.4197 0.00202022 9.23068 0.00202022H2.15295C0.963947 0.00202022 0 0.965662 0 2.15428V15.8477C0 17.0364 0.963947 18 2.15295 18H9.23068C10.4197 18 11.3836 17.0364 11.3836 15.8477V11.3295H13.5403C13.8554 11.3295 14.1142 11.5845 14.1142 11.8994V16.069C14.1142 17.1338 14.9844 18 16.0571 18C17.1298 18 18 17.1338 18 16.069V5.83262C18 5.46141 17.895 5.10145 17.6924 4.79023ZM9.19317 5.73888C9.19317 6.16633 8.84809 6.51129 8.42051 6.51129H2.95561C2.52802 6.51129 2.18295 6.16633 2.18295 5.73888V2.76546C2.18295 2.34176 2.52802 1.99305 2.95561 1.99305H8.42051C8.84809 1.99305 9.19317 2.33801 9.19317 2.76546V5.73888Z' fill='%23939393'/%3E%3C/svg%3E%0A");
}

/* 2026-04-06 v2 rental-car-cards */
.rental-car-list {
	display: grid;
	grid-template-columns: repeat(
		auto-fill,
		minmax(var(--_min-card-width, 16rem), 1fr)
	);
	gap: 1.25rem;

	.car-card {
		position: relative;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		gap: 0.75rem;

		padding: 2rem 1.25rem 1.25rem;
		border-radius: 0.5rem;
		box-shadow: 0 0 0.75rem 0 rgba(0, 0, 0, 0.15);

		&:is(:hover, :focus-within) {
			.car-card__media {
				transform: translateY(1rem);

				img {
					transform: scale(1.1);
				}
			}
			.car-card__price {
				transform: translateY(2rem);
			}
			.car-card__info-props {
				opacity: 0;
			}
		}
	}
	.car-card__title,
	.car-card__media,
	.car-card__price,
	.car-card__info-props {
		transition: all 0.3s;
	}
	.car-card__title {
		font-family: var(--e-global-typography-40538cc-font-family), Sans-serif;
		font-size: var(--e-global-typography-40538cc-font-size);
		font-weight: var(--e-global-typography-40538cc-font-weight);
		line-height: var(--e-global-typography-40538cc-line-height);
		text-align: center;
		text-wrap: balance;

		a {
			&::after {
				content: "";
				position: absolute;
				inset: 0;
				cursor: poiner;
				z-index: 1;
			}
		}
	}
	.car-card__media {
		flex-grow: 1;

		img {
			width: 100%;
			max-width: 100%;
			height: 100%;
			object-fit: contain;
			object-position: center;
			transition-duration: 0.4s;

			display: inline-block;
			vertical-align: middle;
		}
	}
	.car-card__price {
		font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
		font-size: var(--e-global-typography-a5a6245-font-size);
		font-weight: var(--e-global-typography-a5a6245-font-weight);
		line-height: var(--e-global-typography-a5a6245-line-height);
		color: var(--e-global-color-eb07411);
		text-align: center;

		span {
			display: block;
			margin-block-start: 0.375rem;
			font-size: 1.5rem;
			font-weight: 600;
			color: #000;
		}
	}
	.car-card__info-props {
		display: flex;
		/*justify-content: space-between;*/
		flex-wrap: wrap;
		width: 100%;
		margin: 0.25rem 0 0;
		padding: 0.75rem 0 0;
		border-block-start: 1px solid var(--e-global-color-94ef601);
		list-style: none;

		li {
			flex: initial;
			max-width: 50%;
			position: relative;
			font-family: var(--e-global-typography-a5a6245-font-family), Sans-serif;
			font-size: var(--e-global-typography-a5a6245-font-size);
			font-weight: var(--e-global-typography-a5a6245-font-weight);
			line-height: var(--e-global-typography-a5a6245-line-height);
			color: var(--e-global-color-fb06bce);
			padding-inline-start: 26px;
			padding-block-end: 0;
		}
		.rental-car-property--location {
			margin-inline-start: auto;
		}
	}
}

/* User login */
.woocommerce-account .woocommerce-form-login INPUT[type="text"],
.woocommerce-account .woocommerce-form-login #password {
	color: #000000 !important;
}

.elementor-nav-menu--layout-horizontal .elementor-nav-menu > li.hidden-sm-above,
.elementor-nav-menu--layout-horizontal
	.elementor-nav-menu
	> li.hidden-sm-above.logged-in {
	display: none;
}

/*@media screen and (max-width: 1024px) {
	.rental-car-list .rental-car-card {
		flex: 1 0 32%;
		max-width: 32%;
	}
}*/

@media screen and (max-width: 960px) {
	.rental-car-filters .container {
		flex-wrap: wrap;
		gap: 1%;
	}

	.rental-car-filters .container .filtering-property {
		flex: 1 0 24.2%;
		max-width: 24.2%;
	}

	.rental-car-filters .container #apply-rental-filters {
		margin-top: 16px;
	}
}

@media screen and (max-width: 768px) {
	.elementor-nav-menu > li.hidden-sm-above {
		display: block;
	}

	.elementor-nav-menu > li.hidden-sm-above.logged-in {
		display: none;
	}

	.logged-in .elementor-nav-menu > li.hidden-sm-above {
		display: none;
	}

	.logged-in .elementor-nav-menu > li.hidden-sm-above.logged-in {
		display: block;
	}

	.rental-car-filters .container {
		gap: 2%;
	}

	.rental-car-filters .container .filtering-property {
		flex: 1 0 49%;
		max-width: 49%;
	}

	.rental-car-filters .container .filtering-property LABEL {
		padding: 16px 0 5px 0;
	}

	.rental-car-filters .container #apply-rental-filters {
		margin-top: 22px;
	}

	/*.rental-car-list .rental-car-card {
		flex: 1 0 48%;
		max-width: 48%;
	}*/
}

@media screen and (max-width: 620px) {
	.rental-car-filters .container .filtering-property {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.rental-car-filters .container .filtering-property:nth-child(1) LABEL {
		padding-top: 0;
	}

	/*.rental-car-list .rental-car-card {
		flex: 1 0 100%;
		max-width: 100%;
	}*/
}