/* Cjenik sa sidrenom cijenom */
@font-face {
	font-family: 'CSC Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/poppins-latin-ext-400-normal.woff2') format('woff2');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
	font-family: 'CSC Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/poppins-latin-400-normal.woff2') format('woff2');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.csc-blok {
	--csc-tekst: #4c382e;
	--csc-sidrena: #4c382e;
	--csc-aktivna: #4c382e;
	--csc-naslov: 30px;
	color: var(--csc-tekst);
	font-family: 'CSC Poppins', 'Poppins', sans-serif;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 0 0 40px;
}
.csc-blok *, .csc-blok *::before, .csc-blok *::after { box-sizing: border-box; }
.csc-blok, .csc-blok *, .csc-cijena-sc, .csc-cijena-sc * {
	font-family: 'CSC Poppins', 'Poppins', sans-serif !important;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
}
/* Boja teksta (Cjenik > Postavke) */
.csc-blok, .csc-blok *, .csc-cijena-sc, .csc-cijena-sc * { color: var(--csc-tekst) !important; }
.csc-blok .csc-sidrena, .csc-cijena-sc .csc-sidrena, .csc-blok .csc-opis, .csc-blok .csc-prazno .csc-cijena { color: var(--csc-sidrena) !important; }

.csc-in .csc-red {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 16px;
	align-items: start;
	padding: 8px 0;
}
.csc-in.csc-in { margin: 0; }
.csc-vise .csc-red {
	grid-template-columns: minmax(0, 1.7fr) repeat(var(--csc-n, 4), minmax(0, 1fr));
}

.csc-in .csc-zaglavlje { align-items: end; padding: 0 0 22px; }
.csc-in .csc-naslov {
	margin: 0;
	padding: 0;
	font-size: var(--csc-naslov) !important;
	font-weight: 400 !important;
	line-height: 1.2;
	letter-spacing: normal;
	text-transform: none;
	color: var(--csc-tekst);
}
.csc-in .csc-oznaka { font-size: 18px !important; font-weight: 400 !important; line-height: 1.3; padding-bottom: 3px; }
.csc-blok .csc-naziv,
.csc-blok .csc-cijena,
.csc-cijena-sc .csc-cijena { font-size: 18px !important; font-weight: 400 !important; line-height: 1.4; }
.csc-in .csc-naziv { overflow-wrap: break-word; word-break: normal; hyphens: manual; }
.csc-in .csc-opis {
	display: block;
	margin-top: 4px;
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45;
	color: var(--csc-sidrena);
}
.csc-in .csc-cijena { display: block; white-space: nowrap; }
.csc-sidrena {
	display: block;
	margin-top: 2px;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.4;
	color: var(--csc-sidrena);
}
.csc-in .csc-prazno .csc-cijena { color: var(--csc-sidrena); }

/* Kartice (duljine kose / vrste depilacije) kad blok nema dovoljno mjesta */
.csc-in .csc-tab-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}
.csc-in .csc-tabovi { display: none; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.csc-in .csc-tabovi label {
	display: inline-block;
	margin: 0;
	padding: 7px 14px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.2;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	opacity: .6;
	transition: opacity .15s, background-color .15s, color .15s;
}

/* Elementor: widget s cjenikom uvijek zauzima punu širinu svog stupca/spremnika */
.elementor-widget-shortcode:has(.csc-blok),
.elementor-widget-shortcode:has(.csc-mreza) {
	width: 100%;
	max-width: 100%;
	align-self: stretch;
	flex-grow: 1;
}

/* Dva bloka jedan pored drugog: [cjenik_blok kategorija="a,b"] */
.csc-mreza {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 80px;
}
@media (max-width: 1024px) { .csc-mreza { column-gap: 40px; } }
@media (max-width: 767px) { .csc-mreza { grid-template-columns: minmax(0, 1fr); } }

/* --- Prilagodba širini samog bloka. Klase postavlja assets/cjenik.js prema stvarnoj širini bloka. --- */

/* Srednje širok blok s više stupaca: manji font */
.csc-blok.csc-w-srednja.csc-vise .csc-red { column-gap: 10px; }

/* Uzak blok s više stupaca: kartice */
	.csc-blok.csc-w-uska.csc-vise .csc-red { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; }
	.csc-blok.csc-w-uska.csc-vise .csc-oznaka,
	.csc-blok.csc-w-uska.csc-vise .csc-stanica { display: none; }
	.csc-blok.csc-w-uska.csc-vise .csc-zaglavlje { padding-bottom: 14px; }
	.csc-blok.csc-w-uska.csc-vise .csc-tabovi { display: flex; }
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="0"]:checked ~ .csc-tijelo .csc-stanica[data-col="0"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="1"]:checked ~ .csc-tijelo .csc-stanica[data-col="1"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="2"]:checked ~ .csc-tijelo .csc-stanica[data-col="2"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="3"]:checked ~ .csc-tijelo .csc-stanica[data-col="3"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="4"]:checked ~ .csc-tijelo .csc-stanica[data-col="4"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="5"]:checked ~ .csc-tijelo .csc-stanica[data-col="5"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="6"]:checked ~ .csc-tijelo .csc-stanica[data-col="6"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="7"]:checked ~ .csc-tijelo .csc-stanica[data-col="7"] { display: block; }
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="0"]:checked ~ .csc-tabovi label[data-i="0"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="1"]:checked ~ .csc-tabovi label[data-i="1"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="2"]:checked ~ .csc-tabovi label[data-i="2"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="3"]:checked ~ .csc-tabovi label[data-i="3"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="4"]:checked ~ .csc-tabovi label[data-i="4"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="5"]:checked ~ .csc-tabovi label[data-i="5"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="6"]:checked ~ .csc-tabovi label[data-i="6"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="7"]:checked ~ .csc-tabovi label[data-i="7"] {
		opacity: 1;
		background: var(--csc-aktivna);
		border-color: var(--csc-aktivna);
		color: #fff !important;
	}
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="0"]:focus-visible ~ .csc-tabovi label[data-i="0"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="1"]:focus-visible ~ .csc-tabovi label[data-i="1"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="2"]:focus-visible ~ .csc-tabovi label[data-i="2"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="3"]:focus-visible ~ .csc-tabovi label[data-i="3"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="4"]:focus-visible ~ .csc-tabovi label[data-i="4"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="5"]:focus-visible ~ .csc-tabovi label[data-i="5"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="6"]:focus-visible ~ .csc-tabovi label[data-i="6"],
	.csc-blok.csc-w-uska.csc-vise .csc-tab-input[data-i="7"]:focus-visible ~ .csc-tabovi label[data-i="7"] {
		outline: 2px solid var(--csc-aktivna);
		outline-offset: 2px;
	}

/* Vrlo uzak blok (mobitel) */
.csc-blok.csc-w-mala .csc-red { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); column-gap: 12px; }

/* Bez JavaScripta: po širini ekrana */
@media (max-width: 767px) {
	.csc-blok:not(.csc-js).csc-vise .csc-red { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 16px; }
		.csc-blok:not(.csc-js).csc-vise .csc-oznaka,
		.csc-blok:not(.csc-js).csc-vise .csc-stanica { display: none; }
		.csc-blok:not(.csc-js).csc-vise .csc-zaglavlje { padding-bottom: 14px; }
		.csc-blok:not(.csc-js).csc-vise .csc-tabovi { display: flex; }
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="0"]:checked ~ .csc-tijelo .csc-stanica[data-col="0"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="1"]:checked ~ .csc-tijelo .csc-stanica[data-col="1"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="2"]:checked ~ .csc-tijelo .csc-stanica[data-col="2"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="3"]:checked ~ .csc-tijelo .csc-stanica[data-col="3"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="4"]:checked ~ .csc-tijelo .csc-stanica[data-col="4"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="5"]:checked ~ .csc-tijelo .csc-stanica[data-col="5"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="6"]:checked ~ .csc-tijelo .csc-stanica[data-col="6"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="7"]:checked ~ .csc-tijelo .csc-stanica[data-col="7"] { display: block; }
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="0"]:checked ~ .csc-tabovi label[data-i="0"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="1"]:checked ~ .csc-tabovi label[data-i="1"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="2"]:checked ~ .csc-tabovi label[data-i="2"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="3"]:checked ~ .csc-tabovi label[data-i="3"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="4"]:checked ~ .csc-tabovi label[data-i="4"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="5"]:checked ~ .csc-tabovi label[data-i="5"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="6"]:checked ~ .csc-tabovi label[data-i="6"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="7"]:checked ~ .csc-tabovi label[data-i="7"] {
			opacity: 1;
			background: var(--csc-aktivna);
			border-color: var(--csc-aktivna);
			color: #fff !important;
		}
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="0"]:focus-visible ~ .csc-tabovi label[data-i="0"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="1"]:focus-visible ~ .csc-tabovi label[data-i="1"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="2"]:focus-visible ~ .csc-tabovi label[data-i="2"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="3"]:focus-visible ~ .csc-tabovi label[data-i="3"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="4"]:focus-visible ~ .csc-tabovi label[data-i="4"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="5"]:focus-visible ~ .csc-tabovi label[data-i="5"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="6"]:focus-visible ~ .csc-tabovi label[data-i="6"],
		.csc-blok:not(.csc-js).csc-vise .csc-tab-input[data-i="7"]:focus-visible ~ .csc-tabovi label[data-i="7"] {
			outline: 2px solid var(--csc-aktivna);
			outline-offset: 2px;
		}
}

.csc-cijena-sc { display: inline-block; }
.csc-cijena-sc .csc-cijena { display: block; }
.csc-greska { padding: 8px 12px; border: 1px dashed #c00; color: #c00; font-size: 14px; }