/* ===== Cena na enoto – premium prikaz (usklajen z Blocksy paleto) ===== */
:root {
	/* Barva poudarka: Blocksy paleta 1, s privzeto rezervo. */
	--mp-accent: var(--theme-palette-color-1, #ff6b35);
	--mp-accent-2: var(--theme-palette-color-2, #e85a26);
	--mp-text: var(--theme-text-color, #4a4a4a);
	--mp-muted: var(--theme-font-color, #7a7a7a);
	--mp-surface: #ffffff;
}

.maloprodaja-unit-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
	margin: 14px 0 16px;
	padding: 12px 16px;
	border-radius: 12px;
	background: var(--mp-surface);
	/* Nežno obarvano ozadje in rob v barvi poudarka (z rezervo za starejše brskalnike). */
	background: color-mix(in srgb, var(--mp-accent) 5%, #fff);
	border: 1px solid #ececec;
	border: 1px solid color-mix(in srgb, var(--mp-accent) 16%, transparent);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	line-height: 1.25;
}

.maloprodaja-unit-col--price {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.maloprodaja-unit-label {
	font-size: 0.72em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--mp-muted);
	opacity: 0.85;
}
.maloprodaja-unit-value {
	font-size: 1.2em;
	font-weight: 700;
	color: var(--mp-accent);
	white-space: nowrap;
}
.maloprodaja-unit-value .woocommerce-Price-amount,
.maloprodaja-unit-value bdi {
	color: inherit;
}

.maloprodaja-unit-col--qty {
	margin-left: auto;
}
.maloprodaja-unit-qty {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.85em;
	white-space: nowrap;
	color: #fff;
	background: var(--mp-accent);
	background: linear-gradient(135deg, var(--mp-accent), var(--mp-accent-2));
	box-shadow: 0 2px 6px color-mix(in srgb, var(--mp-accent) 30%, transparent);
}
.maloprodaja-unit-ico {
	flex: 0 0 auto;
	opacity: 0.95;
}

@media (max-width: 480px) {
	.maloprodaja-unit-wrap {
		padding: 10px 12px;
	}
	.maloprodaja-unit-value {
		font-size: 1.1em;
	}
}

/* Obvestilo 18+ */
.maloprodaja-adult-notice {
	margin: 12px 0;
	padding: 12px 14px;
	border: 1px solid #e0c200;
	background: #fff9e0;
	border-radius: 4px;
}
.maloprodaja-adult-notice .maloprodaja-adult-text {
	margin: 0 0 8px;
}
.maloprodaja-adult-notice .maloprodaja-adult-check {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
	font-weight: 600;
}
.maloprodaja-adult-notice.maloprodaja-adult-error {
	border-color: #c0392b;
	background: #fdecea;
	animation: maloprodaja-shake 0.3s;
}
@keyframes maloprodaja-shake {
	0%, 100% { transform: translateX( 0 ); }
	25% { transform: translateX( -4px ); }
	75% { transform: translateX( 4px ); }
}
.single_add_to_cart_button.maloprodaja-disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* Starostna vrata (modal – slog SPAR) */
body.maloprodaja-gate-open {
	overflow: hidden;
}
.maloprodaja-gate-overlay {
	position: fixed;
	inset: 0;
	background: rgba( 40, 40, 40, 0.6 );
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999999;
	padding: 20px;
}
.maloprodaja-gate-modal {
	position: relative;
	background: #fff;
	max-width: 460px;
	width: 100%;
	padding: 40px 32px 32px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 20px 60px rgba( 0, 0, 0, 0.35 );
}
.maloprodaja-gate-close {
	position: absolute;
	top: 14px;
	right: 16px;
	border: 0;
	background: transparent;
	font-size: 26px;
	line-height: 1;
	color: #888;
	cursor: pointer;
	padding: 0;
}
.maloprodaja-gate-close:hover {
	color: #333;
}
.maloprodaja-gate-icon {
	width: 96px;
	height: 96px;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: #f0f0f0;
	background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b7b7b7' stroke-width='1.6'><circle cx='12' cy='8.5' r='3.5'/><path d='M5.5 19c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6'/></svg>" );
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60px 60px;
	position: relative;
}
.maloprodaja-gate-icon::after {
	content: "";
	position: absolute;
	right: 6px;
	bottom: 6px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	background-image: url( "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c0392b'><path d='M12 1a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V6a5 5 0 0 0-5-5zm-3 8V6a3 3 0 0 1 6 0v3H9z'/></svg>" );
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px 20px;
	box-shadow: 0 0 0 3px #fff;
}
.maloprodaja-gate-modal .maloprodaja-gate-title {
	margin: 0 0 14px;
	font-size: 1.4em;
}
.maloprodaja-gate-modal .maloprodaja-gate-text {
	margin: 0 0 24px;
	color: #555;
	line-height: 1.5;
}
.maloprodaja-gate-buttons {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}
.maloprodaja-gate-buttons .button {
	min-width: 150px;
	flex: 1 1 auto;
	max-width: 210px;
}
.maloprodaja-gate-buttons .maloprodaja-gate-no {
	background: #fff !important;
	color: #333 !important;
	border: 1px solid #ccc !important;
}
.maloprodaja-gate-buttons .maloprodaja-gate-yes {
	background: #4a9d3f !important;
	color: #fff !important;
	border: 1px solid #4a9d3f !important;
}