/* Izbor udzbenika - srednja skola. Isti jezik oblika kao izbornik za osnovnu (v2). */
.iuss {
	--iuss-brand: #924280;
	--iuss-brand-dark: #78356a;
	--iuss-brand-soft: #f7eef5;
	--iuss-ink: #1f2430;
	--iuss-muted: #6b7280;
	--iuss-line: #e5e7ef;
	--iuss-radius: 12px;
	color: var(--iuss-ink);
	font-size: 15px;
	line-height: 1.45;
}
.iuss *, .iuss *::before, .iuss *::after { box-sizing: border-box; }

/* hidden atribut ima najnizi prioritet u pregledacu, pa ga i nase
   display:flex pravilo i temina pravila za dugmad nadjacaju. Ovim ga vracamo. */
.iuss [hidden] { display: none !important; }
.iuss-glavni-naslov { margin: 0 0 14px; font-size: 26px; line-height: 1.2; }

/* ---------- koraci ---------- */

.iuss-koraci {
	margin: 0 0 18px;
	padding: 16px 18px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--iuss-line);
	border-radius: var(--iuss-radius);
}
.iuss-korak {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #f1f2f6;
}
.iuss-korak:last-child { border-bottom: 0; }
.iuss-marker { padding-top: 2px; }
.iuss-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--iuss-brand-soft);
	color: var(--iuss-brand);
	font-size: 14px;
	font-weight: 700;
}
.iuss-korak.je-zakljucan .iuss-num { background: #f2f3f7; color: #9aa1ae; }
.iuss-korak-telo { position: relative; min-width: 0; }
.iuss-label { display: block; font-size: 15px; font-weight: 600; }
.iuss-hint { margin: 2px 0 8px; color: var(--iuss-muted); font-size: 13px; }

/* ---------- combo ---------- */

.iuss-combo {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	min-height: 50px;
	margin: 0;
	padding: 10px 14px;
	border: 1.5px solid var(--iuss-line);
	border-radius: var(--iuss-radius);
	background: #fff;
	color: var(--iuss-muted);
	font: inherit;
	font-size: 15px;
	text-align: left;
	cursor: pointer;
	transition: border-color .15s, box-shadow .15s, background-color .15s;
}
.iuss-combo:hover:not(:disabled) { border-color: #c9b0c3; }
.iuss-combo:focus-visible,
.iuss-combo.is-open {
	outline: none;
	border-color: var(--iuss-brand);
	box-shadow: 0 0 0 3px rgba(146, 66, 128, .14);
}
.iuss-combo.is-filled { color: var(--iuss-ink); font-weight: 600; }
.iuss-combo:disabled { background: #f7f8fa; color: #9aa1ae; cursor: not-allowed; }
.iuss-combo-val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iuss-chev { flex: 0 0 auto; width: 18px; height: 18px; transition: transform .15s; }
.iuss-combo.is-open .iuss-chev { transform: rotate(180deg); }

.iuss-panel {
	position: absolute;
	z-index: 30;
	top: calc(100% + 6px);
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--iuss-line);
	border-radius: var(--iuss-radius);
	background: #fff;
	box-shadow: 0 18px 44px -12px rgba(20, 20, 43, .28);
}
.iuss-panel-head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px;
	border-bottom: 1px solid var(--iuss-line);
	background: #fbfbfd;
}
.iuss-search {
	flex: 1 1 auto;
	width: 100%;
	min-height: 42px;
	margin: 0;
	padding: 8px 12px;
	border: 1.5px solid var(--iuss-line);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-size: 16px; /* sprecava zoom na iOS-u */
	color: var(--iuss-ink);
}
.iuss-search:focus {
	outline: none;
	border-color: var(--iuss-brand);
	box-shadow: 0 0 0 3px rgba(146, 66, 128, .14);
}
.iuss-panel-close {
	flex: 0 0 auto;
	display: none;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: #eef0f4;
	color: var(--iuss-ink);
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}
.iuss-list {
	overflow-y: auto;
	max-height: 46vh;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
}
.iuss-opt {
	display: block;
	width: 100%;
	margin: 0;
	padding: 11px 14px;
	border: 0;
	border-bottom: 1px solid #f1f2f6;
	background: none;
	color: var(--iuss-ink);
	font: inherit;
	font-size: 15px;
	text-align: left;
	cursor: pointer;
}
.iuss-opt:hover, .iuss-opt.is-active { background: var(--iuss-brand-soft); }
.iuss-opt-sve { color: var(--iuss-brand); font-weight: 600; }
.iuss-opt-main { display: block; }
.iuss-opt-sub { display: block; margin-top: 2px; color: var(--iuss-muted); font-size: 12.5px; }
.iuss-list-empty, .iuss-list-more { margin: 0; padding: 14px; color: var(--iuss-muted); font-size: 14px; text-align: center; }

/* ---------- pretraga i traka ---------- */

.iuss-red-pretraga { margin: 0 0 14px; }
.iuss-trazi {
	width: 100%;
	max-width: 480px;
	min-height: 44px;
	padding: 0 14px;
	border: 1.5px solid var(--iuss-line);
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-size: 16px;
}
.iuss-trazi:focus { outline: 0; border-color: var(--iuss-brand); }

.iuss-traka {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 6px;
	padding-bottom: 8px;
	border-bottom: 2px solid var(--iuss-line);
}
.iuss-broj { font-size: 14px; color: var(--iuss-muted); }
.iuss-ponisti {
	border: 0;
	background: none;
	padding: 0;
	font-size: 14px;
	color: var(--iuss-brand);
	cursor: pointer;
	text-decoration: underline;
}

/* ---------- spisak knjiga ---------- */

.iuss-books { margin: 0; padding: 0; list-style: none; }
.iuss.je-zauzet .iuss-books { opacity: .45; pointer-events: none; }

.iuss-book {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 12px 4px;
	border-bottom: 1px solid #f1f2f6;
}
.iuss-book.is-off { opacity: .58; }
.iuss-book-slika { display: block; }
.iuss-book-img {
	display: block;
	width: 56px;
	height: 74px;
	border-radius: 6px;
	background: #f5f6f9;
	object-fit: contain;
}
.iuss-book-main { min-width: 0; }
.iuss-book-title {
	display: block;
	color: var(--iuss-ink);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}
.iuss-book-title:hover { color: var(--iuss-brand); text-decoration: underline; }
.iuss-book-meta, .iuss-book-sku {
	display: block;
	margin-top: 3px;
	color: var(--iuss-muted);
	font-size: 12.5px;
}
.iuss-book-sku { font-size: 11.5px; opacity: .8; font-variant-numeric: tabular-nums; }
.iuss-book-side { text-align: right; white-space: nowrap; }
.iuss-book-price { display: block; font-size: 15px; font-weight: 700; }
.iuss-book-price del { display: block; color: var(--iuss-muted); font-size: 12.5px; font-weight: 400; }
.iuss-book-price ins { text-decoration: none; }
.iuss-book-korpa { display: block; margin-top: 6px; }
.iuss-book-korpa .button {
	display: inline-block;
	padding: 8px 16px;
	border: 0;
	border-radius: 8px;
	background: var(--iuss-brand);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}
.iuss-book-korpa .button:hover { background: var(--iuss-brand-dark); color: #fff; }
.iuss-book-korpa .added_to_cart { display: block; margin-top: 4px; font-size: 12px; color: var(--iuss-brand); }
.iuss-nema-oznaka { display: inline-block; font-size: 12.5px; color: #9aa1ae; }

/* ---------- podnozje ---------- */

.iuss-podnozje { display: flex; justify-content: center; margin: 22px 0 0; }
.iuss-jos {
	padding: 11px 26px;
	border: 1px solid var(--iuss-brand);
	border-radius: 999px;
	background: #fff;
	color: var(--iuss-brand);
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
}
.iuss-jos:hover { background: var(--iuss-brand); color: #fff; }
.iuss-prazno {
	margin: 26px 0;
	padding: 22px;
	text-align: center;
	border: 1px dashed var(--iuss-line);
	border-radius: var(--iuss-radius);
	color: var(--iuss-muted);
}

.iuss-ucitavanje { display: flex; justify-content: center; gap: 6px; margin: 18px 0; }
.iuss-ucitavanje span {
	width: 9px; height: 9px; border-radius: 50%;
	background: var(--iuss-brand);
	animation: iuss-skok 1s infinite ease-in-out;
}
.iuss-ucitavanje span:nth-child(2) { animation-delay: .15s; }
.iuss-ucitavanje span:nth-child(3) { animation-delay: .3s; }
@keyframes iuss-skok {
	0%, 80%, 100% { transform: translateY(0); opacity: .45; }
	40% { transform: translateY(-7px); opacity: 1; }
}

/* ---------- kompaktan izbornik ---------- */

.iuss-mini { background: var(--iuss-brand-soft); border-radius: var(--iuss-radius); padding: 20px 22px; }
.iuss-mini-uvod { margin: 0 0 12px; color: var(--iuss-muted); font-size: 14px; }
.iuss-mini-dugmad { display: flex; flex-wrap: wrap; gap: 8px; }
.iuss-mini-cip {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 14px;
	border: 1px solid #e2cede;
	border-radius: 999px;
	background: #fff;
	color: var(--iuss-ink);
	font-size: 14px;
	text-decoration: none;
}
.iuss-mini-cip:hover { border-color: var(--iuss-brand); color: var(--iuss-brand); }
.iuss-mini-cip em {
	font-style: normal;
	font-size: 12px;
	color: var(--iuss-muted);
	background: #f2f3f7;
	border-radius: 999px;
	padding: 1px 7px;
}
.iuss-mini-sve { margin: 14px 0 0; font-size: 14px; }
.iuss-mini-sve a { color: var(--iuss-brand); }

/* ---------- telefon ---------- */

@media (max-width: 640px) {
	.iuss-koraci { padding: 12px 12px; }
	.iuss-korak { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; }
	.iuss-num { width: 24px; height: 24px; font-size: 13px; }

	/* Panel se na telefonu otvara kao donja fioka. */
	.iuss-panel {
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 100000;
		border-radius: 16px 16px 0 0;
		box-shadow: 0 -10px 40px rgba(20, 20, 43, .3);
	}
	.iuss-panel-close { display: block; }
	.iuss-list { max-height: 58vh; }
	body.iuss-panel-open { overflow: hidden; }

	.iuss-book {
		grid-template-columns: 48px minmax(0, 1fr);
		grid-template-areas: "slika glavno" "side side";
		gap: 10px;
	}
	.iuss-book-slika { grid-area: slika; }
	.iuss-book-img { width: 48px; height: 64px; }
	.iuss-book-main { grid-area: glavno; }
	.iuss-book-side {
		grid-area: side;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		text-align: left;
		padding-top: 2px;
	}
	.iuss-book-korpa { margin-top: 0; }
	.iuss-book-korpa .button { padding: 9px 18px; font-size: 14px; }
}

/* ---------- rezim izbornika (na vrhu arhive) ---------- */

.iuss-izbornik-glava {
	background: var(--iuss-brand-soft);
	border: 1px solid #e6d3e2;
	border-radius: var(--iuss-radius);
	padding: 18px 20px;
	margin-bottom: 22px;
}
.iuss-izbornik .iuss-glavni-naslov { font-size: 21px; margin-bottom: 6px; }
.iuss-izbornik-uvod { margin: 0 0 14px; color: var(--iuss-muted); font-size: 14px; }
.iuss-izbornik .iuss-koraci {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 14px;
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
}
.iuss-izbornik .iuss-korak {
	display: block;
	padding: 0;
	border-bottom: 0;
}
.iuss-izbornik .iuss-marker { display: none; }
.iuss-izbornik .iuss-label {
	margin-bottom: 6px;
	font-size: 12.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: var(--iuss-muted);
}
.iuss-izbornik .iuss-hint { display: none; }
.iuss-izbornik .iuss-combo { min-height: 46px; }
.iuss-izbornik .iuss-red-pretraga { margin: 14px 0 0; }
.iuss-izbornik .iuss-podnozje { margin-top: 18px; }

@media (max-width: 640px) {
	.iuss-izbornik-glava { padding: 14px; }
	.iuss-izbornik .iuss-koraci { grid-template-columns: 1fr; gap: 10px; }
}