/* DWL Woo Produkt Label – Frontend */

/* Bezugscontainer */
.woocommerce ul.products li.product,
.wc-block-grid__product {
	position: relative;
}

.single-product div.product {
	position: relative;
}

/* Basis */
.dwl-wpl-label {
	position: absolute;
	z-index: 9;
	pointer-events: none;
	line-height: 1.4;
}

/* Positionen */
.dwl-wpl-pos-top-left     { top: 10px;    left: 10px; }
.dwl-wpl-pos-top-right    { top: 10px;    right: 10px; }
.dwl-wpl-pos-bottom-left  { bottom: 10px; left: 10px; }
.dwl-wpl-pos-bottom-right { bottom: 10px; right: 10px; }

/* Auf der Einzelproduktseite etwas mehr Abstand */
.dwl-wpl-single.dwl-wpl-pos-top-left     { top: 15px;    left: 15px; }
.dwl-wpl-single.dwl-wpl-pos-top-right    { top: 15px;    right: 15px; }
.dwl-wpl-single.dwl-wpl-pos-bottom-left  { bottom: 15px; left: 15px; }
.dwl-wpl-single.dwl-wpl-pos-bottom-right { bottom: 15px; right: 15px; }

/* Text-Banner */
.dwl-wpl-type-text {
	display: inline-block;
	padding: 4px 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.dwl-wpl-single.dwl-wpl-type-text {
	font-size: 14px;
	padding: 5px 14px;
}

/* Bild-Label */
.dwl-wpl-type-image .dwl-wpl-img {
	display: block;
	width: auto;
	height: auto;
	max-width: 70px;
	max-height: 70px;
}

.dwl-wpl-single.dwl-wpl-type-image .dwl-wpl-img {
	max-width: 100px;
	max-height: 100px;
}

/* Slider-Kontext (dwl-woo-slider) – Schrift/Padding wie .dwl-woo-slider__badge */
.dwl-wpl-slider {
	z-index: 11;
}

.dwl-wpl-slider.dwl-wpl-type-text {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 5px 12px;
	line-height: 1;
}

.dwl-wpl-slider.dwl-wpl-type-image .dwl-wpl-img {
	max-width: 60px;
	max-height: 60px;
}

.dwl-wpl-slider.dwl-wpl-pos-top-left     { top: 16px;    left: 16px; }
.dwl-wpl-slider.dwl-wpl-pos-top-right    { top: 16px;    right: 16px; }
.dwl-wpl-slider.dwl-wpl-pos-bottom-left  { bottom: 16px; left: 16px; }
.dwl-wpl-slider.dwl-wpl-pos-bottom-right { bottom: 16px; right: 16px; }

/* Sale-Badge exakt wie das Slider-Badge (.dwl-woo-slider__badge):
   kleines rechteckiges Eck-Badge, schwarz, weiße Schrift, -XX%.
   Astra "circle"/Vollbreiten-Balken (left:0;right:0) wird überschrieben. */
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.ast-onsale-card,
.ast-onsale-card.circle,
ul.products li.product .onsale,
.single-product .onsale {
	position: absolute !important;
	top: 16px !important;
	left: 16px !important;
	right: auto !important;
	bottom: auto !important;
	z-index: 9 !important;
	display: inline-block !important;
	width: auto !important;
	max-width: none !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 5px 12px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #1a1a1a !important;
	background-image: none !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	text-align: center;
	white-space: nowrap !important;
	transform: none !important;
	text-shadow: none !important;
}