/* ================================================================
   BARON BOUTIQUE — goya-child/assets/css/shop.css
   
   These are the ONLY rules that differ from the parent theme's
   goya/assets/css/shop.css. All other styles are already
   inherited from the parent. Total saving: ~270 KB.
   ================================================================ */


/* -------------------------------------------------------
   1. Product listing tooltips — top: auto (not top: 0)
      Fixes tooltip vertical alignment in listing grids
------------------------------------------------------- */
.et-tooltip .text,
.et-listing-style2 .button .text,
.et-listing-style2 .added_to_cart .text,
.et-listing-style3 .button .text,
.et-listing-style3 .added_to_cart .text,
.yith-wcwl-add-to-wishlist-button__label,
.et-listing-style2 .yith-wcwl-add-to-wishlist-button__label,
.et-listing-style3 .yith-wcwl-add-to-wishlist-button__label,
.et-listing-style4 .yith-wcwl-add-to-wishlist-button__label,
.tinvwl-tooltip {
	top: auto;
}


/* -------------------------------------------------------
   2. Show-rating layout — price color + star-rating overflow
      Parent has no color here; child sets #333 and clips stars
------------------------------------------------------- */
.products.show-rating .product_after_shop_loop_price .price {
	color: #333;
}
.products.show-rating .product_after_shop_loop_price .star-rating {
	overflow: hidden;
}


/* -------------------------------------------------------
   3. Listing style 2 — hide text only on > .button (not all actions)
      Parent: .after_shop_loop_actions { display:none }
      Child:  .after_shop_loop_actions > .button { display:none }
      More specific — prevents hiding non-button children
------------------------------------------------------- */
.et-listing-style2 .product_after_title .after_shop_loop_actions > .button {
	display: none !important;
}


/* -------------------------------------------------------
   4. Listing style 3 — hide text on .button (not all actions)
      Parent: .after_shop_loop_actions { display:none }
      Child:  .after_shop_loop_actions .button { display:none }
------------------------------------------------------- */
.et-listing-style3 .product_after_title .after_shop_loop_actions .button {
	display: none !important;
}


/* -------------------------------------------------------
   5. ATC-visible-mobile button text — font-size + removes !important
      Parent: display: inline-block !important
      Child:  font-size: 14px; display: inline-block (no !important)
------------------------------------------------------- */
.atc-visible-mobile .after_shop_loop_actions .button .text,
.atc-visible-mobile-desktop .after_shop_loop_actions .button .text {
	font-size: 14px;
	display: inline-block;
}


/* -------------------------------------------------------
   6. Single product — price color #333
      Parent has no explicit color; child overrides to #333
------------------------------------------------------- */
.et-product-detail .summary .price {
	color: #333;
}


/* -------------------------------------------------------
   7. Single product — hide review link
      Parent: font-size: .8em
      Child: display: none (hides the link entirely)
------------------------------------------------------- */
.et-product-detail .woocommerce-review-link {
	display: none;
}


/* -------------------------------------------------------
   8. Sizing guide popup — padding 20px (not 40px)
      Tighter popup padding for Baron Boutique sizing guide
------------------------------------------------------- */
.mfp.et-sizing-guide .popup-container {
	padding: 20px;
}


/* -------------------------------------------------------
   9. Wishlist selectors — YITH only (tinv selectors removed)
      Parent includes .tinv-wraper.tinv-wishlist selectors throughout.
      Child removes them as TI Wishlist plugin is not used.
      Three separate rule blocks affected:
------------------------------------------------------- */

/* Block A: wishlist button base styles */
.et-product-detail .summary .yith-wcwl-add-to-wishlist > div > a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: transparent;
	text-transform: none;
	letter-spacing: normal;
	background: rgba(0,0,0,0.07);
	line-height: 1.6;
	font-size: inherit;
	padding: .75rem;
	border: 2px solid transparent;
	gap: 0;
}

/* Block B: stacked/mixed cart layout */
.et-product-detail.et-cart-stacked .summary .yith-wcwl-add-to-wishlist-button {
	padding: .15rem .75rem;
	margin-top: 10px;
	width: 100%;
	justify-content: center;
}

/* Block C: yith add-to-wishlist block width */
.et-product-detail .summary .yith-add-to-wishlist-button-block {
	width: 100%;
	margin-top: 0;
}


/* -------------------------------------------------------
   10. Buy-now container — tinv selector removed
       Parent includes .tinv-wraper.tinv-wishlist in same rule.
       Child scopes to buy-now only.
------------------------------------------------------- */
@media only screen and (min-width: 576px) {
	.et-product-detail.et-cart-mixed:not(.sold-individually):not(.product-type-grouped):not(.product-type-external) .buy-now-container-single-product > div {
		margin-left: 114px;
	}
}


/* -------------------------------------------------------
   11. Product meta — color #333 (parent was #848485)
       Makes SKU/category meta text darker
------------------------------------------------------- */
.et-product-detail .product_meta {
	color: #333;
}


/* -------------------------------------------------------
   12. Showcase — breadcrumb/product_actions display: block
       Parent: display: none
       Child: display: block (shows breadcrumb in showcase mode)
------------------------------------------------------- */
.showcase-active .woocommerce-breadcrumb,
.showcase-active .product_actions_wrap {
	display: block;
}


/* -------------------------------------------------------
   13. Showcase — short description display: block
       Parent: display: none
       Child: display: block
------------------------------------------------------- */
@media only screen and (min-width: 992px) {
	.et-product-detail .showcase-active .woocommerce-product-details__short-description {
		display: block;
	}
}


/* -------------------------------------------------------
   14. Variation label padding-right — commented out
       Parent: padding-right: .75rem
       Child: removes this padding (commented out in child)
------------------------------------------------------- */
.et-product-detail .summary .variations label {
	padding-right: 0;
}


/* -------------------------------------------------------
   15. Variation swatches — square corners (border-radius: 0)
       Parent: border-radius: 100px !important (pill/circle)
       Child: border-radius: 0 !important (square)
       This is the primary reason the child shop.css existed.
------------------------------------------------------- */
.wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item,
.wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item,
.wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item img,
.wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span,
.wvs-style-squared:not(.wvs-pro) .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span:after,
.woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item,
.woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).image-variable-item,
.woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).image-variable-item img,
.woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span,
.woo-variation-swatches:not(.wvs-pro) .wvs-style-squared .variable-item:not(.radio-variable-item).color-variable-item .variable-item-span:after,
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item {
	border-radius: 0 !important;
}


/* -------------------------------------------------------
   16. Cart table — thead font styles
       Parent: font-weight: normal only
       Child: font-size 12px + letter-spacing 0.1rem + color #777
------------------------------------------------------- */
.shop_table.cart thead tr th {
	font-size: 12px;
	letter-spacing: 0.1rem;
	color: #777;
}


/* -------------------------------------------------------
   17. Free shipping progress bar — height 5px (not 4px)
       Slightly thicker progress bar rail
------------------------------------------------------- */
.free-shipping-progress-bar .progress-bar-rail {
	line-height: 5px;
	height: 5px;
}


/* -------------------------------------------------------
   18. Progress percent — padding + font-size
       Parent: padding-left: 16px and has a decorative :before dot
       Child: padding: 0 .5em; font-size: 1.1em (no dot pseudo-element)
------------------------------------------------------- */
.progress-percent {
	padding: 0 .5em;
	font-size: 1.1em;
}


/* -------------------------------------------------------
   19. Checkout distraction-free — z-index and left position
       Child adds z-index: -1 to one rule and changes left: 0 to left: -10px
------------------------------------------------------- */
.checkout-distraction-free.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block:before,
.checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container:before {
	z-index: -1;
}

@media only screen and (min-width: 992px) {
	.checkout-distraction-free.woocommerce-checkout .woocommerce-checkout-review-order-container:before,
	.checkout-distraction-free.woocommerce-checkout .wp-block-woocommerce-checkout-totals-block:before {
		left: -10px;
	}
}


/* -------------------------------------------------------
   20. TINV wishlist icon pulse animation position
       Parent: left: -4px; top: 0
       Child:  margin: -4px -4px 0 0; left: 0; top: 20%
       Repositions the animated pulse dot on the wishlist icon
------------------------------------------------------- */
.ftinvwl-animated.ftinvwl-pulse:after {
	margin: -4px -4px 0 0;
	left: 0;
	top: 20%;
}


/* -------------------------------------------------------
   21. Wishlist stock status — YITH only (tinv selector removed)
       Parent: .wishlist_table .product-stock-status span,
               .tinv-wishlist .stock.in-stock { ... }
       Child: only .wishlist_table .product-stock-status span
------------------------------------------------------- */
.wishlist_table .product-stock-status span {
	display: inline-block;
	font-size: 0.9em;
	line-height: 1;
	padding: 5px 12px;
	border-radius: 50px;
	white-space: nowrap;
}


/* -------------------------------------------------------
   22. Plugin section label — YITH Subscriptions (not WOO Subscriptions)
       Comment-only change; included for completeness
------------------------------------------------------- */
/* ## Plugin: YITH Subscriptions
------------------------------------------------------- */
.woocommerce .woocommerce-MyAccount-content .shop_table a.cancel {
	color: initial;
	background: transparent;
	border: 0;
}

/* Fix: black border flash when hovering between swatches */
.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    transition: border-color 0.2s ease !important;
}

.variable-items-wrapper .variable-item:not(.radio-variable-item):hover {
    border-color: rgba(0, 0, 0, 0.5) !important;
}

.variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    border-color: rgba(0, 0, 0, 0.8) !important;
}