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

/* 57 Reflex - FPS gaming badges */
.reflex-fps-badge {
	position: absolute;
	z-index: 9;
	display: inline-block;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #7b2ff7, #14e0c4);
	border-radius: 3px;
	line-height: 1.4;
	pointer-events: none;
}

/* Product card image wrapper (.product-element-top) is already
   position:relative in WoodMart core CSS - bottom-left keeps clear of
   Woodmart's Sale/Hot/New/Featured labels and wishlist/compare/quick-view
   icons, which both sit top-aligned. */
.reflex-fps-badge--loop {
	left: 10px;
	bottom: 10px;
}

/* The single-product gallery is position:static in the Elementor-built
   product template, so it needs an explicit relative context. Quick View's
   native WoodMart gallery is already relative - this is a harmless no-op
   there. */
.woocommerce-product-gallery {
	position: relative;
}

.reflex-fps-badge--gallery {
	top: 15px;
	right: 15px;
}

@media (max-width: 767px) {
	.reflex-fps-badge {
		font-size: 10px;
		padding: 3px 8px;
	}
}

/* 57 Reflex - Desktop docked shop sidebar.
   Scoped specifically to the native WooCommerce/WoodMart shop sidebar
   widget area (.area-sidebar-shop, generated from the "sidebar-shop"
   registered widget area) - not a generic sidebar override. Below
   1025px, WoodMart's native off-canvas filter drawer is left untouched. */
@media (min-width: 1025px) {
	.area-sidebar-shop.wd-side-hidden {
		position: static !important;
		transform: none !important;
		visibility: visible !important;
		height: auto !important;
		max-height: none !important;
		/* The off-canvas panel styling fixes this to a 340px drawer
		   width, which overflows the row and forces it to wrap onto
		   its own line. Restore the standard Bootstrap col-lg-3 sizing
		   so it sits side-by-side with the col-lg-9 content column. */
		width: 25% !important;
		flex: 0 0 25% !important;
		max-width: 25% !important;
	}

	/* Redundant once the sidebar is permanently docked */
	.wd-sidebar-opener.wd-on-shop {
		display: none;
	}

	/* The off-canvas panel's own "Close" link has nothing to close now */
	.area-sidebar-shop .close-side-widget {
		display: none;
	}
}