/* ==========================================================================
   MaxyHome UX v0.3.0 — konfigurator po potrjenem mockupu (produktne strani)
   ========================================================================== */

/* ---- na produktnih straneh ima ta konfigurator prednost pred mh-ux ---- */
body.single-product .mh-config-guide,
body.single-product .mh-config-step,
body.single-product .mh-helper,
body.single-product .mh-vent-guide,
body.single-product .mh-ux-smart-reco,
body.single-product .mh-ux-product-help,
body.single-product .mh-ux-option-group,
body.single-product .mh-ux-addon-buttons,
body.single-product .mh-ux-addon-control,
body.single-product .mh-ux-sticky-mobile,
body.single-product .mh-ux-manual-select,
body.single-product .mh-ux-addon-tip {
	display: none !important;
}

/* skriti izvorni elementi, ki jih vodi konfigurator */
select.mxc-hidden { display: none !important; }
.mxc-hidden { display: none !important; }
body.single-product .mxc-managed > .wc-pao-addon-name,
body.single-product .mxc-managed .wc-pao-addon-description,
body.single-product .mxc-managed select,
body.single-product .mxc-managed .wc-pao-addon-select {
	display: none !important;
}
body.single-product #product-addons-total,
body.single-product .wc-pao-subtotal-container { display: none !important; }

/* stara tabela variacij -> brez tabelnega videza */
body.single-product .mxc-step table.variations,
body.single-product .mxc-step table.variations tbody,
body.single-product .mxc-step table.variations tr,
body.single-product .mxc-step table.variations th,
body.single-product .mxc-step table.variations td {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
}
body.single-product .mxc-step table.variations tr { margin-bottom: 12px; }
body.single-product .mxc-step table.variations tr:last-child { margin-bottom: 0; }
body.single-product .mxc-step table.variations th.label label {
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 7px;
	display: block;
	color: var(--mx-ink);
}
.mxc-static-val { font-weight: 400; color: var(--mx-gray); margin-left: 6px; }
body.single-product .mxc-step table.variations tr.mxc-static td { min-height: 0; }

/* ---- korak (kartica) --------------------------------------------------- */
.mxc-step {
	background: #fff;
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	margin: 14px 0;
	overflow: hidden;
}
.mxc-step-head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 14px;
	border-bottom: 1px solid var(--mx-line);
}
.mxc-step-num {
	width: 26px;
	height: 26px;
	border-radius: 99px;
	background: var(--mx-green);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}
.mxc-step-head h2 {
	font-size: 15.5px;
	font-weight: 700;
	margin: 0;
	line-height: 1.3;
	color: var(--mx-ink);
}
.mxc-step-head h2 small {
	display: block;
	font-weight: 400;
	color: var(--mx-gray);
	font-size: 12px;
	margin-top: 1px;
}
.mxc-step-body { padding: 12px 14px 14px; }

/* ---- chipi (3+ moznosti) ----------------------------------------------- */
.mxc-chips { display: flex; gap: 8px; flex-wrap: wrap; }
.mxc-chip {
	min-height: 44px;
	border: 1.5px solid var(--mx-line);
	background: #fff;
	border-radius: 11px;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 600;
	color: var(--mx-ink);
	flex: 1 1 calc(33.33% - 8px);
	min-width: 96px;
	text-align: center;
	cursor: pointer;
	line-height: 1.3;
}
.mxc-chip b { font-weight: 600; display: block; font-size: 14px; }
.mxc-chip small { display: block; font-weight: 400; font-size: 11px; color: var(--mx-gray); }
.mxc-chip.on { border-color: var(--mx-green); background: var(--mx-green-light); color: var(--mx-green); }
.mxc-chip.on b, .mxc-chip.on small { color: var(--mx-green); }
.mxc-chip.mxc-off { opacity: .35; pointer-events: none; }

/* ---- kartice (2 moznosti / dodatki) ------------------------------------ */
.mxc-cards2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mxc-optcard {
	border: 1.5px solid var(--mx-line);
	border-radius: 11px;
	padding: 11px 12px;
	background: #fff;
	text-align: left;
	min-height: 44px;
	cursor: pointer;
	line-height: 1.35;
}
.mxc-optcard b { font-size: 14px; font-weight: 700; display: block; color: var(--mx-ink); }
.mxc-optcard span { font-size: 11.5px; color: var(--mx-gray); display: block; margin-top: 2px; }
.mxc-optcard i,
.mxc-optcard .mxc-subprice {
	font-style: normal;
	font-size: 12px;
	font-weight: 700;
	color: var(--mx-green);
	display: block;
	margin-top: 4px;
}
.mxc-optcard.on { border-color: var(--mx-green); background: var(--mx-green-light); }
.mxc-optcard.on b { color: var(--mx-green); }
.mxc-optcard.mxc-off { opacity: .35; pointer-events: none; }

.mxc-addon { margin-top: 12px; }
.mxc-addon:first-child { margin-top: 0; }
.mxc-lbl { font-size: 13px; font-weight: 700; margin: 0 0 7px; color: var(--mx-ink); }
.mxc-badge {
	font-style: normal;
	background: #FFF3D6;
	color: #8a6d1d;
	font-size: 10.5px;
	font-weight: 700;
	border-radius: 99px;
	padding: 2px 8px;
	margin-left: 6px;
	vertical-align: 1px;
	white-space: nowrap;
}

/* ---- stepper vrstice --------------------------------------------------- */
.mxc-managed { margin: 0; padding: 0; border: none; }
.mxc-srow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px dashed var(--mx-line);
}
.mxc-managed:last-of-type .mxc-srow { border-bottom: none; }
.mxc-info b { font-size: 14px; display: block; color: var(--mx-ink); font-weight: 700; }
.mxc-info span { font-size: 12px; color: var(--mx-gray); }
.mxc-stepper {
	display: flex;
	align-items: center;
	gap: 0;
	border: 1.5px solid var(--mx-line);
	border-radius: 11px;
	overflow: hidden;
	flex: 0 0 auto;
	background: #fff;
}
.mxc-stepper button {
	width: 44px;
	height: 44px;
	border: none;
	background: #fff !important;
	color: var(--mx-green) !important;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	padding: 0;
	cursor: pointer;
	border-radius: 0 !important;
}
.mxc-stepper button:disabled { color: #C5C9CF !important; cursor: default; }
.mxc-stepper output {
	width: 34px;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	color: var(--mx-ink);
}

/* ---- priporocilo ------------------------------------------------------- */
.mxc-reco {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	background: var(--mx-green-light);
	border-radius: 10px;
	padding: 10px 12px;
}
.mxc-reco p { font-size: 12.5px; color: #1B4D1E; flex: 1; margin: 0; line-height: 1.4; }
.mxc-reco button {
	border: none;
	background: var(--mx-green) !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 12.5px;
	border-radius: 9px;
	padding: 10px 12px;
	min-height: 40px;
	cursor: pointer;
	flex: 0 0 auto;
}

/* ---- checkbox kartice -------------------------------------------------- */
body.single-product .mxc-checkwrap {
	display: block;
	border: 1.5px solid var(--mx-line);
	border-radius: 11px;
	padding: 12px;
	background: #fff;
	margin-top: 8px;
}
body.single-product .mxc-checkwrap label { display: flex; align-items: flex-start; gap: 11px; margin: 0; font-size: 14px; }
body.single-product .mxc-checkwrap input[type="checkbox"],
body.single-product .mxc-checkwrap input[type="radio"] {
	width: 20px; height: 20px; accent-color: var(--mx-green); margin-top: 2px; flex: 0 0 auto;
}
body.single-product .mxc-checkwrap .wc-pao-addon-name { font-weight: 700; }
body.single-product .mxc-checkwrap:has(input:checked) { border-color: var(--mx-green); background: var(--mx-green-light); }

/* ---- lepljivi povzetek ------------------------------------------------- */
.mxc-sticky {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: #fff;
	border-top: 1px solid var(--mx-line);
	box-shadow: 0 -6px 18px rgba(0, 0, 0, .07);
}
.mxc-sticky > * { max-width: 760px; margin-left: auto; margin-right: auto; }
.mxc-sum-toggle {
	width: 100%;
	border: none;
	background: none !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 9px 14px 0;
	font-size: 12px;
	color: var(--mx-gray) !important;
	cursor: pointer;
	box-shadow: none !important;
}
.mxc-sum-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	flex: 1;
}
.mxc-caret { color: var(--mx-ink); font-weight: 700; flex: 0 0 auto; }
.mxc-sum-detail { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
.mxc-sum-detail.open { max-height: 260px; overflow-y: auto; }
.mxc-sum-table { width: 100%; font-size: 12.5px; border-collapse: collapse; margin: 4px 0 0; }
.mxc-sum-table td { padding: 4px 14px; color: #444; border: none; background: none; }
.mxc-sum-table td:last-child { text-align: right; font-weight: 600; color: var(--mx-ink); white-space: nowrap; }
.mxc-sum-total-row td { font-weight: 800 !important; color: var(--mx-ink) !important; border-top: 1px solid var(--mx-line) !important; }
.mxc-cta-row { display: flex; align-items: center; gap: 12px; padding: 10px 14px 14px; }
.mxc-total { flex: 0 0 auto; }
.mxc-total small { display: block; font-size: 10.5px; color: var(--mx-gray); }
.mxc-total b { font-size: 19px; color: var(--mx-ink); line-height: 1.2; white-space: nowrap; }
.mxc-empty .mxc-total b { font-size: 14px; font-weight: 600; color: var(--mx-gray); }
.mxc-add {
	flex: 1;
	min-height: 52px;
	border: none;
	border-radius: 13px;
	background: var(--mx-green) !important;
	color: #fff !important;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .2px;
	cursor: pointer;
}
.mxc-add:active { transform: scale(.985); }

/* prostor, da lepljivi povzetek ne prekrije vsebine */
body.single-product { padding-bottom: 110px !important; }
@media (max-width: 768px) {
	body.single-product { padding-bottom: 120px !important; }
}

/* admin bar */
body.admin-bar .mxc-sticky { z-index: 99998; }


/* PAO ovoji znotraj korakov: brez lastnega okvirja/ozadja */
body.single-product .mxc-step .wc-pao-addon-container,
body.single-product .mxc-step .wc-pao-addon {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}


/* ==========================================================================
   v0.4.0 — namizna izpeljanka: manj skrolanja v konfiguratorju
   Mobilno (do 1024px) ostane nespremenjeno: vsi koraki odprti.
   ========================================================================== */
.mxc-chev { display: none; }
.mxc-headsum {
	display: none;
	margin-left: auto;
	font-size: 12px;
	font-weight: 700;
	color: var(--mx-green);
	background: var(--mx-green-light);
	border-radius: 99px;
	padding: 3px 10px;
	white-space: nowrap;
}

@media (min-width: 1025px) {
	/* kompaktnejsi koraki */
	.mxc-step { margin: 10px 0; }
	.mxc-step-head { padding: 10px 12px; }
	.mxc-step-body { padding: 10px 12px 12px; }
	.mxc-step-head h2 { font-size: 14.5px; }
	.mxc-step-head h2 small { font-size: 11.5px; }
	.mxc-chip { min-height: 38px; padding: 6px 10px; }
	.mxc-chip b { font-size: 13.5px; }
	.mxc-optcard { padding: 9px 11px; }
	.mxc-srow { padding: 8px 0; }
	.mxc-stepper button { width: 38px; height: 38px; }

	/* koraka 2+ zlozena; glava je klikljiva in kaze povzetek izbir */
	.mxc-collapsible .mxc-step-head { cursor: pointer; user-select: none; }
	.mxc-collapsible .mxc-step-head:hover { background: #FAFAF8; }
	.mxc-collapsible.mxc-closed .mxc-step-body { display: none; }
	.mxc-collapsible.mxc-closed .mxc-step-head { border-bottom: none; }
	.mxc-chev {
		display: inline-block;
		color: var(--mx-green);
		font-size: 15px;
		font-weight: 700;
		flex: 0 0 auto;
	}
	.mxc-headsum { display: inline-block; }

	/* nizja lepljiva vrstica na namizju */
	.mxc-cta-row { padding: 8px 14px 10px; }
	.mxc-add { min-height: 46px; font-size: 15px; }
	body.single-product { padding-bottom: 84px !important; }
}


/* ==========================================================================
   v0.5.0 — checkbox kartice s kolicino, trust mreza, FAQ (mockup)
   ========================================================================== */

/* checkbox kartica dodatka */
.mxc-check {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	border: 1.5px solid var(--mx-line);
	border-radius: 11px;
	padding: 12px;
	background: #fff;
	margin: 8px 0 0;
	cursor: pointer;
}
.mxc-check.on { border-color: var(--mx-green); background: var(--mx-green-light); }
.mxc-check input[type="checkbox"] {
	width: 20px; height: 20px;
	accent-color: var(--mx-green);
	margin: 2px 0 0; flex: 0 0 auto;
}
.mxc-check-t { flex: 1; min-width: 0; }
.mxc-check-t b { font-size: 14px; font-weight: 700; display: block; color: var(--mx-ink); line-height: 1.3; }
.mxc-check-d { font-size: 12px; color: var(--mx-gray); display: block; margin-top: 2px; }
.mxc-check-r { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.mxc-check-p { font-weight: 700; font-size: 13.5px; color: var(--mx-ink); white-space: nowrap; min-height: 1em; }
.mxc-check.on .mxc-check-p { color: var(--mx-green); }

/* mini stepper v checkbox kartici */
.mxc-ministep {
	display: inline-flex;
	align-items: center;
	border: 1.5px solid var(--mx-line);
	border-radius: 9px;
	overflow: hidden;
	background: #fff;
}
.mxc-ministep button {
	width: 34px; height: 34px;
	border: none;
	background: #fff !important;
	color: var(--mx-green) !important;
	font-size: 17px; font-weight: 700; line-height: 1;
	padding: 0; cursor: pointer;
	border-radius: 0 !important;
}
.mxc-ministep button:disabled { color: #C5C9CF !important; }
.mxc-ministep output {
	min-width: 28px; text-align: center;
	font-weight: 700; font-size: 14px; color: var(--mx-ink);
}

/* trust mreza (mockup) */
.mxc-trust {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	margin: 14px 0;
}
.mxc-trust div {
	background: #fff;
	border: 1px solid var(--mx-line);
	border-radius: 11px;
	padding: 10px 11px;
	font-size: 12px;
	color: #333;
	line-height: 1.45;
}
.mxc-trust b { display: block; font-size: 12.5px; margin-bottom: 1px; color: var(--mx-ink); }
/* stara trust vrstica se umakne novi */
body.single-product .mh-trust-row { display: none !important; }

/* FAQ (mockup) */
.mxc-faq { margin: 14px 0; }
.mxc-faq h3 { font-size: 16px; font-weight: 800; margin: 0 0 6px; color: var(--mx-ink); }
.mxc-faq details {
	background: #fff;
	border: 1px solid var(--mx-line);
	border-radius: 11px;
	margin-top: 8px;
	padding: 0 13px;
}
.mxc-faq summary,
body.single-product .mxc-faq details summary {
	font-size: 13.5px !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	padding: 12px 0 !important;
	margin: 0 !important;
	cursor: pointer;
	list-style: none !important;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	color: var(--mx-ink) !important;
	background: none !important;
	border: none !important;
}
.mxc-faq summary::-webkit-details-marker { display: none !important; }
.mxc-faq summary::marker { content: "" !important; }
body.single-product .mxc-faq details summary::after {
	content: "+" !important;
	color: var(--mx-green) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	background: none !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
	border: none !important;
}
body.single-product .mxc-faq details[open] summary::after { content: "–" !important; }
body.single-product .mxc-faq details summary::before { display: none !important; }
.mxc-faq details p { font-size: 13px; color: #444; padding: 0 0 12px; margin: 0; line-height: 1.5; }


/* v0.7.2 — izvorni checkbox dodatki (npr. STORMCARE) v enaki kartici */
body.single-product .mxc-native-check .wc-pao-addon-wrap,
body.single-product .mxc-native-check > label:not(.mxc-check),
body.single-product .mxc-native-check .wc-pao-addon-checkbox {
	display: none !important;
}
body.single-product .mxc-native-check .mxc-check { display: flex !important; }
body.single-product .mxc-native-check .mxc-check input[type="checkbox"] {
	display: inline-block !important;
	width: 20px !important;
	height: 20px !important;
	accent-color: var(--mx-green);
	margin: 2px 0 0 !important;
	flex: 0 0 auto;
	opacity: 1 !important;
	position: static !important;
}

/* =====================================================
   v0.11: ocena pod naslovom, moderna mnenja, opis, tehnicne
   ===================================================== */

/* A: ocena pod naslovom */
.summary .mxp-rating {
	display: flex !important;
	align-items: center;
	gap: 8px;
	margin: 4px 0 10px !important;
	float: none !important;
}
.summary .mxp-rating .star-rating {
	font-size: 1.05em;
	color: #FFB400 !important;
	margin: 0 !important;
}
.mxp-avg { font-weight: 800; color: var(--mx-ink); font-size: 1.02rem; }
.summary .mxp-rating .woocommerce-review-link { color: #6b7280; font-size: .9rem; text-decoration: underline; text-underline-offset: 3px; }

/* C: povzetek ocen */
.mxr-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 16px 20px;
	margin-bottom: 18px;
	background: linear-gradient(135deg, #F1F8F1, #fff);
}
.mxr-avg { display: flex; align-items: center; gap: 12px; }
.mxr-avg b { font-size: 2.1rem; line-height: 1; color: var(--mx-ink); }
.mxr-stars { color: #FFB400; font-size: 1.25rem; letter-spacing: 2px; }
.mxr-avg i { font-style: normal; color: #6b7280; font-size: .92rem; }
.mxr-write {
	background: var(--mx-green);
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 12px 20px;
	font-weight: 700;
	cursor: pointer;
	font-size: .95rem;
}
.mxr-write:hover { background: #256428; }

/* C: kartice mnenj */
#reviews ol.commentlist { list-style: none; margin: 0 !important; padding: 0 !important; }
#reviews ol.commentlist > li {
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 16px 18px;
	margin: 0 0 14px !important;
	background: #fff;
	list-style: none;
}
#reviews .comment_container { display: flex; gap: 14px; align-items: flex-start; }
.mxr-ava {
	width: 44px; height: 44px;
	border-radius: 50%;
	background: var(--mx-green-light);
	color: var(--mx-green);
	font-weight: 800;
	display: flex; align-items: center; justify-content: center;
	flex: 0 0 44px;
	font-size: 15px;
}
#reviews .comment-text { margin: 0 !important; border: 0 !important; padding: 0 !important; flex: 1; }
#reviews .comment-text .star-rating { float: right; color: #FFB400 !important; font-size: .95em; }
#reviews .meta { margin: 0 0 6px !important; font-size: .95rem; }
#reviews .woocommerce-review__author { font-weight: 700; color: var(--mx-ink); font-style: normal; }
#reviews .woocommerce-review__dash { display: none; }
#reviews .woocommerce-review__verified {
	display: inline-block;
	background: var(--mx-green-light);
	color: var(--mx-green);
	font-size: 11px;
	font-weight: 700;
	border-radius: 999px;
	padding: 2px 9px;
	font-style: normal;
	margin: 0 6px;
}
#reviews .woocommerce-review__published-date { color: #9ca3af; font-size: .8rem; display: block; margin-top: 2px; }
#reviews .description { color: #374151; font-size: .95rem; line-height: 1.6; }
#reviews .description p { margin-bottom: 0; }

/* C: obrazec */
#review_form_wrapper #respond {
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 22px;
	background: #FAFAFA;
}
#respond .comment-reply-title { font-weight: 800; font-size: 1.1rem; color: var(--mx-ink); }
#respond input[type=text], #respond input[type=email], #respond textarea {
	border: 1.5px solid var(--mx-line);
	border-radius: 10px;
	padding: 10px 12px;
	width: 100%;
	background: #fff;
}
#respond input:focus, #respond textarea:focus { border-color: var(--mx-green); outline: none; }
#respond .form-submit input {
	background: var(--mx-green);
	color: #fff;
	border: 0;
	border-radius: 10px;
	padding: 13px 24px;
	font-weight: 700;
	cursor: pointer;
	width: auto;
}
#respond p.stars a { color: #FFB400; }
#respond p.stars { font-size: 24px; }

/* D: opis — berljiva oblika (vsebina nespremenjena) */
.woocommerce-tabs .panel.mxd-desc, .mxd-desc { max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; line-height: 1.7; color: #374151; }
.mxd-desc > p:first-of-type { font-size: 1.1rem; color: #1f2937; }
.mxd-desc h5, .mxd-desc h4, .mxd-desc h3 {
	font-size: 1.18rem;
	color: var(--mx-ink);
	border-left: 4px solid var(--mx-green);
	padding-left: 12px;
	margin: 30px 0 10px;
	line-height: 1.35;
}
.mxd-desc ul { list-style: none; padding-left: 0; }
.mxd-desc ul li { padding-left: 26px; position: relative; margin-bottom: 7px; }
.mxd-desc ul li::before { content: "✓"; position: absolute; left: 0; color: var(--mx-green); font-weight: 700; }
.mxd-desc strong { color: var(--mx-ink); }

/* E: tehnicne lastnosti kot infografika */
.mxt-dims { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 16px; }
.mxt-dims > div { background: var(--mx-green-light); border-radius: 14px; text-align: center; padding: 18px 10px; }
.mxt-dims span { font-size: 24px; display: block; }
.mxt-dims i { display: block; font-style: normal; font-size: .78rem; color: #4b5563; text-transform: uppercase; letter-spacing: .5px; margin: 6px 0 2px; }
.mxt-dims b { font-size: 1.08rem; color: var(--mx-ink); }
.mxt-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.mxt-card { border: 1px solid var(--mx-line); border-radius: 14px; padding: 15px 17px; background: #fff; }
.mxt-card .mxt-ico { font-size: 21px; display: block; margin-bottom: 7px; }
.mxt-card i { display: block; font-style: normal; font-size: .76rem; color: #6b7280; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 3px; }
.mxt-card b { font-size: .95rem; color: var(--mx-ink); line-height: 1.45; font-weight: 600; }
.mxt-wide { grid-column: 1 / -1; }
.mxt-card ul { list-style: none; margin: 4px 0 0; padding: 0; }
.mxt-card ul li { padding-left: 22px; position: relative; margin-bottom: 4px; font-weight: 500; }
.mxt-card ul li::before { content: "✓"; position: absolute; left: 0; color: var(--mx-green); font-weight: 700; }
@media (max-width: 768px) {
	.mxt-grid { grid-template-columns: 1fr 1fr; }
	.mxr-head { flex-direction: column; align-items: flex-start; }
	#reviews .comment-text .star-rating { float: none; display: block; margin-bottom: 4px !important; }
}

/* =====================================================
   v0.12: ocene v vzorcu velikih trgovin + cist spec seznam
   ===================================================== */

/* ocene: povzetek levo, seznam desno */
.mxr2 { display: grid; grid-template-columns: 280px 1fr; gap: 28px; align-items: start; }
.mxr2-side {
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 22px;
	background: #fff;
	position: sticky; top: 90px;
	text-align: center;
}
.mxr2-big { font-size: 3rem; font-weight: 800; line-height: 1; color: var(--mx-ink); }
.mxr2-stars { color: #FFB400; font-size: 1.3rem; letter-spacing: 3px; margin: 6px 0 2px; }
.mxr2-cnt { color: #6b7280; font-size: .9rem; margin-bottom: 16px; }
.mxr2-bars { text-align: left; margin-bottom: 18px; }
.mxr2-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: .82rem; color: #4b5563; }
.mxr2-bar > span { flex: 0 0 34px; white-space: nowrap; }
.mxr2-track { flex: 1; height: 8px; background: #F0F1F3; border-radius: 999px; overflow: hidden; }
.mxr2-track > div { height: 100%; background: #FFB400; border-radius: 999px; }
.mxr2-bar > i { font-style: normal; flex: 0 0 18px; text-align: right; color: #9ca3af; }
.mxr2-side .mxr-write { width: 100%; }

/* seznam mnenj: ploski slog z delilniki (namesto kartic) */
.mxr2-main #comments { margin: 0; }
.mxr2-main ol.commentlist > li {
	border: 0 !important;
	border-bottom: 1px solid var(--mx-line) !important;
	border-radius: 0 !important;
	padding: 18px 2px !important;
	margin: 0 !important;
	background: transparent !important;
}
.mxr2-main ol.commentlist > li:first-child { padding-top: 4px !important; }
.mxr2-main #review_form_wrapper { margin-top: 22px; }

@media (max-width: 900px) {
	.mxr2 { grid-template-columns: 1fr; gap: 18px; }
	.mxr2-side { position: static; }
}

/* dimenzijske ploscice: brez ikon, prilagodljivo stevilo */
.mxt-dims { gap: 12px; margin-bottom: 14px; }
.mxt-dims-1 { grid-template-columns: 1fr; }
.mxt-dims-2 { grid-template-columns: repeat(2, 1fr); }
.mxt-dims-3 { grid-template-columns: repeat(3, 1fr); }
.mxt-dims > div { padding: 14px 8px; }
.mxt-dims span { display: none; }
.mxt-dims i { margin: 0 0 3px; }
.mxt-dims b { font-size: 1.15rem; }

/* cist spec seznam */
.mxt2 { border: 1px solid var(--mx-line); border-radius: 16px; overflow: hidden; background: #fff; }
.mxt2-h { padding: 15px 18px 3px; font-weight: 700; color: var(--mx-ink); font-size: 1rem; }
.mxt2-row { display: flex; gap: 18px; padding: 15px 18px; border-top: 1px solid #EEF0F2; align-items: baseline; }
.mxt2-h + .mxt2-row { border-top: 0; }
.mxt2-row > i {
	flex: 0 0 40%;
	max-width: 40%;
	font-style: normal;
	font-size: .92rem;
	color: #6b7280;
	line-height: 1.5;
}
.mxt2-row > b { flex: 1; font-weight: 600; color: var(--mx-ink); font-size: .96rem; line-height: 1.55; text-align: right; }
/* blok vrstica: dolge vrednosti / seznami — etiketa zgoraj, vrednost spodaj */
.mxt2-row.mxt2-block { flex-direction: column; gap: 7px; align-items: stretch; }
.mxt2-row.mxt2-block > i { flex: none; max-width: none; font-size: .76rem; text-transform: uppercase; letter-spacing: .5px; }
.mxt2-row.mxt2-block > b { text-align: left; }
.mxt2-row ul { list-style: none; margin: 2px 0 0; padding: 0; }
.mxt2-row ul li { padding-left: 24px; position: relative; margin-bottom: 6px; font-weight: 500; }
.mxt2-row ul li:last-child { margin-bottom: 0; }
.mxt2-row ul li::before { content: "✓"; position: absolute; left: 0; color: var(--mx-green); font-weight: 700; }
@media (max-width: 560px) {
	.mxt2-row > i { flex-basis: 44%; max-width: 44%; }
}

/* =====================================================
   v0.13: horizontalni zavihki (wrap) + prava SVG infografika specifikacij
   ===================================================== */

/* --- podcrtani zavihki v eni vrstici (na mobilnem drsijo) --- */
.woocommerce-tabs ul.tabs.wc-tabs,
.woocommerce-tabs ul.tabs {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	gap: 2px !important;
	list-style: none !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 2px solid var(--mx-line) !important;
}
.woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after { display: none !important; }
.woocommerce-tabs ul.tabs li {
	display: block !important;
	float: none !important;
	width: auto !important;
	flex: 0 0 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after { display: none !important; }
.woocommerce-tabs ul.tabs li a {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	padding: 13px 18px !important;
	margin-bottom: -2px !important;
	border: 0 !important;
	border-bottom: 3px solid transparent !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #6b7280 !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	line-height: 1.1 !important;
	white-space: nowrap !important;
	text-transform: none !important;
	transition: color .15s, border-color .15s;
}
.woocommerce-tabs ul.tabs li a:hover { color: var(--mx-green) !important; }
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li[aria-selected="true"] a {
	color: var(--mx-green) !important;
	border-bottom-color: var(--mx-green) !important;
	font-weight: 700 !important;
}
/* stevec mnenj (krogec) znotraj taba */
.woocommerce-tabs ul.tabs li a span {
	background: #E5E7EB;
	color: #374151;
	font-size: 12px;
	font-weight: 800;
	min-width: 20px;
	height: 20px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 6px;
}
.woocommerce-tabs ul.tabs li.active a span { background: var(--mx-green); color: #fff; }

/* --- infografika specifikacij --- */
.mxi { margin: 4px 0 8px; }
.mxi-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	gap: 22px;
	align-items: stretch;
	margin-bottom: 18px;
}
.mxi-hero-solo { grid-template-columns: 1fr; }
.mxi-fig {
	background: linear-gradient(160deg, #F4FAF4, #fff);
	border: 1px solid var(--mx-line);
	border-radius: 16px;
	padding: 14px 16px 6px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mxi-svg { width: 100%; height: auto; max-width: 440px; display: block; }
.mxi-dim {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 700;
	fill: #1A1A1A;
	paint-order: stroke;
	stroke: #ffffff;
	stroke-width: 3.5px;
	stroke-linejoin: round;
}
.mxi-stats { display: grid; gap: 12px; align-content: center; }
.mxi-stats-1 { grid-template-columns: 1fr; }
.mxi-stats-2 { grid-template-columns: repeat(2, 1fr); }
.mxi-stats-3 { grid-template-columns: repeat(3, 1fr); }
.mxi-stats-4 { grid-template-columns: repeat(2, 1fr); }
.mxi-stat {
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 16px 14px;
	text-align: center;
	background: #fff;
}
.mxi-num {
	font-size: 1.9rem;
	font-weight: 800;
	color: var(--mx-green);
	line-height: 1.05;
	white-space: nowrap;
}
.mxi-num span { font-size: .82rem; font-weight: 700; color: #6b7280; margin-left: 3px; }
.mxi-lab {
	font-size: .74rem;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-top: 5px;
}
/* razpolozljive dolzine */
.mxi-lens {
	border: 1px solid var(--mx-line);
	border-radius: 14px;
	padding: 14px 18px;
	margin-bottom: 18px;
	background: #fff;
}
.mxi-lens-h {
	display: block;
	font-size: .74rem;
	color: #6b7280;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin-bottom: 9px;
}
.mxi-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.mxi-chips span {
	background: var(--mx-green-light);
	color: #1B5E20;
	font-weight: 700;
	font-size: .9rem;
	border-radius: 10px;
	padding: 7px 14px;
}
.mxi-note { display: block; margin-top: 9px; font-style: normal; color: #6b7280; font-size: .84rem; }

@media (max-width: 820px) {
	.mxi-hero { grid-template-columns: 1fr; gap: 16px; }
	.mxi-stats-3, .mxi-stats-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) {
	.mxi-num { font-size: 1.6rem; }
}

/* =====================================================
   v0.15: zavihki v 2 vrsti na mobilnem + navadna stilizirana tabela z ikonami
   ===================================================== */

/* mobilno: zavihki se prelomijo v vec vrst (namesto skritega drsenja) */
@media (max-width: 782px) {
	.woocommerce-tabs ul.tabs.wc-tabs,
	.woocommerce-tabs ul.tabs {
		flex-wrap: wrap !important;
		overflow-x: visible !important;
		border-bottom: 0 !important;
		gap: 8px 6px !important;
	}
	.woocommerce-tabs ul.tabs li a {
		padding: 9px 12px !important;
		font-size: .95rem !important;
		margin-bottom: 0 !important;
		border-bottom: 2px solid var(--mx-line) !important;
	}
	.woocommerce-tabs ul.tabs li.active a,
	.woocommerce-tabs ul.tabs li[aria-selected="true"] a {
		border-bottom-color: var(--mx-green) !important;
	}
}

/* tabela specifikacij kot div-mreza (videz navadne tabele), z malo dizajna in ikonami */
.mxt2-h { padding: 0 2px 10px !important; font-size: 1.05rem; }
.mxspec { border: 1px solid var(--mx-line); border-radius: 14px; overflow: hidden; background: #fff; }
.mxspec-row { display: grid; grid-template-columns: 46% 1fr; border-top: 1px solid #EEF0F2; }
.mxspec-row:first-child { border-top: 0; }
.mxspec-row:nth-child(even) { background: #FAFBFA; }
.mxspec-k {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 13px 15px;
	color: #4b5563;
	font-weight: 600;
	font-size: .95rem;
	line-height: 1.5;
}
.mxspec-v {
	padding: 13px 15px;
	color: var(--mx-ink);
	font-weight: 600;
	font-size: .95rem;
	line-height: 1.55;
	min-width: 0;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}
.mxspec-ic { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 1px; }
.mxspec-v ul { list-style: none; margin: 0; padding: 0; }
.mxspec-v ul li { padding-left: 22px; position: relative; margin-bottom: 5px; font-weight: 500; }
.mxspec-v ul li:last-child { margin-bottom: 0; }
.mxspec-v ul li::before { content: "✓"; position: absolute; left: 0; color: var(--mx-green); font-weight: 700; }
@media (max-width: 560px) {
	.mxspec-row { grid-template-columns: 47% 1fr; }
	.mxspec-k, .mxspec-v { padding: 11px 12px; font-size: .88rem; }
	.mxspec-ic { width: 16px; height: 16px; flex-basis: 16px; }
	.mxspec-k { gap: 7px; }
}

/* =====================================================
   v0.16: dolzine v tabelo + jantarni (oranzni) poudarki
   ===================================================== */
:root { --mx-amber: #F59E0B; --mx-amber-bg: #FFF4E0; --mx-amber-ink: #B45309; }

/* jantarni cap na udarnih statistikah — malo razbije zeleno */
.mxi-stat { border-top: 3px solid var(--mx-amber); }

/* vrstica "razpolozljive dolzine" — nezno jantarno ozadje + cipi */
.mxspec-row.mxspec-hi { background: var(--mx-amber-bg) !important; }
.mxspec-row.mxspec-hi .mxspec-k { color: var(--mx-amber-ink); }
.mxch { display: flex; flex-wrap: wrap; gap: 7px; }
.mxch span {
	background: #fff;
	border: 1.5px solid #F6C878;
	color: var(--mx-amber-ink);
	font-weight: 700;
	font-size: .88rem;
	border-radius: 9px;
	padding: 5px 12px;
	line-height: 1.2;
}
.mxspec-hi .mxi-note { color: var(--mx-amber-ink); opacity: .8; }