/**
 * Main CSS file for Shoptimizer Child Theme
 * 
 * This file is enqueued on every page, following the same approach
 * as the parent theme's main.css file.
 * 
 * Add global styles that should apply site-wide here.
 */

/* Reviews.io star icon font — RUCSS drops the @font-face; redeclare so stars render */
@font-face {
	font-family: "reviewsio-font";
	src: url("https://assets.reviews.io/iconfont/legacy/revsglobal-pr-mod/fonts/revsglobal-pr-mod.woff2?t7ksre") format("woff2");
	font-display: block;
}

/* Override Elementor compatibility height:0 so theme header keeps 70px on mobile */
@media (max-width: 992px) {
	.main-header.col-full,
	.main-header.col-full .site-branding {
		height: 70px;
	}
}

footer a:not(.button):hover {
	color: black;
}

.purchasable [data-widget_type="woocommerce-product-title.default"] {
	margin-top: auto;
}
.hide-subscription-info .wcsatt-sub-options,
.hide-subscription-info .wcsatt-sub-discount,
.hide-subscription-info .wcsatt-sub-price{
	display: none;
}
#newsletter-signup-form input:-webkit-autofill,
#newsletter-signup-form input:-webkit-autofill:hover,
#newsletter-signup-form input:-webkit-autofill:focus,
#newsletter-signup-form textarea:-webkit-autofill,
#newsletter-signup-form textarea:-webkit-autofill:hover,
#newsletter-signup-form textarea:-webkit-autofill:focus,
#newsletter-signup-form select:-webkit-autofill,
#newsletter-signup-form select:-webkit-autofill:hover,
#newsletter-signup-form select:-webkit-autofill:focus {
  -webkit-transition-delay: 99999s;
}
#newsletter-signup-form .elementor-field-textual:focus{
    color:#fff;
}
.elementor-add-to-cart .e-loop-add-to-cart-form-container .added_to_cart.wc-forward {
	display: none !important;
}

/* Remove white background from product gallery slides */
.cg-main-swiper .swiper-slide {
	background: transparent !important;
}

/* Sale badge in Elementor product loop: overlay on image (same as theme loop) */
.e-con:has(.shoptimizer-elementor-loop-sale-badge) {
	position: relative;
}
.shoptimizer-elementor-loop-sale-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}
.shoptimizer-elementor-loop-sale-badge .product-label.type-bubble, .shoptimizer-elementor-loop-sale-badge li.product .onsale {
	min-width: max-content;
}
.sale-item.product-label.type-bubble {
	font-weight: 800;
}
.onsale, .product-label, .wc-block-grid__product-onsale {
	background-color: #75200e !important;
}
.product-details-wrapper .summary.entry-summary .product-label{
	margin-left: 0;
}
.ckit-badge_wrapper{
	right: 10px;
	left: unset !important;
}

/*
 * Unified strikethrough for discounted prices.
 *
 * A clean single horizontal line in a muted grey that reads at a glance but
 * doesn't compete with the discounted price. Applied to AWDR's rebuilt block,
 * our inline strikethrough span, and raw <del> tags in cart / checkout /
 * mini-cart price columns.
 */
:is(
	.awdr_cart_strikeout_line del,
	.original-price-strikethrough .woocommerce-Price-amount,
	.woocommerce-cart-form .cart_item .product-subtotal del,
	.woocommerce-checkout-review-order-table .cart_item del,
	.woocommerce-mini-cart .mini_cart_item del
) {
	color: #6a6a6a !important;
	text-decoration: line-through !important;
	text-decoration-color: #6a6a6a !important;
	opacity: 1 !important;
}

/* Keep the outer strikethrough span as block so the actual price stacks below.
 * Also drop the inline `text-decoration: line-through` it carries — the inner
 * .woocommerce-Price-amount draws the line so the wrapper doesn't need to. */
.original-price-strikethrough {
	display: block !important;
	text-decoration: none !important;
}

/* Suppress nested line-through: parent theme's mini-cart CSS also strikes the
 * inner .amount inside <del>, which combined with the outer line-through draws
 * the rule twice and thickens it inconsistently. Same risk on any markup where
 * .woocommerce-Price-amount is nested inside our strikethrough containers. */
:is(
	.awdr_cart_strikeout_line del,
	.woocommerce-cart-form .cart_item .product-subtotal del,
	.woocommerce-checkout-review-order-table .cart_item del,
	.woocommerce-mini-cart .mini_cart_item del
) .woocommerce-Price-amount,
.original-price-strikethrough .woocommerce-Price-amount .woocommerce-Price-amount {
	text-decoration: none !important;
}

/* Ensure the currency symbol inherits the muted strikethrough colour rather
 * than the Elementor cart widget's blanket `td span { color: #000 }` rule, so
 * the symbol and amount read as one struck-through unit. */
:is(
	.awdr_cart_strikeout_line del,
	.original-price-strikethrough,
	.woocommerce-cart-form .cart_item .product-subtotal del,
	.woocommerce-checkout-review-order-table .cart_item del,
	.woocommerce-mini-cart .mini_cart_item del
) .woocommerce-Price-currencySymbol,
:is(
	.awdr_cart_strikeout_line del,
	.original-price-strikethrough,
	.woocommerce-cart-form .cart_item .product-subtotal del,
	.woocommerce-checkout-review-order-table .cart_item del,
	.woocommerce-mini-cart .mini_cart_item del
) bdi {
	color: inherit !important;
}

/* Vertical alignment on the cart table: the AWDR-rebuilt strikethrough block
 * uses flex-column, but the default line-height on price spans pushes the
 * line-through above the visual middle of the text. Tightening line-height
 * keeps each price tightly bounded and centres the strikethrough rule. */
.woocommerce-cart-form .awdr_cart_strikeout_line del,
.woocommerce-cart-form .awdr_cart_strikeout_line ins,
.awdr_cart_strikeout_line del,
.awdr_cart_strikeout_line ins {
	line-height: 1.4 !important;
}