/* Sits on its own line under the normal price, a touch quieter than it,
   inheriting the theme's font. flex-basis keeps it on a new line inside
   themes that lay .price out as a flex row. */
.scwh-anchor-price {
	display: block;
	flex: 0 0 100%;
	width: 100%;
	margin-top: .3em;
	font-family: inherit;
	font-size: .75em;
	font-weight: 400;
	line-height: 1.4;
	color: inherit;
	opacity: .85;
	text-decoration: none;
}

.scwh-anchor-price .amount,
.scwh-anchor-label {
	font-weight: 400;
}

/* ---------- Public price list (page + [sidrena_cijena_cjenik]) ---------- */
.scwh-price-list {
	font-family: inherit;
	color: inherit;
}

.scwh-price-section {
	margin: 0 0 2.5rem;
}

.scwh-price-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
	margin: 0 0 .5rem;
}

.scwh-price-head h2 {
	margin: 0;
	font-size: 1.35em;
}

.scwh-price-download {
	display: inline-block;
	padding: .45em .9em;
	border: 1px solid currentColor;
	border-radius: 6px;
	font-size: .9em;
	font-weight: 600;
	text-decoration: none;
}

.scwh-price-meta,
.scwh-price-empty {
	margin: 0 0 .75rem;
	font-size: .9em;
	opacity: .7;
}

.scwh-price-table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.scwh-price-table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	color: #1f2937;
	font: inherit;
	line-height: 1.4;
}

.scwh-price-table th,
.scwh-price-table td {
	padding: .75em .9em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #e5e7eb;
}

.scwh-price-table thead th {
	background: #f9fafb;
	font-size: .85em;
	font-weight: 600;
	color: #4b5563;
	border-bottom: 1px solid #d1d5db;
	white-space: nowrap;
}

.scwh-price-table .scwh-col-price {
	text-align: right;
	white-space: nowrap;
}

.scwh-price-table .scwh-col-stock {
	white-space: nowrap;
}

.scwh-price-current {
	display: block;
	font-weight: 700;
}

.scwh-price-anchor {
	display: block;
	font-weight: 400;
	color: #4b5563;
}

.scwh-price-sale,
.scwh-price-date {
	display: block;
	font-size: .8em;
	color: #6b7280;
}

.scwh-price-missing {
	color: #9ca3af;
}

.scwh-stock.is-in { color: #15803d; }
.scwh-stock.is-out { color: #b91c1c; }

.scwh-price-archive {
	margin: 0;
	padding: 0;
	list-style: none;
}

.scwh-price-archive li {
	padding: .4em 0;
	border-bottom: 1px solid #e5e7eb;
}

@media (max-width: 640px) {
	.scwh-price-table thead { display: none; }
	.scwh-price-table,
	.scwh-price-table tbody,
	.scwh-price-table tr,
	.scwh-price-table td { display: block; width: 100%; box-sizing: border-box; }
	.scwh-price-table tr { padding: .5em 0; border-bottom: 1px solid #d1d5db; }
	.scwh-price-table td { padding: .3em .5em; border: 0; text-align: left; white-space: normal; }
	.scwh-price-table td::before {
		content: attr(data-label);
		display: block;
		font-size: .75em;
		font-weight: 600;
		color: #6b7280;
	}
	.scwh-price-table .scwh-col-price { text-align: left; }
}

/* Archive of previously published versions, printed under its own price list */
.scwh-price-archive-block { margin: 1.5rem 0 0; padding-top: 1rem; border-top: 1px solid #e5e7eb; }
.scwh-price-archive-block h3 { margin: 0 0 .5rem; font-size: 1rem; color: #374151; }

/* ---------- Tabs: one price list at a time ---------- */
.scwh-price-tabs {
	display: inline-flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin: 0 0 2rem;
	padding: .3rem;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	background: #f3f4f6;
}

.scwh-price-tab {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	padding: .6rem 1.15rem;
	border-radius: 7px;
	color: #4b5563;
	font-size: .95rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}

.scwh-price-tab:hover,
.scwh-price-tab:focus-visible {
	color: #111827;
	background: rgba(255, 255, 255, .6);
}

.scwh-price-tab.is-active {
	background: #fff;
	color: #111827;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .08), 0 0 0 1px rgba(16, 24, 40, .04);
}

.scwh-price-tab::before {
	content: "";
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: #d1d5db;
}

.scwh-price-tab.is-active::before {
	background: #2563eb;
}

@media (max-width: 480px) {
	.scwh-price-tabs { display: flex; width: 100%; }
	.scwh-price-tab { flex: 1 1 0; justify-content: center; padding: .6rem .5rem; }
}

/* ---------- 3.1.6: search, paging and a tidier archive ---------- */
.scwh-sr {
	position: absolute;
	width: 1px; height: 1px;
	margin: -1px; padding: 0; border: 0;
	clip: rect(0 0 0 0); clip-path: inset(50%);
	overflow: hidden; white-space: nowrap;
}

.scwh-price-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .75rem 1rem;
	margin: 0 0 .85rem;
}

.scwh-price-search { flex: 1 1 18rem; }

.scwh-price-search input {
	width: 100%;
	box-sizing: border-box;
	padding: .55em .8em;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	color: inherit;
	font: inherit;
	font-size: .95em;
}

.scwh-price-search input:focus {
	border-color: #9ca3af;
	outline: 2px solid rgba(37, 99, 235, .25);
	outline-offset: 1px;
}

.scwh-price-count {
	font-size: .85em;
	color: #6b7280;
	white-space: nowrap;
}

.scwh-price-more {
	margin: 1rem 0 0;
	text-align: center;
}

.scwh-price-more-btn {
	padding: .55em 1.4em;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	background: #fff;
	color: inherit;
	font: inherit;
	font-size: .92em;
	font-weight: 600;
	cursor: pointer;
}

.scwh-price-more-btn:hover { border-color: #9ca3af; background: #f9fafb; }

/* Archive rows: when · how many · download, on one line, wrapping on a phone */
.scwh-price-archive li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .35em 1rem;
	padding: .55em 0;
}

.scwh-archive-when { min-width: 9.5em; }
.scwh-archive-rows { flex: 1 1 auto; font-size: .9em; color: #6b7280; }
.scwh-archive-link { font-size: .9em; white-space: nowrap; }

/* Availability sits at the right edge, away from the two price columns */
.scwh-price-table th.scwh-col-stock,
.scwh-price-table td.scwh-col-stock { text-align: right; white-space: nowrap; }
@media (max-width: 640px) { .scwh-price-table td.scwh-col-stock { text-align: left; } }
