/**
 * GNL WooCommerce Sold Products — static front-end styles.
 *
 * Badge selectors, positioning and sizing are generated from settings and
 * attached as inline CSS (see GNL_Sold_Products_Frontend::build_badge_css()).
 */

/*
 * Sold replacement text shown in place of the price.
 *
 * Deliberately carries NO declarations: the text inherits the theme's
 * existing price styling and the administrator's capitalisation is shown
 * exactly as entered. The class exists purely as a styling hook — target
 * .gnl-sold-text in your theme CSS to style it differently.
 */

/*
 * Dedicated image wrapper injected around standard WooCommerce loop images
 * for sold products; carries the real .gnl-sold-badge element so every badge
 * position is relative to the image itself.
 */
.gnl-sold-image-wrap {
	position: relative;
	display: block;
}

/*
 * Optional struck-through original price. A neutral span is used (not <del>)
 * because sale prices already contain <del>/<ins>; the parent line-through
 * paints through descendants, and their own decorations are suppressed so a
 * sale price does not show underline + double strike.
 */
.gnl-sold-original-price {
	text-decoration: line-through;
	opacity: 0.7;
	margin-inline-end: 0.35em;
}

.gnl-sold-original-price del,
.gnl-sold-original-price ins {
	text-decoration: none;
	background: transparent;
}

/* Screen-reader-only Sold label used in badge-only mode. */
.gnl-sold-screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal;
}