/**
 * Storefront Theme Compatibility
 *
 * Loaded conditionally only when the Storefront theme is active.
 */

 /* ==========================================================================
   Ajax Search
   ========================================================================== */

.widget-area .widget .commercekit-ajax-search-wrapper a {
	text-decoration: none;
}

.widget-area .widget .commercekit-ajs-view-all-holder a {
	color: #fff;
}

.commercekit-ajs-product-title {
	font-weight: 600;
}

/* ==========================================================================
   Sticky ATC
   ========================================================================== */

/* Allow vertical sticky effect by resetting overflow on ancestors */
.ckit-sticky-tabs-active .site,
.ckit-sticky-tabs-active div.product,
.ckit-sticky-tabs-active #commercekit-atc-tabs-wrap {
	overflow: visible;
}

div.product .summary form.cart.commercekit_sticky-atc {
	padding: 1em;
}

form.cart.commercekit_sticky-atc a.reset_variations {
	margin-top: 1em;
	margin-left: 0;
}

.commercekit-sticky-atc-intersector {
	padding: 2px;
}

li#cgkit-tab-commercekit-sticky-atc-title button {
	margin-right: 3px;
}

@media (min-width: 993px) {
	div.product .summary form.cart.commercekit_sticky-atc {
		padding: 0;
	}
}

/* Offset sticky ATC above Storefront handheld footer bar on mobile */
@media (max-width: 769px) {
	body:has(footer .storefront-handheld-footer-bar).cta-off-screen #cgkit-mobile-commercekit-sticky-atc,
	body:has(footer .storefront-handheld-footer-bar).sticky-atc-open form.cart.commercekit_sticky-atc {
		bottom: 68px;
	}
}

/* ==========================================================================
   PDP Gallery
   ========================================================================== */

div.cg-main-swiper div.cgkit-play,
div.cg-main-swiper div.cgkit-play svg,
div.pswp__scroll-wrap div.cgkit-play,
div.pswp__scroll-wrap div.cgkit-play svg {
	width: 60px;
	height: 60px;
}

/* ==========================================================================
   Attribute Swatches
   ========================================================================== */

/* ATC button: auto width so it doesn't stretch full-width */
ul.products li.product .cgkit-as-single-atc-wrap .button {
	width: auto;
}

/* Reset swatch-hover image width (overridden below when wishlist present) */
ul.products li.product.cgkit-swatch-hover a img.wp-post-image-cgas {
	width: auto;
}

/* Full-width images when wishlist icon is present (fixes icon positioning) */
ul.products li.product.cgkit-swatch-hover:has(.commercekit-wishlist) a img.wp-post-image-cgas,
ul.products li.product:has(.commercekit-wishlist) a img {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Swatch title and summary label weight */
.cgkit-as-wrap-plp .cgkit-swatch-title {
	font-weight: 600;
}

.cgkit-swatch-form summary {
	font-weight: 600;
}

.single-product div.product .commercekit-pdp-sticky-inner table.variations .value,
.single-product div.product form.cgkit-swatch-form table.variations .value {
	margin-bottom: 0;
}

.single-product div.product .commercekit-pdp-sticky-inner form,
.single-product div.product form.cart.cgkit-swatch-form {
	margin: 0;
	padding: 0;
}

.single-product div.product .commercekit-pdp-sticky-inner a.reset_variations {
	margin-top: 0.5rem;
	margin-left: 0;
}

/* Hide WC error icon inside swatch notice */
#cgkit-as-notice .woocommerce-error:before {
	display: none;
}

/* ==========================================================================
   Order Bump
   ========================================================================== */

.commercekit-order-bump .ckobp-title {
	font-weight: 600;
}
.commercekit-order-bump .ckobp-name a {
	text-decoration: none;
}

/* ==========================================================================
   Size Guide
   ========================================================================== */

.size-guide-modal .ckit-modal-header .ckit-modal-title {
	font-weight: 600;
}
.commercekit-size-guide .commercekit-sg-label {
	background-color: transparent;
}

/* ==========================================================================
   Waitlist
   ========================================================================== */

#commercekit-waitlist-popup .commercekit-waitlist #ckwtl-email {
	padding: 0.6180469716em;
	background-color: #f2f2f2;
	border: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
	font-weight: 400;
}

#commercekit-waitlist-popup .commercekit-waitlist .ckwtl-consent-wrap input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin: 2px 0 0 0;
}

#commercekit-waitlist-popup #commercekit-waitlist-close {
	right: 25px;
	top: 25px;
}

/* ==========================================================================
   Wishlist
   ========================================================================== */

/* My Account: wishlist heart icon */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--cgkit-wishlist a::before {
	content: "\f004";
}

/* ==========================================================================
   Badge + Wishlist Positioning
   ========================================================================== */

/*
 * Storefront .onsale is in-flow so there is no overlap with .ckit-badge_wrapper.
 * standalone.css compact rules exclude Storefront via :not(.theme-storefront) so
 * no .onsale reset is needed here. Reset the push-down applied by unified.css.
 */
body.theme-storefront.cgkit-has-badges .ckit-badge_wrapper.ckit-has-sale,
body.theme-storefront.cgkit-has-badges.cgkit-has-wishlist .ckit-badge_wrapper.ckit-has-sale {
    top: 10px;
}

@media (min-width: 771px) {
	.cgkit-active.single-product.cgkit-has-badges:has(.cg-layout-vertical-left) div.product > span.onsale {
		left: auto;
	}
	.cgkit-active.single-product:has(.cg-layout-vertical-left) .product > .onsale {
		left: auto;
	}
	.rtl.cgkit-active.single-product:has(.cg-layout-vertical-left) .product > .onsale {
		right: auto;
	}
	.cgkit-active.single-product:has(.cgkit-gallery-vertical-scroll) div.product > span.onsale {
        margin-left: 0;
    }
    .rtl.cgkit-active.single-product.cgkit-has-badges:has(.cg-layout-vertical-left) div.product > span.onsale {
        left: auto;
        right: auto;
    }
	.rtl.cgkit-active.single-product:has(.cgkit-gallery-vertical-scroll) div.product > span.onsale {
		margin-right: 0;
	}
}


/* ==========================================================================
   Inventory Bar
   ========================================================================== */

.commercekit-inventory + .woocommerce-product-details__short-description {
	padding-top: 1px;
}