/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* -----------------------------------------------------------------------
   Product attribute labels — hide from image overlay, show below price
   ----------------------------------------------------------------------- */

/* Safety net: hide any residual product-attribute labels that are NOT inside our
   below-price block — works regardless of wrapper, screen size or slider context.
   We use [class*="label-attribute-"] because woodmart_get_product_attributes_label()
   always adds class "label-attribute-{name}" to every attribute label, while stock,
   sale, hot and new labels never have that class — so they are unaffected. */
.product-labels:not(.product-attributes-below) [class*="label-attribute-"] {
	display: none !important;
}

/* Stock status badges on the product image overlay (thumbnail position).
   Woodmart styles .onsale / .out-of-stock natively; we style our additions. */
.product-labels .in-stock.brns-stock-badge {
	background-color: #10b981;
	color: #fff;
}
.product-labels .available-on-backorder.brns-stock-badge {
	background-color: #f59e0b;
	color: #fff;
}
.product-labels .reserved.brns-stock-badge {
	background-color: #8b5cf6;
	color: #fff;
}

/* "Rezervat" — after-title text label (matches Woodmart's .wd-product-stock style) */
.wd-product-stock.reserved {
	color: #8b5cf6;
}

/* Single product page availability text */
.stock.reserved {
	color: #8b5cf6;
}

/* Hide Woodmart's wrongly-rendered "Out of stock" paragraph for reserved products.
   woodmart_stock_status_after_title() falls through to its else-branch for any
   unknown status and outputs "Out of stock" — we suppress it here and show our
   own .reserved paragraph instead. */
.brns-status-reserved .wd-product-stock.out-of-stock {
	display: none;
}

/* Attribute name + value layout inside each label badge */
.product-attributes-below .attribute-label-name {
	font-weight: 700;
	margin-right: 4px;
}
.product-attributes-below .attribute-label-value {
	font-weight: 400;
}

/* Icon shown instead of attribute name (when pa_term_image is set) */
.product-attributes-below .attribute-label-icon {
	width: 18px;
	height: 18px;
	object-fit: contain;
	vertical-align: middle;
	margin-right: 4px;
}

/* Reset positioning for the below-price attribute labels block */
.product-labels.product-attributes-below {
	position: static!important;
	top: auto!important;
	inset-inline-start: auto!important;
	z-index: auto!important;
	flex-direction: row!important;
	flex-wrap: wrap!important;
	max-width: 100%!important;
	gap: 6px!important;
	margin-top: 8px!important;
}