/*
 * Legacy live CSS ported verbatim from the previous theme's style.css
 * (Hello Elementor Child, git commit 02ba748). Inventory and known quirks:
 * docs/live-functionality.md
 *
 * NOTE: the unterminated comment near the end ("Hide Never Expire * /")
 * is preserved on purpose — it disabled the final two rules in production,
 * and fixing it would CHANGE live behavior. Clean up deliberately.
 */
/* Add your custom styles here */


/* Product Quiz modal */
.rh-widget > span {
	line-height: 42px!important;
	color: #fff!important;
 	background-color: #5A32F4!important;
}
@media (max-width: 767px) {
  .rh-widget > span {
  	top: 20vw!important;
  }
}
@media (min-width: 768px) {
	.rh-modal {
		background: #50505050!important;
	}
   .rh-widget {
    align-items: center;
    justify-content: center;
  }
  .rh-modal iframe{
    height: 80vh!important;
    padding: 4em 2em!important;
	  max-width: 1024px;
  }
}

/* swiper */
.swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-wrapper {
    overflow: visible!important;
}

/* nad booster category */
.term-nad-booster .jet-woo-builder-archive-product-title {
	text-transform: none;
	letter-spacing: 0;
}

 
/* ==== Force CSS Styling (klaviyo/weglot/aelia/squeezely) === */
/* Custom styles for the Aelia currency plugin with parent class currency-switcher */
.currency-switcher .wc_aelia_cs_currency_selector .dropdown .currencies:focus-visible{
    outline: none;
}
.currency-switcher  .options.currencies li:last-of-type {
	border-radius: 0 0 4px 4px;
}
.currency-switcher .wc_aelia_cs_currency_selector {
	padding: 0!important; 
	max-width: 400px;
	font-size: 13px;
	font-weight: 500;
	font-family: inherit;
	margin: 4px 0 0;
}
.currency-switcher .wc_aelia_cs_currency_selector .selected_currency {
	padding: 6px 15px;
	border: none; 
	transition: .3s ease;
}
.currency-switcher .wc_aelia_cs_currency_selector .selected_currency:hover {
	background-color: var(--accent);
	color: var(--white);
	border-radius: 5px;
}
.currency-switcher .wc_aelia_cs_currency_selector .selected_currency:before {
	display: none;
}
.currency-switcher .wc_aelia_cs_currency_selector .dropdown {
	 border: none; 
	 padding: 4px 0 0; 
	min-width: fit-content;
	background-color: transparent;
}
.currency-switcher .wc_aelia_cs_currency_selector .dropdown .currencies {
	margin-top: 0;
	margin-bottom: 0; 
	padding: 0;
}
.currency-switcher .wc_aelia_cs_currency_selector .dropdown .currency {
	outline: none !important;
	background-color: white;
}
.currency-switcher .wc_aelia_cs_currency_selector .dropdown .currency:hover {
	background-color: var(--accent);
	color: white;
}
.currency-switcher .wc_aelia_cs_currency_selector .currency_flag {
	display: none;
}

.currency-switcher .wc_aelia_cs_currency_selector .currency_name {
	margin: 0;
	text-align: center;
}
.aelia_cs_currencies {
    font-size: 13px;
	font-weight: 500;
    color: var(--text);
    padding: 5px 15px;
    border: 0;
    background-color: transparent;
    position: relative;
/*     background-image: url("data:image/svg+xml,%3Csvg class='ast-arrow-svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='26px' height='16.043px' fill='%23000000' viewBox='57 35.171 26 16.043' enable-background='new 57 35.171 26 16.043' xml:space='preserve' %3E%3Cpath d='M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z'%3E%3C/path%3E%3C/svg%3E"); */
/*     background-position: 100% 7px; */
/*     background-repeat: no-repeat; */
    appearance: none;
/*     background-size: 16px; */
}
.aelia_cs_currencies:focus-visible{
    outline: none;
}
.wc_aelia_cs_currency_selector .dropdown .currencies {
	max-height: 100%;
}

/* Weglot Switcher */
.weglot-container {
	margin: 4px 0 0;
}
.weglot_switcher.vertical_expand .language-option a img {
	width: 22px!important;
	height: 14px!important;
}
.weglot_switcher.vertical_expand .language-option {
  font-family: inherit!important;
	font-size: 13px!important;
	padding: 0px 8px;
    text-align: center;
    justify-content: center;
    width: 56px;
}
.weglot_switcher.vertical_expand .language-option a{
	font-weight: 500!important;
	color: inherit!important;
}

/* magic login */
#magic-login-shortcode, .magic-login-submit {width:100% !important;padding: 10px 5px !important;}

/* ==== Checkout Coupon CSS ===*/
 /* Reduce Size of Main Header */
#coupons_list {
    margin-bottom: 1.2em;
}

#coupons_list h3 {
    font-size: 0.75em;
}

#sc-cc .items-center {
    font-size: 0.75em;
}

span.discount-label {
    font-size: 0.75em;
}

/* <!-- Yotpo Loyalty Widget Styles --> */
#text_to_show_coupon {
	font-size: 14px;
	margin-bottom: 10px;
	display: block;
}
.hide {
	display: none !important;
}
input#cfw-promo-code-btn {
	font-size: 14px;
	letter-spacing: 1px;
}
.yotpo-apply-redemption-options input.vs__search {
    padding: 0.5rem;
}

/* Payment gateway buttons css fixes - IQBAL */
@media (min-width: 1024px) {
	.wc_stripe_checkout_banner_gateways.wc-stripe-wfacp-express-buttons{
		width: 33.5rem;
	}
	.banner_payment_method_stripe_googlepay {
		float: left;
		width: 11rem;
	}
	.banner_payment_method_stripe_applepay{
		float: right;
		width: 10rem;
	}
	.banner_payment_method_stripe_applepay iframe {
		min-height: 53px;
	}
	.gpay-card-info-container-fill .gpay-card-info-iframe {
		left: 0;
	}
}
@media (max-width: 767px) {
    /* Mobile CSS here */
    .banner_payment_method_stripe_applepay{
		margin-top: 10px;
	}
	.gpay-card-info-container-fill .gpay-card-info-iframe {
		left: 0;
	}
}

/* Fix baner image height issue on page vital-club */
.yotpo-widget-hero-section .yotpo-text-on-background:not(.yotpo-is-mobile) {
	height: 600px !important;
}

/* Hide Never Expire * /
div.inline-flex.items-center.gap-2.text-xs.leading-none.text-gray-600 > span:nth-child(2) {
    display: none;
}

div#cfw-logo-container {
    animation: none!important;
}