/**
 * OLB Product States – global state-CSS (OLB Out of Stock Retention).
 *
 * Gælder KUN retained-state (udsolgt ≤ 14 dage). Ingen farver: kun opacity/filter,
 * eksponeret som tokens med fallback, så de kan overstyres i OLB's token-fil:
 *
 *   :root {
 *     --olb-state-retained-card-opacity: .78;
 *     --olb-state-retained-text-opacity: .88;
 *     --olb-state-retained-image-filter: grayscale(1) saturate(.15);
 *   }
 *
 * CTA'ens disabled-udseende kommer fra eksisterende OLB Buttons-disabled-state
 * (button[disabled] / .is-disabled). Den er en rigtig <button disabled> – denne fil
 * gør den ikke disabled, den sikrer kun cursor.
 *
 * Når produktet er på lager igen, fjerner pluginet class/data, og intet herfra matcher.
 */

.olb-product-card.is-out-of-stock-retained,
.olb-product-card[data-olb-stock-state="retained"] {
	opacity: var(--olb-state-retained-card-opacity, 0.78);
}

.olb-product-card.is-out-of-stock-retained .olb-product-card__image img,
.olb-product-card[data-olb-stock-state="retained"] .olb-product-card__image img {
	filter: var(--olb-state-retained-image-filter, grayscale(1) saturate(0.15));
}

.olb-product-card.is-out-of-stock-retained .olb-product-card__title,
.olb-product-card.is-out-of-stock-retained .olb-product-card__meta,
.olb-product-card.is-out-of-stock-retained .olb-product-card__price,
.olb-product-card[data-olb-stock-state="retained"] .olb-product-card__title,
.olb-product-card[data-olb-stock-state="retained"] .olb-product-card__meta,
.olb-product-card[data-olb-stock-state="retained"] .olb-product-card__price {
	opacity: var(--olb-state-retained-text-opacity, 0.88);
}

.olb-cta-retained[disabled] {
	cursor: not-allowed;
}

/*
 * v1.2.3: Læsbar CTA i retained-state.
 * Kortet er allerede nedtonet (opacity .78). OLB Buttons' disabled-state nedtoner knappen igen
 * og gør teksten lysegrå på lysegrå – samlet langt under WCAG AA (4,5:1).
 * Her vises CTA'en som en status-label: kortets egen tekstfarve, ingen ekstra nedtoning,
 * gennemsigtig baggrund, ingen ramme (v1.2.4). Ingen hex – kun currentColor/inherit og tokens.
 * Specificitet (0,4,0) i stedet for !important, så den slår en almindelig :disabled-regel.
 *
 *   :root {
 *     --olb-state-retained-cta-bg: transparent;
 *     --olb-state-retained-cta-border: none;
 *   }
 */
.olb-product-card .olb-cta-retained.is-disabled[disabled] {
	opacity: 1;
	color: inherit;
	background: var(--olb-state-retained-cta-bg, transparent);
	border: var(--olb-state-retained-cta-border, none);
	padding-inline: 0;
	box-shadow: none;
	filter: none;
}