/* ==========================================================================
   Side Cart Plugin – Main Styles
   ========================================================================== */

/*
 * Base shortcode look: dark grey button + white label, hover lighter grey;
 * price white; demo link text light. Optional Codebox mirror: assets/scss/wpcodebox-side-cart-overrides.scss
 */

:root {
	/*
	 * Base emits shortcode price; re-bound on each shortcode root so html/body tokens
	 * (e.g. light UI = dark text) cannot darken add-to-cart shortcodes. Override in
	 * Codebox with --devkorneff-shortcode-price-base when needed.
	 */
	--devkorneff-shortcode-price-base: #ffffff;
	--devkorneff-shortcode-price-color: var(--devkorneff-shortcode-price-base);
	/* Optional Codebox overrides for tone price (--devkorneff-shortcode-price-instance-*). */
	--devkorneff-shortcode-price-instance-dark: #333333;
	--devkorneff-shortcode-price-instance-light: var(--devkorneff-shortcode-price-base, #ffffff);
	--devkorneff-shortcode-price-font-size: 1.5em;
	--devkorneff-shortcode-price-line-height: 1.35;
	--devkorneff-shortcode-price-margin-variation: 0.5rem 0 0.75rem;
	--devkorneff-shortcode-price-margin-simple: 0 0 0.75rem;
	--devkorneff-shortcode-price-gap-row: 0.35em;
	--devkorneff-shortcode-price-gap-col: 0.5em;
	--devkorneff-shortcode-sale-del-font-size: 0.75em;
	--devkorneff-shortcode-price-font-weight: inherit;
	/* Optional: --devkorneff-shortcode-price-sale-font-weight, --devkorneff-shortcode-price-current-font-weight for del/ins (default = shortcode price weight). */
	--devkorneff-shortcode-btn-font-weight: 700;
	--devkorneff-shortcode-btn-demo-font-weight: inherit;
	--devkorneff-shortcode-btn-padding: 0.75rem 1rem;
	--devkorneff-shortcode-btn-font-size: 1.1rem;
	--devkorneff-shortcode-btn-color: #ffffff;
	--devkorneff-shortcode-btn-bg: #252525;
	--devkorneff-shortcode-btn-border-width: 1px;
	--devkorneff-shortcode-btn-border-style: solid;
	--devkorneff-shortcode-btn-border-color: #232323;
	--devkorneff-shortcode-btn-border-radius: 5px;
	--devkorneff-shortcode-btn-hover-color: #ffffff;
	--devkorneff-shortcode-btn-hover-bg: #3a3a3a;
	--devkorneff-shortcode-btn-hover-border-color: #3a3a3a;
	--devkorneff-shortcode-btn-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
	--devkorneff-shortcode-btn-text-transform: none;

	--devkorneff-shortcode-demo-btn-padding: 0.75rem 1rem;
	--devkorneff-shortcode-demo-btn-font-size: 1.1rem;
	--devkorneff-shortcode-demo-btn-font-weight: 700;
	--devkorneff-shortcode-demo-btn-color: #ffffff;
	--devkorneff-shortcode-demo-btn-bg: #252525;
	--devkorneff-shortcode-demo-btn-border-width: 1px;
	--devkorneff-shortcode-demo-btn-border-style: solid;
	--devkorneff-shortcode-demo-btn-border-color: #232323;
	--devkorneff-shortcode-demo-btn-border-radius: 5px;
	--devkorneff-shortcode-demo-btn-hover-color: #ffffff;
	--devkorneff-shortcode-demo-btn-hover-bg: #3a3a3a;
	--devkorneff-shortcode-demo-btn-hover-border-color: #3a3a3a;
	--devkorneff-shortcode-demo-btn-text-transform: none;
	--devkorneff-shortcode-demo-btn-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;

	--devkorneff-shortcode-demo-link-font-size: inherit;
	--devkorneff-shortcode-demo-link-padding: 0;
	--devkorneff-shortcode-demo-link-bg: transparent;
	--devkorneff-shortcode-demo-link-border-width: 0;
	--devkorneff-shortcode-demo-link-border-style: solid;
	--devkorneff-shortcode-demo-link-border-color: transparent;
	--devkorneff-shortcode-demo-link-color: #e8e8e8;
	--devkorneff-shortcode-demo-link-hover-color: #ffffff;

	/* Side cart panel */
	--devkorneff-side-cart-title-font-weight: 600;
	--devkorneff-side-cart-close-icon-font-weight: 300;
	--devkorneff-side-cart-item-name-font-weight: 500;
	--devkorneff-side-cart-stored-coupons-title-font-weight: 600;
	--devkorneff-side-cart-apply-stored-coupon-font-weight: 500;
	--devkorneff-side-cart-coupon-apply-font-weight: 400;
	--devkorneff-side-cart-totals-font-weight: inherit;
	--devkorneff-side-cart-actions-font-weight: 600;

	/* Audio shop grid (scoped defaults on .devkorneff-audio-shop) */
	--devkorneff-audio-shop-title-font-weight: 700;
	--devkorneff-audio-shop-btn-font-weight: 500;
	--devkorneff-audio-shop-price-font-size: 1.05em;
	--devkorneff-audio-shop-btn-color: #ffffff;
	--devkorneff-audio-shop-btn-bg: #252525;
	--devkorneff-audio-shop-btn-border-width: 1px;
	--devkorneff-audio-shop-btn-border-style: solid;
	--devkorneff-audio-shop-btn-border-color: #232323;
	--devkorneff-audio-shop-btn-border-radius: 5px;
	--devkorneff-audio-shop-btn-font-size: 0.85em;
	--devkorneff-audio-shop-btn-padding: 0.75rem 1rem;
	--devkorneff-audio-shop-btn-hover-color: #252525;
	--devkorneff-audio-shop-btn-hover-bg: #ffffff;
	--devkorneff-audio-shop-btn-hover-border-color: #252525;
	--devkorneff-audio-shop-btn-text-transform: uppercase;
	--devkorneff-audio-shop-btn-letter-spacing: normal;
	--devkorneff-audio-shop-btn-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.devkorneff-audio-shop {
	--devkorneff-shortcode-price-color: #ffffff;
	--devkorneff-audio-shop-title-font-weight: 700;
	--devkorneff-audio-shop-btn-font-weight: 500;
	--devkorneff-audio-shop-price-font-weight: var(--devkorneff-shortcode-price-font-weight, inherit);
	--devkorneff-audio-shop-price-font-size: 1.05em;
	--devkorneff-audio-shop-btn-color: #ffffff;
	--devkorneff-audio-shop-btn-bg: #252525;
	--devkorneff-audio-shop-btn-border-width: 1px;
	--devkorneff-audio-shop-btn-border-style: solid;
	--devkorneff-audio-shop-btn-border-color: #232323;
	--devkorneff-audio-shop-btn-border-radius: 5px;
	--devkorneff-audio-shop-btn-font-size: 0.85em;
	--devkorneff-audio-shop-btn-padding: 0.75rem 1rem;
	--devkorneff-audio-shop-btn-hover-color: #252525;
	--devkorneff-audio-shop-btn-hover-bg: #ffffff;
	--devkorneff-audio-shop-btn-hover-border-color: #252525;
	--devkorneff-audio-shop-btn-text-transform: uppercase;
	--devkorneff-audio-shop-btn-letter-spacing: normal;
}

@media (prefers-color-scheme: dark) {
	.devkorneff-audio-shop {
		--devkorneff-shortcode-price-color: #f2f2f2;
	}
}

html[data-theme="light"] .devkorneff-audio-shop,
html.color-scheme-light .devkorneff-audio-shop,
body[data-theme="light"] .devkorneff-audio-shop,
body.color-scheme-light .devkorneff-audio-shop {
	--devkorneff-shortcode-price-color: #333333;
}

html[data-theme="dark"] .devkorneff-audio-shop,
html.color-scheme-dark .devkorneff-audio-shop,
body[data-theme="dark"] .devkorneff-audio-shop,
body.color-scheme-dark .devkorneff-audio-shop {
	--devkorneff-shortcode-price-color: #f0f0f0;
}

.devkorneff-add-to-cart-button:not(.devkorneff-demo-link):not(.devkorneff-add-demo) {
	font-weight: var(--devkorneff-shortcode-btn-font-weight, 700);
	font-size: var(--devkorneff-shortcode-btn-font-size, 1.1rem);
	padding: var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem);
	text-transform: var(--devkorneff-shortcode-btn-text-transform, none);
}

.devkorneff-add-to-cart-button.devkorneff-demo-link {
	font-weight: var(--devkorneff-shortcode-btn-demo-font-weight, inherit);
	font-size: var(--devkorneff-shortcode-demo-link-font-size, inherit);
	padding: var(--devkorneff-shortcode-demo-link-padding, 0);
	background-color: var(--devkorneff-shortcode-demo-link-bg, transparent);
	border: var(--devkorneff-shortcode-demo-link-border-width, 0)
		var(--devkorneff-shortcode-demo-link-border-style, solid)
		var(--devkorneff-shortcode-demo-link-border-color, transparent);
	color: var(--devkorneff-shortcode-demo-link-color, inherit);
	transition: var(
		--devkorneff-shortcode-btn-transition,
		color 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease
	);
}

.devkorneff-add-to-cart-button.devkorneff-demo-link:hover {
	color: var(--devkorneff-shortcode-demo-link-hover-color, inherit);
}

body.single-product .devkorneff-add-to-cart-button:not(.devkorneff-demo-link) {
	font-weight: var(
		--devkorneff-shortcode-btn-single-font-weight,
		var(--devkorneff-shortcode-btn-font-weight, 700)
	);
	font-size: var(
		--devkorneff-shortcode-btn-single-font-size,
		var(--devkorneff-shortcode-btn-font-size, 1.1rem)
	);
	padding: var(
		--devkorneff-shortcode-btn-single-padding,
		var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem)
	);
	text-transform: var(--devkorneff-shortcode-btn-text-transform, none);
	transition: var(
		--devkorneff-shortcode-btn-transition,
		color 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease
	);
}

/* Single-product: force shortcode button tokens (tone + default) above theme/Oxygen. No palette layers. */
body.single-product
	div.devkorneff-add-to-cart-simple
	a.devkorneff-add-to-cart-button.add_to_cart_button.button:not(.devkorneff-demo-link) {
	color: var(--devkorneff-shortcode-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-bg, #252525);
	border-color: var(--devkorneff-shortcode-btn-border-color, #232323);
}

body.single-product
	div.devkorneff-add-to-cart-simple
	a.devkorneff-add-to-cart-button.add_to_cart_button.button:not(.devkorneff-demo-link):hover {
	color: var(--devkorneff-shortcode-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a);
}

body.single-product
	form.devkorneff-side-cart-variations-form.cart.variations_form
	button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button {
	color: var(--devkorneff-shortcode-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-bg, #252525);
	border-color: var(--devkorneff-shortcode-btn-border-color, #232323);
}

body.single-product
	form.devkorneff-side-cart-variations-form.cart.variations_form
	button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button:hover {
	color: var(--devkorneff-shortcode-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a);
}

/* Audio shop price sizing: see end of “Add-to-Cart Shortcodes” section (shortcode rules win on specificity). */

/* --------------------------------------------------------------------------
   1. Root & Toggle
   -------------------------------------------------------------------------- */

/* Root container for the cart toggle and panel. */
.devkorneff-side-cart {
	position: relative;
	z-index: 9990;
}

/* Header/trigger button: icon + item count. */
.devkorneff-side-cart__toggle {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.4rem 0.8rem;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: #ffffff;
	color: #111111;
	font-size: 0.9rem;
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

/* Icon containers in toggle and panel header. */
.devkorneff-side-cart__toggle-icon,
.devkorneff-side-cart__header-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

/* SVG icon sizing. */
.devkorneff-side-cart__icon {
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
}

/* Badge showing number of items in cart. */
.devkorneff-side-cart__toggle-count {
	min-width: 1.5rem;
	height: 1.5rem;
	border-radius: 999px;
	background: #111111;
	color: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
}

/* --------------------------------------------------------------------------
   2. Panel
   -------------------------------------------------------------------------- */

/* Slide-out panel. Off-screen by default; slides in when .is-open. */
.devkorneff-side-cart__panel {
	position: fixed;
	top: 0;
	right: 0;
	width: 340px;
	max-width: 100%;
	height: 100%;
	background: #ffffff;
	box-shadow: -8px 0 24px rgba(0, 0, 0, 0.16);
	transform: translateX(100%);
	transition: transform 0.35s ease-out;
	display: flex;
	flex-direction: column;
	z-index: 9995;
}

.devkorneff-side-cart__panel.is-open {
	transform: translateX(0);
}

/* --------------------------------------------------------------------------
   3. Panel Header
   -------------------------------------------------------------------------- */

/* Header layout: icon, title, close button. */
.devkorneff-side-cart__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid #f0f0f0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Larger icon in panel header. */
.devkorneff-side-cart__header-icon .devkorneff-side-cart__icon {
	width: 1.5rem;
	height: 1.5rem;
}

/* Panel title ("Cart"). */
.devkorneff-side-cart__title {
	margin: 0;
	font-size: 1.1rem;
	font-weight: var(--devkorneff-side-cart-title-font-weight, 600);
	color: #111111;
}

/* Close (X) button in panel header. */
.devkorneff-side-cart__close {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin-left: auto;
	padding: 0;
	background: transparent;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.devkorneff-side-cart__close:hover {
	background-color: rgba(0, 0, 0, 0.06);
	border-color: rgba(0, 0, 0, 0.3);
}

.devkorneff-side-cart__close-icon {
	font-size: 1.25rem;
	line-height: 1;
	font-weight: var(--devkorneff-side-cart-close-icon-font-weight, 300);
}

/* --------------------------------------------------------------------------
   4. Panel Body
   -------------------------------------------------------------------------- */

/* Scrollable area for cart items. */
.devkorneff-side-cart__body {
	padding: 0.75rem 1.25rem;
	overflow-y: auto;
}

/* Empty cart message. */
.devkorneff-side-cart__empty {
	margin: 0.75rem 0;
	color: #666666;
	font-size: 0.9rem;
}

/* List of cart items. */
.devkorneff-side-cart__items {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

/* Single cart item. Transitions used for add/remove animations. */
.devkorneff-side-cart__item {
	padding: 0.5rem 0;
	border-bottom: 1px solid #f4f4f4;
	max-height: 200px;
	overflow: visible;
	transition: max-height 0.35s ease-out, opacity 0.35s ease-out, padding 0.35s ease-out, border-width 0.35s ease-out, margin 0.35s ease-out;
}

/* Shrink animation when removing an item. */
.devkorneff-side-cart__item--removing {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
	margin-top: -0.75rem;
}

/* Fade-in animation for newly added item. */
.devkorneff-side-cart__item--new {
	opacity: 0;
	transition: opacity 0.25s ease-in-out;
}

.devkorneff-side-cart__item--new.is-expanded {
	opacity: 1;
}

/* Item layout: thumbnail + details. */
.devkorneff-side-cart__item-inner {
	display: flex;
	gap: 0.75rem;
	align-items: flex-start;
}

/* Product thumbnail (48×48). */
.devkorneff-side-cart__item-thumb {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 4px;
	background: #f4f4f4;
}

.devkorneff-side-cart__item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.devkorneff-side-cart__item-thumb a {
	display: block;
	line-height: 0;
}

/* Product name, price, quantity, remove. */
.devkorneff-side-cart__item-details {
	flex: 1;
	min-width: 0;
}

/* Name and price on one line. */
.devkorneff-side-cart__item-main {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.5rem;
}

/* Product name (linked). */
.devkorneff-side-cart__item-name {
	font-size: 0.9rem;
	font-weight: var(--devkorneff-side-cart-item-name-font-weight, 500);
	line-height: 1.2;
	color: #111111;
	text-decoration: none;
	text-align: left;
}

.devkorneff-side-cart__item-name:hover {
	text-decoration: underline;
}

/* Item price. */
.devkorneff-side-cart__item-price {
	font-size: 0.9rem;
	color: #111111;
}

/* Quantity and remove link. */
.devkorneff-side-cart__item-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	margin-top: 0.25rem;
	font-size: 0.8rem;
	color: #555555;
}

/* Remove item button. */
.devkorneff-side-cart__item-remove {
	margin-left: auto;
	border: 0;
	background: transparent;
	color: #c0392b;
	cursor: pointer;
	font-size: 0.8rem;
	transition: color 0.2s ease, background-color 0.2s ease, text-decoration 0.2s ease;
}

.devkorneff-side-cart__item-remove:hover {
	color: #a0281a;
	text-decoration: underline;
	background-color: rgba(192, 57, 43, 0.1);
}

/* --------------------------------------------------------------------------
   5. Panel Footer
   -------------------------------------------------------------------------- */

/* Footer: coupons, totals, actions. */
.devkorneff-side-cart__footer {
	padding: 1rem 1.25rem;
	border-top: 1px solid #f0f0f0;
	border-bottom: 0;
	margin-top: auto;
	box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06);
}

/* Stored coupons list (for saved coupons feature). */
.devkorneff-side-cart__stored-coupons {
	margin-bottom: 0.75rem;
	
}

.devkorneff-side-cart__stored-coupons-title {
	display: block;
	font-size: 0.85em;
	font-weight: var(--devkorneff-side-cart-stored-coupons-title-font-weight, 600);
	margin-bottom: 0.35rem;
}

.devkorneff-side-cart__stored-coupons-list {
	
	list-style: none;
	margin: 0;
	padding: 0;
}

.devkorneff-side-cart__stored-coupons-list li {
	margin-bottom: 0.25rem;
}

.devkorneff-side-cart .devkorneff-side-cart__apply-stored-coupon.button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	text-align: left;
	padding: 0.5rem 0.6rem;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: var(--devkorneff-side-cart-apply-stored-coupon-font-weight, 500);
	line-height: 1;
	background-color: #5a5a5a;
	border: 1px solid #4a4a4a;
	color: #ffffff;
	border-radius: 4px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.devkorneff-side-cart .devkorneff-side-cart__apply-stored-coupon.button:hover {
	background-color: #6a6a6a;
	border-color: #5a5a5a;
	color: #ffffff;
}

/* Coupon input and apply button. */
.devkorneff-side-cart__coupon {
	display: flex;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}

.devkorneff-side-cart__coupon-input {
	flex: 1;
	min-width: 0;
	padding: 0.4rem 0.5rem;
	font-size: 0.9rem;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.devkorneff-side-cart .devkorneff-side-cart__coupon-apply.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0.4rem 0.6rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	font-weight: var(--devkorneff-side-cart-coupon-apply-font-weight, 400);
	line-height: 1;
	background-color: #5a5a5a;
	border: 1px solid #4a4a4a;
	color: #ffffff;
	border-radius: 4px;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.devkorneff-side-cart .devkorneff-side-cart__coupon-apply.button:hover {
	background-color: #6a6a6a;
	border-color: #5a5a5a;
	color: #ffffff;
}

.devkorneff-side-cart__apply-stored-coupon.button {
	font-weight: var(--devkorneff-side-cart-apply-stored-coupon-font-weight, 500);
	font-size: .75em;
}

/* Success and error notices in panel. */
.devkorneff-side-cart__notices {
	margin-bottom: 0.5rem;
}

.devkorneff-side-cart__notice--success {
	color: #0a6e0a;
	font-size: 0.85rem;
	margin: 0 0 0.25rem;
}

.devkorneff-side-cart__notice--error {
	color: #b32d2e;
	font-size: 0.85rem;
	margin: 0 0 0.25rem;
}

/* Subtotal, totals, etc. */
.devkorneff-side-cart__totals {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.75rem;
	font-size: 0.95rem;
	font-weight: var(--devkorneff-side-cart-totals-font-weight, inherit);
}

.devkorneff-side-cart__totals-lines {
	margin-bottom: 0.75rem;
	font-size: 0.95rem;
	font-weight: var(--devkorneff-side-cart-totals-font-weight, inherit);
}

.devkorneff-side-cart__totals-line {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.75rem;
}

.devkorneff-side-cart__totals-label {
	flex: 1 1 auto;
	min-width: 0;
}

.devkorneff-side-cart__totals-value {
	flex: 0 0 auto;
	text-align: right;
	white-space: nowrap;
}

.devkorneff-side-cart__actions {
	display: flex;
	gap: 0.5rem;
	text-transform: uppercase;
}

/* View Cart / Checkout button styling. */
.devkorneff-side-cart__actions .button,
.devkorneff-side-cart__actions a.button:link,
.devkorneff-side-cart__actions a.button:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	text-align: center;
	font-weight: var(--devkorneff-side-cart-actions-font-weight, 600);
	font-size: 0.9em;
	line-height: 1;
	padding: 0.75rem 1rem;
	border-radius: 5px;
	color: #ffffff;
	background-color: #252525;
	border: 1px solid #232323;
	text-decoration: none;
	transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.devkorneff-side-cart .devkorneff-side-cart__actions .button:hover,
.devkorneff-side-cart .devkorneff-side-cart__actions a.button:hover {
	color: #ffffff;
	background-color: #555555;
	border-color: #555555;
}

/* General notice text in panel. */
.devkorneff-side-cart__notice {
	font-size: 0.85rem;
	color: #666666;
}

/* ==========================================================================
   Add-to-Cart Shortcodes
   ========================================================================== */

/* Hide side cart on cart and checkout pages (use main cart/checkout UI there). */
.woocommerce-cart .devkorneff-side-cart,
.woocommerce-checkout .devkorneff-side-cart {
	display: none;
}

/* When WooCommerce appends its "View cart" link after AJAX add-to-cart,
 * hide it inside our simple button wrapper so the primary CTA stays clean. */
.devkorneff-add-to-cart-simple .added_to_cart.wc-forward {
	display: none;
}

/* Simple product shortcode [devkorneff_add_to_cart]: dark button style.
 * Higher specificity to override Oxygen .woocommerce ul.products li.product .button:hover (red). */
div.devkorneff-add-to-cart-simple a.devkorneff-add-to-cart-button.add_to_cart_button.button {
	color: var(--devkorneff-shortcode-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-bg, #252525);
	border: var(--devkorneff-shortcode-btn-border-width, 1px)
		var(--devkorneff-shortcode-btn-border-style, solid)
		var(--devkorneff-shortcode-btn-border-color, #232323);
	padding: var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem);
	font-weight: var(--devkorneff-shortcode-btn-font-weight, 700);
	font-size: var(--devkorneff-shortcode-btn-font-size, 1.1rem);
	border-radius: var(--devkorneff-shortcode-btn-border-radius, 5px);
	text-decoration: none;
	text-transform: var(--devkorneff-shortcode-btn-text-transform, none);
	transition: var(
		--devkorneff-shortcode-btn-transition,
		color 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease
	);
}

div.devkorneff-add-to-cart-simple a.devkorneff-add-to-cart-button.add_to_cart_button.button:hover {
	color: var(--devkorneff-shortcode-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a);
}

/* Audio shop grid: shortcodes render the same markup as elsewhere; above rules win on specificity.
   Prefer --devkorneff-audio-shop-btn-* (from $audio-btn-* / .devkorneff-audio-shop), then shortcode tokens. */
.devkorneff-audio-shop div.devkorneff-add-to-cart-simple a.devkorneff-add-to-cart-button.add_to_cart_button.button {
	color: var(--devkorneff-audio-shop-btn-color, var(--devkorneff-shortcode-btn-color, #ffffff));
	background-color: var(--devkorneff-audio-shop-btn-bg, var(--devkorneff-shortcode-btn-bg, #252525));
	border: var(--devkorneff-audio-shop-btn-border-width, 1px)
		var(--devkorneff-audio-shop-btn-border-style, solid)
		var(
			--devkorneff-audio-shop-btn-border-color,
			var(--devkorneff-shortcode-btn-border-color, #232323)
		);
	padding: var(--devkorneff-audio-shop-btn-padding, var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem));
	font-weight: var(--devkorneff-audio-shop-btn-font-weight, var(--devkorneff-shortcode-btn-font-weight, 700));
	font-size: var(--devkorneff-audio-shop-btn-font-size, var(--devkorneff-shortcode-btn-font-size, 1.1rem));
	border-radius: var(
		--devkorneff-audio-shop-btn-border-radius,
		var(--devkorneff-shortcode-btn-border-radius, 5px)
	);
	text-transform: var(
		--devkorneff-audio-shop-btn-text-transform,
		var(--devkorneff-shortcode-btn-text-transform, none)
	);
	letter-spacing: var(--devkorneff-audio-shop-btn-letter-spacing, normal);
	transition: var(
		--devkorneff-audio-shop-btn-transition,
		var(
			--devkorneff-shortcode-btn-transition,
			color 0.25s ease,
			background-color 0.25s ease,
			border-color 0.25s ease
		)
	);
}

.devkorneff-audio-shop div.devkorneff-add-to-cart-simple a.devkorneff-add-to-cart-button.add_to_cart_button.button:hover {
	color: var(--devkorneff-audio-shop-btn-hover-color, var(--devkorneff-shortcode-btn-hover-color, #ffffff));
	background-color: var(
		--devkorneff-audio-shop-btn-hover-bg,
		var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a)
	);
	border-color: var(
		--devkorneff-audio-shop-btn-hover-border-color,
		var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a)
	);
}

/* Variable product shortcode [devkorneff_add_to_cart_variable]: dark button style.
 * Higher specificity to override Oxygen .woocommerce .oxy-woo-element div.product form.cart button.button.alt:hover (red). */
form.devkorneff-side-cart-variations-form.cart.variations_form button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button {
	color: var(--devkorneff-shortcode-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-bg, #252525);
	border: var(--devkorneff-shortcode-btn-border-width, 1px)
		var(--devkorneff-shortcode-btn-border-style, solid)
		var(--devkorneff-shortcode-btn-border-color, #232323);
	padding: var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem);
	font-weight: var(--devkorneff-shortcode-btn-font-weight, 700);
	font-size: var(--devkorneff-shortcode-btn-font-size, 1.1rem);
	border-radius: var(--devkorneff-shortcode-btn-border-radius, 5px);
	text-transform: var(--devkorneff-shortcode-btn-text-transform, none);
	transition: var(
		--devkorneff-shortcode-btn-transition,
		color 0.25s ease,
		background-color 0.25s ease,
		border-color 0.25s ease
	);
}

form.devkorneff-side-cart-variations-form.cart.variations_form button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button:hover {
	color: var(--devkorneff-shortcode-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a);
}

.devkorneff-audio-shop form.devkorneff-side-cart-variations-form.cart.variations_form button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button {
	color: var(--devkorneff-audio-shop-btn-color, var(--devkorneff-shortcode-btn-color, #ffffff));
	background-color: var(--devkorneff-audio-shop-btn-bg, var(--devkorneff-shortcode-btn-bg, #252525));
	border: var(--devkorneff-audio-shop-btn-border-width, 1px)
		var(--devkorneff-audio-shop-btn-border-style, solid)
		var(
			--devkorneff-audio-shop-btn-border-color,
			var(--devkorneff-shortcode-btn-border-color, #232323)
		);
	padding: var(--devkorneff-audio-shop-btn-padding, var(--devkorneff-shortcode-btn-padding, 0.75rem 1rem));
	font-weight: var(--devkorneff-audio-shop-btn-font-weight, var(--devkorneff-shortcode-btn-font-weight, 700));
	font-size: var(--devkorneff-audio-shop-btn-font-size, var(--devkorneff-shortcode-btn-font-size, 1.1rem));
	border-radius: var(
		--devkorneff-audio-shop-btn-border-radius,
		var(--devkorneff-shortcode-btn-border-radius, 5px)
	);
	text-transform: var(
		--devkorneff-audio-shop-btn-text-transform,
		var(--devkorneff-shortcode-btn-text-transform, none)
	);
	letter-spacing: var(--devkorneff-audio-shop-btn-letter-spacing, normal);
	transition: var(
		--devkorneff-audio-shop-btn-transition,
		var(
			--devkorneff-shortcode-btn-transition,
			color 0.25s ease,
			background-color 0.25s ease,
			border-color 0.25s ease
		)
	);
}

.devkorneff-audio-shop form.devkorneff-side-cart-variations-form.cart.variations_form button.single_add_to_cart_button.button.alt.devkorneff-add-to-cart-button:hover {
	color: var(--devkorneff-audio-shop-btn-hover-color, var(--devkorneff-shortcode-btn-hover-color, #ffffff));
	background-color: var(
		--devkorneff-audio-shop-btn-hover-bg,
		var(--devkorneff-shortcode-btn-hover-bg, #3a3a3a)
	);
	border-color: var(
		--devkorneff-audio-shop-btn-hover-border-color,
		var(--devkorneff-shortcode-btn-hover-border-color, #3a3a3a)
	);
}

/* Demo shortcodes (license-access): alternate token set when wrapper has .devkorneff-demo-tone--light. */
form.devkorneff-add-to-cart-variable.devkorneff-add-demo.devkorneff-demo-tone--light,
div.devkorneff-add-demo-simple.devkorneff-demo-tone--light {
	--devkorneff-shortcode-demo-btn-color: #333333;
	--devkorneff-shortcode-demo-btn-bg: #fafafa;
	--devkorneff-shortcode-demo-btn-border-color: #f0f0f0;
	--devkorneff-shortcode-demo-btn-hover-color: #333333;
	--devkorneff-shortcode-demo-btn-hover-bg: #e8e8e8;
	--devkorneff-shortcode-demo-btn-hover-border-color: #dddddd;
	--devkorneff-shortcode-demo-link-color: #333333;
	--devkorneff-shortcode-demo-link-hover-color: #1a1a1a;
}

/* Demo button shortcode [devkorneff_add_demo]: token-driven (dark default or tone="light").
 * Exclude .devkorneff-demo-link so [devkorneff_add_demo_link] uses demo-link tokens. */
form.devkorneff-add-to-cart-variable.devkorneff-add-demo button.devkorneff-add-to-cart-button:not(.devkorneff-demo-link) {
	color: var(--devkorneff-shortcode-demo-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-demo-btn-bg, #252525);
	border: var(--devkorneff-shortcode-demo-btn-border-width, 1px)
		var(--devkorneff-shortcode-demo-btn-border-style, solid)
		var(--devkorneff-shortcode-demo-btn-border-color, #232323);
	padding: var(--devkorneff-shortcode-demo-btn-padding, 0.75rem 1rem);
	font-weight: var(--devkorneff-shortcode-demo-btn-font-weight, 700);
	font-size: var(--devkorneff-shortcode-demo-btn-font-size, 1.1rem);
	border-radius: var(--devkorneff-shortcode-demo-btn-border-radius, 5px);
	text-transform: var(--devkorneff-shortcode-demo-btn-text-transform, none);
	transition: var(
		--devkorneff-shortcode-demo-btn-transition,
		var(
			--devkorneff-shortcode-btn-transition,
			color 0.25s ease,
			background-color 0.25s ease,
			border-color 0.25s ease
		)
	);
}

form.devkorneff-add-to-cart-variable.devkorneff-add-demo button.devkorneff-add-to-cart-button:not(.devkorneff-demo-link):hover {
	color: var(--devkorneff-shortcode-demo-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-demo-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-demo-btn-hover-border-color, #3a3a3a);
}

/* Simple product demo shortcode [devkorneff_add_demo_simple]: match variable demo / add-to-cart style.
 * Higher specificity to override Oxygen .woocommerce button.button:hover (red). */
div.devkorneff-add-demo-simple a.devkorneff-add-to-cart-button.button:not(.devkorneff-demo-link) {
	color: var(--devkorneff-shortcode-demo-btn-color, #ffffff);
	background-color: var(--devkorneff-shortcode-demo-btn-bg, #252525);
	border: var(--devkorneff-shortcode-demo-btn-border-width, 1px)
		var(--devkorneff-shortcode-demo-btn-border-style, solid)
		var(--devkorneff-shortcode-demo-btn-border-color, #232323);
	padding: var(--devkorneff-shortcode-demo-btn-padding, 0.75rem 1rem);
	font-weight: var(--devkorneff-shortcode-demo-btn-font-weight, 700);
	font-size: var(--devkorneff-shortcode-demo-btn-font-size, 1.1rem);
	border-radius: var(--devkorneff-shortcode-demo-btn-border-radius, 5px);
	text-decoration: none;
	text-transform: var(--devkorneff-shortcode-demo-btn-text-transform, none);
	transition: var(
		--devkorneff-shortcode-demo-btn-transition,
		var(
			--devkorneff-shortcode-btn-transition,
			color 0.25s ease,
			background-color 0.25s ease,
			border-color 0.25s ease
		)
	);
}

div.devkorneff-add-demo-simple a.devkorneff-add-to-cart-button.button:not(.devkorneff-demo-link):hover {
	color: var(--devkorneff-shortcode-demo-btn-hover-color, #ffffff);
	background-color: var(--devkorneff-shortcode-demo-btn-hover-bg, #3a3a3a);
	border-color: var(--devkorneff-shortcode-demo-btn-hover-border-color, #3a3a3a);
}

/* Variable shortcode: hide variation price only when show_price is off (default on). */
.devkorneff-side-cart-variations-form:not(.devkorneff-show-price) .woocommerce-variation-price {
	display: none;
}

/*
 * Variation Price Display (variation-price-display) adds .hide_default_price and uses
 * .hide_default_price { display: none } globally. That hides our inline variation price
 * everywhere except where another rule wins (e.g. .devkorneff-audio-shop sets display:block).
 * When this shortcode explicitly enables prices, keep them visible.
 */
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price.hide_default_price {
	display: block;
}

/*
 * Shortcode roots: force readable light price regardless of html/body --devkorneff-shortcode-price-color.
 * Audio shop tiles: keep inherit so .devkorneff-audio-shop light/dark overrides (e.g. #333 on light) still apply.
 */
div.devkorneff-add-to-cart-simple,
form.devkorneff-side-cart-variations-form.devkorneff-show-price {
	--devkorneff-shortcode-price-color: var(--devkorneff-shortcode-price-base);
}

.devkorneff-audio-shop div.devkorneff-add-to-cart-simple,
.devkorneff-audio-shop form.devkorneff-side-cart-variations-form.devkorneff-show-price {
	--devkorneff-shortcode-price-color: inherit;
}

/*
 * Shortcode tone="…" on wrapper: .devkorneff-atc-tone--{dark-light|light-light|light-dark|dark-dark}.
 */
div.devkorneff-add-to-cart-simple.devkorneff-atc-tone--dark-light,
form.devkorneff-side-cart-variations-form.devkorneff-show-price.devkorneff-atc-tone--dark-light {
	--devkorneff-shortcode-btn-color: #ffffff;
	--devkorneff-shortcode-btn-bg: #252525;
	--devkorneff-shortcode-btn-border-color: #232323;
	--devkorneff-shortcode-btn-hover-color: #ffffff;
	--devkorneff-shortcode-btn-hover-bg: #3a3a3a;
	--devkorneff-shortcode-btn-hover-border-color: #3a3a3a;
	--devkorneff-shortcode-price-color: var(--devkorneff-shortcode-price-base, #ffffff);
}

div.devkorneff-add-to-cart-simple.devkorneff-atc-tone--light-light,
form.devkorneff-side-cart-variations-form.devkorneff-show-price.devkorneff-atc-tone--light-light {
	--devkorneff-shortcode-btn-color: #333333;
	--devkorneff-shortcode-btn-bg: #fafafa;
	--devkorneff-shortcode-btn-border-color: #f0f0f0;
	--devkorneff-shortcode-btn-hover-color: #333333;
	--devkorneff-shortcode-btn-hover-bg: #e8e8e8;
	--devkorneff-shortcode-btn-hover-border-color: #dddddd;
	--devkorneff-shortcode-price-color: var(
		--devkorneff-shortcode-price-instance-light,
		var(--devkorneff-shortcode-price-base, #ffffff)
	);
}

div.devkorneff-add-to-cart-simple.devkorneff-atc-tone--light-dark,
form.devkorneff-side-cart-variations-form.devkorneff-show-price.devkorneff-atc-tone--light-dark {
	--devkorneff-shortcode-btn-color: #333333;
	--devkorneff-shortcode-btn-bg: #fafafa;
	--devkorneff-shortcode-btn-border-color: #f0f0f0;
	--devkorneff-shortcode-btn-hover-color: #333333;
	--devkorneff-shortcode-btn-hover-bg: #e8e8e8;
	--devkorneff-shortcode-btn-hover-border-color: #dddddd;
	--devkorneff-shortcode-price-color: var(--devkorneff-shortcode-price-instance-dark, #333333);
}

div.devkorneff-add-to-cart-simple.devkorneff-atc-tone--dark-dark,
form.devkorneff-side-cart-variations-form.devkorneff-show-price.devkorneff-atc-tone--dark-dark {
	--devkorneff-shortcode-btn-color: #ffffff;
	--devkorneff-shortcode-btn-bg: #252525;
	--devkorneff-shortcode-btn-border-color: #232323;
	--devkorneff-shortcode-btn-hover-color: #ffffff;
	--devkorneff-shortcode-btn-hover-bg: #3a3a3a;
	--devkorneff-shortcode-btn-hover-border-color: #3a3a3a;
	--devkorneff-shortcode-price-color: var(--devkorneff-shortcode-price-instance-dark, #333333);
}

/* Variable shortcode with price visible: centered, token-driven price size. */
form.devkorneff-side-cart-variations-form.devkorneff-show-price .single_variation_wrap .single_variation {
	text-align: center;
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price {
	text-align: center;
	color: var(--devkorneff-shortcode-price-color, #ffffff);
	font-weight: var(--devkorneff-shortcode-price-font-weight, inherit);
	font-size: var(--devkorneff-shortcode-price-font-size, 1.5em);
	line-height: var(--devkorneff-shortcode-price-line-height, 1.35);
	margin: var(--devkorneff-shortcode-price-margin-variation, 0.5rem 0 0.75rem);
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price .price,
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price .price * {
	font-size: inherit;
	color: var(--devkorneff-shortcode-price-color, #ffffff);
}

/* Sale + regular on one line (themes/Oxygen often set ins/del block in horizontal layouts). */
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price .price {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: var(--devkorneff-shortcode-price-gap-row, 0.35em) var(--devkorneff-shortcode-price-gap-col, 0.5em);
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price .price .price {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: var(--devkorneff-shortcode-price-gap-row, 0.35em) var(--devkorneff-shortcode-price-gap-col, 0.5em);
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price del,
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price ins {
	display: inline;
	vertical-align: baseline;
}

/* Sale: strikethrough smaller; regular and sale price same color. */
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price del {
	font-weight: var(
		--devkorneff-shortcode-price-sale-font-weight,
		var(--devkorneff-shortcode-price-font-weight, inherit)
	);
	font-size: var(--devkorneff-shortcode-sale-del-font-size, 0.75em);
	opacity: 1;
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price ins {
	font-weight: var(
		--devkorneff-shortcode-price-current-font-weight,
		var(--devkorneff-shortcode-price-font-weight, inherit)
	);
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price del * {
	font-size: inherit;
}

form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price del,
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price ins,
form.devkorneff-side-cart-variations-form.devkorneff-show-price .woocommerce-variation-price .woocommerce-Price-amount {
	color: var(--devkorneff-shortcode-price-color, #ffffff);
	opacity: 1;
}

/* Simple add-to-cart shortcode: match price prominence when shown. */
div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price {
	display: block;
	text-align: center;
	color: var(--devkorneff-shortcode-price-color, #ffffff);
	font-weight: var(--devkorneff-shortcode-price-font-weight, inherit);
	font-size: var(--devkorneff-shortcode-price-font-size, 1.5em);
	line-height: var(--devkorneff-shortcode-price-line-height, 1.35);
	margin: var(--devkorneff-shortcode-price-margin-simple, 0 0 0.75rem);
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price * {
	font-size: inherit;
	color: var(--devkorneff-shortcode-price-color, #ffffff);
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price .price {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: center;
	gap: var(--devkorneff-shortcode-price-gap-row, 0.35em) var(--devkorneff-shortcode-price-gap-col, 0.5em);
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price del,
div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price ins {
	display: inline;
	vertical-align: baseline;
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price del {
	font-weight: var(
		--devkorneff-shortcode-price-sale-font-weight,
		var(--devkorneff-shortcode-price-font-weight, inherit)
	);
	font-size: var(--devkorneff-shortcode-sale-del-font-size, 0.75em);
	opacity: 1;
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price ins {
	font-weight: var(
		--devkorneff-shortcode-price-current-font-weight,
		var(--devkorneff-shortcode-price-font-weight, inherit)
	);
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price del * {
	font-size: inherit;
}

div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price del,
div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price ins,
div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price .woocommerce-Price-amount {
	color: var(--devkorneff-shortcode-price-color, #ffffff);
	opacity: 1;
}

/* Audio shop: $audio-price-font-scale / --devkorneff-audio-shop-price-font-size (shortcode blocks above use higher specificity). */
.devkorneff-audio-shop div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price {
	font-size: var(
		--devkorneff-audio-shop-price-font-size,
		var(--devkorneff-shortcode-price-font-size, 1.5em)
	);
}

.devkorneff-audio-shop form.devkorneff-side-cart-variations-form.cart.variations_form.devkorneff-show-price .woocommerce-variation-price {
	font-size: var(
		--devkorneff-audio-shop-price-font-size,
		var(--devkorneff-shortcode-price-font-size, 1.5em)
	);
}

.devkorneff-audio-shop div.devkorneff-add-to-cart-simple .devkorneff-add-to-cart-simple__price del {
	font-size: var(
		--devkorneff-audio-shop-sale-del-font-size,
		var(--devkorneff-shortcode-sale-del-font-size, 0.75em)
	);
}

.devkorneff-audio-shop form.devkorneff-side-cart-variations-form.cart.variations_form.devkorneff-show-price .woocommerce-variation-price del {
	font-size: var(
		--devkorneff-audio-shop-sale-del-font-size,
		var(--devkorneff-shortcode-sale-del-font-size, 0.75em)
	);
}