/**
 * Urgenca – napredni opis izdelka, front end styles.
 *
 * Defaults follow the Figma frame "Product Page v2". Every colour, size and
 * spacing can be overridden from the widget's Style tab in Elementor.
 */

/* Sections --------------------------------------------------------------- */

.urg-op {
	display: flex;
	flex-direction: column;
	gap: var(--urg-op-razmik, 56px);
}

/* Two classes so the kit's global h2 rule (.elementor-kit-208 h2) does not win. */
.urg-op .urg-op__naslov {
	margin: 0 0 16px;
	font-family: "Oxanium", sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	color: #222222;
}

.urg-op__besedilo {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 1.75;
	color: #4f4f4f;
}

.urg-op__besedilo p {
	margin: 0 0 1em;
}

.urg-op__besedilo > :last-child {
	margin-bottom: 0;
}

.urg-op__besedilo ul,
.urg-op__besedilo ol {
	margin: 0 0 1em;
	padding-left: 1.25em;
}

.urg-op__sekcija--slika-besedilo {
	display: grid;
	grid-template-columns: var(--urg-op-slika, 50%) minmax(0, 1fr);
	gap: var(--urg-op-razmik-slike, 56px);
	align-items: center;
}

.urg-op--slika-desno {
	grid-template-columns: minmax(0, 1fr) var(--urg-op-slika, 50%);
}

.urg-op--slika-desno .urg-op__slika {
	order: 2;
}

.urg-op__slika {
	margin: 0;
}

.urg-op__slika img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--urg-op-zaobljenost, 16px);
	background-color: #ffffff;
}

.urg-op__napis {
	margin-top: 10px;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	color: #888888;
}

.urg-op__gumb {
	display: inline-flex;
	align-items: center;
	margin-top: 20px;
	padding: 13px 22px;
	border-radius: 6px;
	background-color: #db2c2c;
	color: #ffffff;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.urg-op__gumb:hover,
.urg-op__gumb:focus-visible {
	background-color: #b71f1f;
	color: #ffffff;
}

.urg-op__video iframe {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: var(--urg-op-zaobljenost, 16px);
}

.urg-op__poudarek {
	margin: 0;
	padding: 20px 28px;
	border-left: 4px solid #db2c2c;
	border-radius: 0 12px 12px 0;
	background-color: #f7f7f9;
	font-family: "Oxanium", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	color: #222222;
}

/* Benefits: image next to a grid of titled points. */

.urg-op .urg-op__uvod {
	margin: -4px 0 24px;
}

.urg-op__prednosti {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px 32px;
}

.urg-op--brez-slike .urg-op__prednosti {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.urg-op__prednost {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.urg-op__prednost-ikona,
.urg-op__tocka-ikona {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fcecec;
	color: #db2c2c;
}

.urg-op__prednost-ikona {
	margin-top: 1px;
}

.urg-op .urg-op__prednost-naslov {
	margin: 0 0 4px;
	font-family: "Oxanium", sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	color: #222222;
}

/* Two classes: the theme's paragraph margin would otherwise win. */
.urg-op .urg-op__prednost-opis {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #4f4f4f;
}

/* Checklist with optional intro and closing line. */

.urg-op--sivo {
	padding: 40px 48px;
	border-radius: var(--urg-op-zaobljenost, 16px);
	background-color: #f7f7f9;
}

/* Title and intro use the full width; the points follow in a panel. */
.urg-op__sekcija--seznam .urg-op__besedilo {
	max-width: none;
}

.urg-op__seznam-okvir {
	margin-top: 28px;
	padding: 32px 36px 36px;
	border-radius: var(--urg-op-zaobljenost, 16px);
	background-color: #f7f7f9;
}

.urg-op--sivo .urg-op__seznam-okvir {
	padding: 0;
	background-color: transparent;
}

.urg-op .urg-op__seznam-naslov {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 20px;
	font-family: "Oxanium", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: #222222;
}

.urg-op .urg-op__seznam-naslov::before {
	content: "";
	flex: 0 0 auto;
	width: 4px;
	height: 22px;
	border-radius: 2px;
	background-color: #db2c2c;
}

.urg-op__seznam {
	display: grid;
	grid-template-columns: repeat(var(--urg-op-stolpci, 2), minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.urg-op__seznam--1 {
	--urg-op-stolpci: 1;
}

.urg-op__seznam--3 {
	--urg-op-stolpci: 3;
}

.urg-op__tocka {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 16px 18px;
	border: 1px solid #e6e6ea;
	border-radius: 12px;
	background-color: #ffffff;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	color: #222222;
	transition: border-color 0.2s, box-shadow 0.2s;
}

.urg-op__tocka:hover {
	border-color: #f3b5b5;
	box-shadow: 0 6px 18px rgba(34, 34, 34, 0.06);
}

.urg-op__tocka .urg-op__tocka-ikona {
	width: 26px;
	height: 26px;
	background-color: #db2c2c;
	color: #ffffff;
}

.urg-op .urg-op__zakljucek {
	margin: 28px 0 0;
	font-family: "Oxanium", sans-serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
	color: #db2c2c;
}

@media (max-width: 1024px) {
	.urg-op--brez-slike .urg-op__prednosti,
	.urg-op__seznam--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	/* Next to an image the benefits get too narrow: the image goes on top instead. */
	.urg-op__sekcija--prednosti.urg-op__sekcija--slika-besedilo {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	.urg-op__sekcija--prednosti .urg-op__slika {
		order: 0;
	}

	.urg-op__sekcija--prednosti .urg-op__slika img {
		width: auto;
		max-width: 100%;
		max-height: 420px;
		margin: 0 auto;
	}
}

@media (max-width: 768px) {
	.urg-op__prednosti,
	.urg-op--brez-slike .urg-op__prednosti,
	.urg-op__seznam {
		grid-template-columns: minmax(0, 1fr);
	}

	.urg-op--sivo {
		padding: 24px 20px;
	}

	.urg-op__seznam-okvir {
		margin-top: 22px;
		padding: 22px 16px 16px;
	}

	.urg-op .urg-op__seznam-naslov {
		margin-bottom: 16px;
		font-size: 19px;
	}

	.urg-op__seznam {
		gap: 10px;
	}

	.urg-op__tocka {
		padding: 13px 14px;
		font-size: 14px;
	}

	.urg-op .urg-op__zakljucek {
		font-size: 19px;
	}
}

@media (max-width: 768px) {
	.urg-op__sekcija--slika-besedilo,
	.urg-op--slika-desno {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.urg-op--slika-desno .urg-op__slika {
		order: 0;
	}

	.urg-op .urg-op__naslov {
		font-size: 26px;
	}
}

/* Key features ------------------------------------------------------------ */

.urg-ks {
	display: flex;
	flex-direction: column;
	gap: var(--urg-ks-razmik, 16px);
	margin: 0;
	padding: 0;
	list-style: none;
}

.urg-ks__tocka {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
}

.urg-ks__ikona {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fcecec;
	color: #db2c2c;
}

.urg-ks__besedilo {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #222222;
}

/* Technical data ------------------------------------------------------------ */

.urg-tp {
	--urg-tp-visina: 560px;
	position: relative;
	overflow: hidden;
	border: 1px solid #e6e6ea;
	border-radius: 14px;
	background-color: #ffffff;
}

/* Long tables scroll inside the box; the fade and the hint appear only while
   there are rows below (classes set by opis-izdelka.js). */
.urg-tp__drsnik {
	max-height: var(--urg-tp-visina);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #c9c9d1 transparent;
}

.urg-tp__drsnik::-webkit-scrollbar {
	width: 8px;
}

.urg-tp__drsnik::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #c9c9d1;
}

.urg-tp__drsnik:focus-visible {
	outline: 2px solid #006d77;
	outline-offset: -2px;
}

.urg-tp::after {
	content: "";
	position: absolute;
	right: 8px;
	bottom: 0;
	left: 0;
	height: 64px;
	background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 85%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.urg-tp--drsi:not(.urg-tp--konec)::after {
	opacity: 1;
}

.urg-tp__namig {
	display: none;
	margin: 10px 0 0;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #888888;
}

.urg-tp--drsi + .urg-tp__namig {
	display: block;
}

.urg-tp__tabela {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}

.urg-tp tr:nth-child(odd) {
	background-color: #fafafc;
}

.urg-tp th,
.urg-tp td {
	padding: 14px 22px;
	border: 0;
	background: transparent;
	text-align: left;
	vertical-align: top;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

.urg-tp th {
	width: 32%;
	font-weight: 600;
	color: #222222;
}

.urg-tp td {
	color: #4f4f4f;
}

@media (max-width: 768px) {
	.urg-tp {
		--urg-tp-visina: 460px;
	}

	.urg-tp th,
	.urg-tp td {
		display: block;
		width: auto;
		padding: 0 16px;
	}

	.urg-tp th {
		padding-top: 12px;
	}

	.urg-tp td {
		padding-bottom: 12px;
	}
}

/* Questions --------------------------------------------------------------- */

.urg-pv__vprasanje {
	border-bottom: 1px solid #dddddd;
}

.urg-pv__vprasanje:first-child {
	border-top: 1px solid #dddddd;
}

.urg-pv__naslov {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: var(--urg-pv-odmik, 22px) 0;
	list-style: none;
	cursor: pointer;
	font-family: "Oxanium", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	color: #222222;
}

.urg-pv__naslov::-webkit-details-marker {
	display: none;
}

.urg-pv__znak {
	flex: 0 0 auto;
	color: #222222;
}

.urg-pv__znak::before {
	content: "+";
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1;
}

.urg-pv__vprasanje[open] .urg-pv__znak {
	color: #db2c2c;
}

.urg-pv__vprasanje[open] .urg-pv__znak::before {
	content: "\2212";
}

.urg-pv__odgovor {
	max-width: 760px;
	padding: 0 0 var(--urg-pv-odmik, 22px);
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #4f4f4f;
}

/* Quick overview tiles (v3 buy box) ---------------------------------------- */

.urg-hp {
	display: grid;
	grid-template-columns: repeat(var(--urg-hp-stolpci, 2), minmax(0, 1fr));
	gap: 14px;
	padding: 18px;
	border-radius: 12px;
	background-color: #f0f1f7;
}

.urg-hp__polje {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.urg-hp__ikona {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	background-color: #ffffff;
	color: #db2c2c;
}

.urg-hp__besedilo {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.urg-hp__oznaka {
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #4f4f4f;
}

.urg-hp__vrednost {
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: #222222;
}

/* Size note and stock line inside the purchase form (v3 template only). */

.urg-v3-opomba {
	margin: 2px 0 7px;
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #4f4f4f;
}

.urg-v3-zaloga {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 6px;
	margin: 0 0 8px;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #4f4f4f;
}

.urg-v3-zaloga strong {
	font-size: 14px;
	font-weight: 600;
	color: #1e9e5a;
}

.urg-v3-zaloga__pika {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #1e9e5a;
}

.urg-v3-zaloga--onbackorder strong {
	color: #b7791f;
}

.urg-v3-zaloga--onbackorder .urg-v3-zaloga__pika {
	background-color: #b7791f;
}

.urg-v3-zaloga--outofstock strong {
	color: #db2c2c;
}

.urg-v3-zaloga--outofstock .urg-v3-zaloga__pika {
	background-color: #db2c2c;
}

@media (max-width: 768px) {
	.urg-hp {
		--urg-hp-stolpci: 1;
	}
}

/* Gallery (v3) ---------------------------------------------------------------- */

.urg-gal {
	--urg-gal-visina: 680px;
	--urg-gal-stolpci: 5;
	display: flex;
	flex-direction: column;
	gap: 7px;
}

.urg-gal__glavna {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: var(--urg-gal-visina);
	padding: 30px;
	border: 1px solid #e6e6ea;
	border-radius: 16px;
	background-color: #ffffff;
	box-sizing: border-box;
	overflow: hidden;
}

.urg-gal .urg-gal__slika {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
}

/* Selectors carry extra classes: the kit's global »button« styles (.elementor-kit-208 button) would win otherwise. */
.urg-gal .urg-gal__glavna .urg-gal__puscica,
.urg-gal .urg-gal__glavna .urg-gal__povecaj {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 1px solid #e6e6ea;
	border-radius: 50%;
	background-color: #ffffff;
	color: #222222;
	cursor: pointer;
	transition: border-color 0.15s ease;
}

.urg-gal .urg-gal__glavna .urg-gal__puscica:hover,
.urg-gal .urg-gal__glavna .urg-gal__povecaj:hover,
.urg-gal .urg-gal__glavna .urg-gal__puscica:focus-visible,
.urg-gal .urg-gal__glavna .urg-gal__povecaj:focus-visible {
	border-color: #222222;
	background-color: #ffffff;
	color: #222222;
}

.urg-gal .urg-gal__glavna .urg-gal__puscica {
	top: 50%;
	transform: translateY(-50%);
}

.urg-gal .urg-gal__glavna .urg-gal__puscica--prej {
	left: 20px;
}

.urg-gal .urg-gal__glavna .urg-gal__puscica--naprej {
	right: 20px;
}

.urg-gal .urg-gal__glavna .urg-gal__povecaj {
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
}

.urg-gal__slicice {
	display: grid;
	grid-template-columns: repeat(var(--urg-gal-stolpci), minmax(0, 1fr));
	gap: 6px;
}

.urg-gal .urg-gal__slicice .urg-gal__slicica {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 96px;
	margin: 0;
	padding: 8px;
	border: 1px solid #e6e6ea;
	border-radius: 10px;
	background-color: #ffffff;
	cursor: pointer;
}

.urg-gal .urg-gal__slicice .urg-gal__slicica:hover,
.urg-gal .urg-gal__slicice .urg-gal__slicica:focus-visible {
	border-color: #c9c9d1;
	background-color: #ffffff;
}

.urg-gal .urg-gal__slicice .urg-gal__slicica.is-active {
	border: 2px solid #db2c2c;
	padding: 7px;
}

.urg-gal__slicica img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 768px) {
	.urg-gal {
		--urg-gal-visina: 300px;
	}

	.urg-gal__glavna {
		padding: 16px;
	}

	.urg-gal .urg-gal__glavna .urg-gal__puscica {
		width: 36px;
		height: 36px;
	}

	.urg-gal .urg-gal__glavna .urg-gal__puscica--prej {
		left: 10px;
	}

	.urg-gal .urg-gal__glavna .urg-gal__puscica--naprej {
		right: 10px;
	}

	.urg-gal .urg-gal__glavna .urg-gal__povecaj {
		top: 10px;
		right: 10px;
		width: 36px;
		height: 36px;
	}

	.urg-gal .urg-gal__slicice .urg-gal__slicica {
		height: 64px;
		padding: 4px;
	}

	.urg-gal .urg-gal__slicice .urg-gal__slicica.is-active {
		padding: 3px;
	}
}

/* Leanpay call to action (v3) ---------------------------------------------------
   Leanpay's own block stays in the page for its calculator; only its banner is
   hidden, the calculator opens below our box. */

.urg-lp {
	position: relative;
}

.urg-lp__cta {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid #f3b5c3;
	border-radius: 12px;
	background-color: #fff5f7;
}

.urg-lp .urg-lp__logotip {
	flex: 0 0 auto;
	width: 70px;
	height: 26px;
	object-fit: contain;
}

.urg-lp__besedilo {
	flex: 1 1 auto;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #222222;
}

.urg-lp .urg-lp__izracunaj {
	flex: 0 0 auto;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	color: #db2c2c;
	text-decoration: underline;
}

.urg-lp .urg-lp__izracunaj:hover {
	color: #b71f1f;
}

/* Without its banner Leanpay's block is only the calculator: its outer margin would leave an empty gap. */
.urg-lp .urg-lp__leanpay .leanpay-product-price-wrap {
	margin: 0;
}

/* Leanpay positions its banner by ID, so the hiding rule needs one as well. */
.urg-lp .urg-lp__leanpay #leanpay_product_price_wrapper.leanpay-banner-button {
	display: none;
}

/* Purchase box of the v3 template (container class »urg-v3-nakup»). */

.urg-v3-nakup {
	--wvs-single-product-item-width: 64px;
	--wvs-single-product-item-height: 45px;
	--wvs-single-product-item-font-size: 14px;
	--wvs-item-box-shadow: 0 0 0 1px #dddddd;
	--wvs-hover-item-box-shadow: 0 0 0 1px #222222;
	--wvs-selected-item-background-color: #222222;
	--wvs-selected-item-text-color: #ffffff;
	--wvs-selected-item-box-shadow: 0 0 0 1px #222222;
}

.urg-v3-nakup .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	border-radius: 8px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

.urg-v3-nakup .variable-items-wrapper .variable-item.selected .variable-item-span {
	color: #ffffff;
}

.urg-v3-nakup .quantity {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 56px;
	padding: 0 8px;
	border: 1px solid #dddddd;
	border-radius: 8px;
	box-sizing: border-box;
}

/* Four classes: the kit's input padding (.elementor-kit-208 input:not(…):not(…)) would win otherwise. */
.urg-v3-nakup .elementor-widget-woocommerce-product-add-to-cart .quantity .qty {
	width: 28px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-align: center;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #222222;
	-moz-appearance: textfield;
}

.urg-v3-nakup .elementor-widget-woocommerce-product-add-to-cart .quantity .qty::-webkit-outer-spin-button,
.urg-v3-nakup .elementor-widget-woocommerce-product-add-to-cart .quantity .qty::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

/* The add-to-cart widget styles every ».cart button« (4 classes); these rules need more. */
.urg-v3-nakup .e-con .elementor-widget-woocommerce-product-add-to-cart .cart .quantity .urg-kol {
	display: inline-flex;
	min-height: 0;
	border-radius: 0;
	box-shadow: none;
	line-height: 1;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #4f4f4f;
	cursor: pointer;
}

.urg-v3-nakup .e-con .elementor-widget-woocommerce-product-add-to-cart .cart .quantity .urg-kol:hover,
.urg-v3-nakup .e-con .elementor-widget-woocommerce-product-add-to-cart .cart .quantity .urg-kol:focus-visible {
	background: transparent;
	color: #222222;
}

.urg-v3-nakup .single_add_to_cart_button::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	vertical-align: -3px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Breadcrumbs with chevrons (markup from Urgenca_Opis_V3::breadcrumb_args). */

.urg-bc-locilo {
	display: inline-flex;
	margin: 0 10px;
	color: #888888;
	vertical-align: -2px;
}

.urg-bc:last-child {
	font-weight: 500;
	color: #222222;
}

/* WooCommerce's »clear selection« link is not part of the v3 design. */
.urg-v3-nakup .variations .woo-variation-items-wrapper .reset_variations {
	display: none;
}

@media (max-width: 768px) {
	.urg-v3-nakup {
		--wvs-single-product-item-width: 56px;
		--wvs-single-product-item-height: 42px;
	}
}

/* Inside the purchase form the kit's paragraph margin (.elementor-kit-208 p) would win. */
.urg-v3-nakup .elementor-widget-woocommerce-product-add-to-cart .urg-v3-opomba {
	margin: 2px 0 7px;
}

.urg-v3-nakup .elementor-widget-woocommerce-product-add-to-cart .urg-v3-zaloga {
	margin: 0 0 8px;
}

/* WooCommerce's 2em under the purchase form (.woocommerce div.product form.cart). */
.urg-v3-nakup .e-con .elementor-widget-woocommerce-product-add-to-cart form.cart {
	margin-bottom: 0;
}

/* Poziv k nakupu (sekcija »cta«): naslov levo, cena in gumb desno ------------ */

.urg-op .urg-op__cta {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	overflow: hidden;
	padding: 48px 56px;
	border-radius: 20px;
	color: #ffffff;
	background: radial-gradient(120% 160% at 100% 0%, rgba(219, 44, 44, 0.45) 0%, rgba(219, 44, 44, 0) 55%), linear-gradient(135deg, #1d1d1f 0%, #111111 100%);
}

/* Hitrostne črte, ki proti desni postanejo vidne. */
.urg-op .urg-op__cta::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.04) 0 2px, transparent 2px 22px);
	-webkit-mask-image: linear-gradient(90deg, transparent 35%, #000000 100%);
	mask-image: linear-gradient(90deg, transparent 35%, #000000 100%);
}

.urg-op .urg-op__cta-besedilo,
.urg-op .urg-op__cta-nakup {
	position: relative;
}

.urg-op .urg-op__cta-besedilo {
	flex: 1 1 auto;
	min-width: 0;
	max-width: 700px;
}

.urg-op .urg-op__cta-nadnaslov {
	margin: 0 0 10px;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #ff8a8a;
}

.urg-op .urg-op__cta-naslov {
	margin: 0;
	font-family: "Oxanium", sans-serif;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	color: #ffffff;
}

.urg-op .urg-op__cta-opis {
	margin: 12px 0 0;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.75);
}

.urg-op .urg-op__cta-nakup {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 14px;
}

.urg-op .urg-op__cta-cene {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px 12px;
}

.urg-op .urg-op__cta-cena {
	font-family: "Oxanium", sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1;
	color: #ffffff;
}

.urg-op .urg-op__cta-prej {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 1.4;
	color: rgba(255, 255, 255, 0.55);
}

.urg-op .urg-op__cta-znacka {
	padding: 5px 10px;
	border-radius: 100px;
	background-color: #db2c2c;
	font-family: "Oxanium", sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: #ffffff;
}

.urg-op .urg-op__cta-gumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 30px;
	border-radius: 8px;
	background-color: #db2c2c;
	box-shadow: 0 10px 24px rgba(219, 44, 44, 0.35);
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	white-space: nowrap;
	text-decoration: none;
	color: #ffffff;
	transition: background-color 0.2s, transform 0.2s;
}

.urg-op .urg-op__cta-gumb:hover,
.urg-op .urg-op__cta-gumb:focus-visible {
	background-color: #b71f1f;
	color: #ffffff;
	transform: translateY(-1px);
}

.urg-op .urg-op__cta-gumb svg {
	flex: none;
}

/* Gumb v pozivu, ko velikost še ni izbrana: izbira velikosti zasveti, pod njo navodilo. */
.urg-op-izberi .variations {
	border-radius: 10px;
	animation: urg-op-izberi 1.6s ease-out;
}

@keyframes urg-op-izberi {
	0%,
	45% {
		box-shadow: 0 0 0 3px rgba(219, 44, 44, 0.9);
	}

	100% {
		box-shadow: 0 0 0 3px rgba(219, 44, 44, 0);
	}
}

form.cart .urg-op-izberi-sporocilo {
	margin: 8px 0 0;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	color: #db2c2c;
}

@media (max-width: 1024px) {
	.urg-op .urg-op__cta {
		gap: 28px;
		padding: 40px;
	}

	.urg-op .urg-op__cta-naslov {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.urg-op .urg-op__cta {
		flex-direction: column;
		align-items: stretch;
		gap: 22px;
		padding: 28px 22px;
		border-radius: 16px;
	}

	.urg-op .urg-op__cta-naslov {
		font-size: 24px;
	}

	.urg-op .urg-op__cta-nakup {
		align-items: stretch;
	}

	.urg-op .urg-op__cta-cene {
		justify-content: flex-start;
	}

	.urg-op .urg-op__cta-cena {
		font-size: 28px;
	}

	.urg-op .urg-op__cta-gumb {
		width: 100%;
	}
}