/**
 * Autorental button color system.
 * Dark navy is the action color; light blue is reserved for accents and interaction feedback.
 */

:root {
	--autorental-action: #080064;
	--autorental-action-hover: #56c7f4;
	--autorental-action-text: #ffffff;
	--autorental-action-hover-text: #080064;
	--autorental-action-focus: rgba(86, 199, 244, 0.42);
	--autorental-whatsapp: #25d366;
	--autorental-whatsapp-hover: #128c7e;
}

/* Commercial actions: one shared color language throughout the site. */
a.button:not(.remove):not(.autorental-thankyou-whatsapp),
button.button:not(.clear-data):not(.remove),
button[type="submit"]:not(.clear-data),
input[type="submit"],
.elementor-button,
.btn:not(.btn-link):not(.clear-data),
.stm-button,
.stm_add_to_cart,
.stm-add-to-cart a,
.stm_rent_accept,
.autorental-card-cta,
.compare-fixed-link,
.woocommerce a.checkout-button,
.woocommerce button[name="apply_coupon"],
.woocommerce button[name="update_cart"],
.autorental-button--primary {
	border-color: var(--autorental-action) !important;
	background-color: var(--autorental-action) !important;
	background-image: none !important;
	color: var(--autorental-action-text) !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease,
		color 180ms ease,
		box-shadow 180ms ease,
		transform 180ms ease !important;
}

a.button:not(.remove):not(.autorental-thankyou-whatsapp):hover,
a.button:not(.remove):not(.autorental-thankyou-whatsapp):focus-visible,
button.button:not(.clear-data):not(.remove):hover,
button.button:not(.clear-data):not(.remove):focus-visible,
button[type="submit"]:not(.clear-data):hover,
button[type="submit"]:not(.clear-data):focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.elementor-button:hover,
.elementor-button:focus-visible,
.btn:not(.btn-link):not(.clear-data):hover,
.btn:not(.btn-link):not(.clear-data):focus-visible,
.stm-button:hover,
.stm-button:focus-visible,
.stm_add_to_cart:hover,
.stm_add_to_cart:focus-visible,
.stm-add-to-cart a:hover,
.stm-add-to-cart a:focus-visible,
.stm_rent_accept:hover,
.stm_rent_accept:focus-visible,
.autorental-card-cta:hover,
.autorental-card-cta:focus-visible,
.compare-fixed-link:hover,
.compare-fixed-link:focus-visible,
.woocommerce a.checkout-button:hover,
.woocommerce a.checkout-button:focus-visible,
.woocommerce button[name="apply_coupon"]:hover,
.woocommerce button[name="apply_coupon"]:focus-visible,
.woocommerce button[name="update_cart"]:hover,
.woocommerce button[name="update_cart"]:focus-visible,
.autorental-button--primary:hover,
.autorental-button--primary:focus-visible {
	border-color: var(--autorental-action-hover) !important;
	background-color: var(--autorental-action-hover) !important;
	color: var(--autorental-action-hover-text) !important;
	box-shadow: 0 0 0 3px var(--autorental-action-focus) !important;
	transform: translateY(-1px);
	outline: none;
}

/* High-specificity theme overrides for the main booking and catalogue actions. */
.stm_rent_car_form_wrapper .stm_rent_car_form button[type="submit"]:not(.clear-data),
.stm-template-car_rental_elementor .stm-add-to-cart a,
.stm-template-car_rental_elementor .stm_rental_options_archive .stm_rental_option .stm_rental_option_content .meta .stm-add-to-cart a,
.stm-template-car_rental_elementor input.button[name="apply_coupon"],
.stm_rent_order_info .image-placeholder > a > .button,
.stm-template-car_rental_elementor .stm_rent_order_info .image.image-placeholder span.button,
body.home .elementor-element-9a0df26 .stm_rent_car_form .form-btn-wrap .heading-font,
body.page-id-980 ul.products li.product .button.autorental-card-cta,
body.woocommerce-page ul.products li.product .button.autorental-card-cta {
	border-color: var(--autorental-action) !important;
	background-color: var(--autorental-action) !important;
	background-image: none !important;
	color: #ffffff !important;
}

.stm_rent_car_form_wrapper .stm_rent_car_form button[type="submit"]:not(.clear-data):hover,
.stm_rent_car_form_wrapper .stm_rent_car_form button[type="submit"]:not(.clear-data):focus-visible,
.stm-template-car_rental_elementor .stm-add-to-cart a:hover,
.stm-template-car_rental_elementor .stm-add-to-cart a:focus-visible,
.stm-template-car_rental_elementor .stm_rental_options_archive .stm_rental_option .stm_rental_option_content .meta .stm-add-to-cart a:hover,
.stm-template-car_rental_elementor .stm_rental_options_archive .stm_rental_option .stm_rental_option_content .meta .stm-add-to-cart a:focus-visible,
.stm-template-car_rental_elementor input.button[name="apply_coupon"]:hover,
.stm-template-car_rental_elementor input.button[name="apply_coupon"]:focus-visible,
.stm_rent_order_info .image-placeholder > a:hover > .button,
.stm_rent_order_info .image-placeholder > a:focus-visible > .button,
.stm-template-car_rental_elementor .stm_rent_order_info .image.image-placeholder > a:hover span.button,
.stm-template-car_rental_elementor .stm_rent_order_info .image.image-placeholder > a:focus-visible span.button,
body.home .elementor-element-9a0df26 .stm_rent_car_form .form-btn-wrap .heading-font:hover,
body.home .elementor-element-9a0df26 .stm_rent_car_form .form-btn-wrap .heading-font:focus-visible,
body.page-id-980 ul.products li.product .button.autorental-card-cta:hover,
body.page-id-980 ul.products li.product .button.autorental-card-cta:focus-visible,
body.woocommerce-page ul.products li.product .button.autorental-card-cta:hover,
body.woocommerce-page ul.products li.product .button.autorental-card-cta:focus-visible {
	border-color: var(--autorental-action-hover) !important;
	background-color: var(--autorental-action-hover) !important;
	color: var(--autorental-action-hover-text) !important;
	box-shadow: 0 0 0 3px var(--autorental-action-focus) !important;
}

/* Disabled actions stay recognizable without looking interactive. */
button:disabled,
input[type="submit"]:disabled,
.button.disabled,
.button[aria-disabled="true"],
.autorental-card-cta.is-disabled {
	opacity: 0.52 !important;
	box-shadow: none !important;
	transform: none !important;
	cursor: not-allowed !important;
}

/* My Account: login and registration share one visual language. */
body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap {
	background-color: #23393d !important;
	color: #ffffff !important;
}

body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap label,
body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap p,
body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap .lost_password,
body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap .woocommerce-privacy-policy-text {
	color: #ffffff !important;
}

body.woocommerce-account #customer_login input.button[type="submit"],
body.woocommerce-account #customer_login button.button[type="submit"],
.stm-template-car_rental_elementor.woocommerce-account #customer_login .login .stm-rent-fields-wrap .stm-rent-btn-wrap input[type="submit"] {
	min-height: 44px;
	border: 2px solid var(--autorental-action) !important;
	border-radius: 999px !important;
	background-color: var(--autorental-action) !important;
	background-image: none !important;
	color: #ffffff !important;
	box-shadow: none !important;
}

body.woocommerce-account #customer_login input.button[type="submit"]:hover,
body.woocommerce-account #customer_login input.button[type="submit"]:focus-visible,
body.woocommerce-account #customer_login button.button[type="submit"]:hover,
body.woocommerce-account #customer_login button.button[type="submit"]:focus-visible,
.stm-template-car_rental_elementor.woocommerce-account #customer_login .login .stm-rent-fields-wrap .stm-rent-btn-wrap input[type="submit"]:hover,
.stm-template-car_rental_elementor.woocommerce-account #customer_login .login .stm-rent-fields-wrap .stm-rent-btn-wrap input[type="submit"]:focus-visible {
	border-color: var(--autorental-action-hover) !important;
	background-color: var(--autorental-action-hover) !important;
	color: var(--autorental-action-hover-text) !important;
	box-shadow: 0 0 0 3px var(--autorental-action-focus) !important;
}

/* Functional exceptions: currency, WhatsApp and utility/navigation controls. */
.autorental-currency-switcher button {
	border-color: transparent !important;
	background-color: #ffffff !important;
	color: var(--autorental-action) !important;
	box-shadow: none !important;
	transform: none !important;
}

.autorental-currency-switcher button:hover,
.autorental-currency-switcher button:focus-visible {
	background-color: rgba(86, 199, 244, 0.22) !important;
	color: var(--autorental-action) !important;
	box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--autorental-action-hover) !important;
}

.autorental-currency-switcher button.is-active {
	border-color: var(--autorental-action) !important;
	background-color: var(--autorental-action) !important;
	color: #ffffff !important;
	box-shadow: 0 3px 9px rgba(8, 0, 100, 0.2) !important;
}

.autorental-thankyou-whatsapp,
.autorental-button[href*="wa.me"],
.autorental-button[href*="api.whatsapp.com"],
.autorental-header-whatsapp .stm-rental-phone_circle {
	border-color: var(--autorental-whatsapp) !important;
	background-color: var(--autorental-whatsapp) !important;
	color: #ffffff !important;
}

.autorental-thankyou-whatsapp:hover,
.autorental-thankyou-whatsapp:focus-visible,
.autorental-button[href*="wa.me"]:hover,
.autorental-button[href*="wa.me"]:focus-visible,
.autorental-button[href*="api.whatsapp.com"]:hover,
.autorental-button[href*="api.whatsapp.com"]:focus-visible,
.autorental-header-whatsapp:hover .stm-rental-phone_circle,
.autorental-header-whatsapp:focus-visible .stm-rental-phone_circle {
	border-color: var(--autorental-whatsapp-hover) !important;
	background-color: var(--autorental-whatsapp-hover) !important;
	color: #ffffff !important;
}

button.clear-data,
a.remove,
button.remove,
.slick-arrow,
.owl-prev,
.owl-next,
.fancybox-button,
.ui-datepicker-prev,
.ui-datepicker-next,
.xdsoft_prev,
.xdsoft_next,
.xdsoft_today_button {
	background-image: none;
	box-shadow: none;
}

/* My Account: client-approved navy states, rounded actions and order summary. */
.stm-template-car_rental_elementor.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.stm-template-car_rental_elementor.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:hover,
.stm-template-car_rental_elementor.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:focus-visible {
	background: var(--autorental-action) !important;
	color: #ffffff !important;
}

.stm-template-car_rental_elementor.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
	color: #ffffff !important;
}

body.woocommerce-account #customer_login > [class*="col-"] .stm-rent-fields-wrap {
	background-color: var(--autorental-action) !important;
}

body.woocommerce-account #customer_login .stm-rent-fields-wrap a,
body.woocommerce-account #customer_login .stm-rent-fields-wrap .woocommerce-privacy-policy-link {
	color: #ffffff !important;
	text-decoration-color: rgba(255, 255, 255, .65) !important;
}

body.woocommerce-account #customer_login .register .stm-rent-btn-wrap,
body.woocommerce-account #customer_login .login .stm-rent-btn-wrap {
	overflow: hidden;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--autorental-action) !important;
	box-shadow: none !important;
}

body.woocommerce-account #customer_login .stm-rent-btn-wrap input[type="submit"],
body.woocommerce-account a.button,
body.woocommerce-account button.button,
body.woocommerce-account input.button,
body.woocommerce-account input[type="submit"] {
	border-color: var(--autorental-action) !important;
	border-radius: 999px !important;
	background-color: var(--autorental-action) !important;
	color: #ffffff !important;
}

body.woocommerce-account #customer_login .stm-rent-btn-wrap:hover,
body.woocommerce-account #customer_login .stm-rent-btn-wrap:focus-within,
body.woocommerce-account a.button:hover,
body.woocommerce-account a.button:focus-visible,
body.woocommerce-account button.button:hover,
body.woocommerce-account button.button:focus-visible,
body.woocommerce-account input.button:hover,
body.woocommerce-account input.button:focus-visible,
body.woocommerce-account input[type="submit"]:hover,
body.woocommerce-account input[type="submit"]:focus-visible {
	border-color: #241b7a !important;
	background-color: #241b7a !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(8, 0, 100, .16) !important;
}

.stm-template-car_rental_elementor .stm_rental_order_success {
	border-color: var(--autorental-action) !important;
	border-radius: 14px;
}

.stm-template-car_rental_elementor.woocommerce-account .woocommerce-info,
.stm-template-car_rental_elementor.woocommerce-account .woocommerce-info::before,
.stm-template-car_rental_elementor.woocommerce-account .woocommerce-info .fas::before {
	border-color: var(--autorental-action) !important;
	color: var(--autorental-action) !important;
}