/* Cjenotrag public styles */

.cjenotrag-anchor,.cjenotrag-lowest{display:block;font-size:.86em;line-height:1.45;margin-top:.25em}
.cjenotrag-help{display:inline-block;position:relative;vertical-align:middle;margin-left:.25em}
.cjenotrag-help__button{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:700 .72rem/1 system-ui;cursor:pointer}
.cjenotrag-help__text{position:absolute;z-index:1000;left:0;bottom:calc(100% + .6rem);width:min(22rem,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:6px;background:#1b2635;color:#fff;font:400 .85rem/1.5 system-ui;box-shadow:0 12px 32px rgba(0,0,0,.25);text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none}
.cjenotrag-help:hover .cjenotrag-help__text,.cjenotrag-help:focus-within .cjenotrag-help__text,.cjenotrag-help.is-open .cjenotrag-help__text{opacity:1;visibility:visible}
.cjenotrag-help__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:480px){.cjenotrag-help__text{position:fixed;left:1rem;right:1rem;bottom:1rem;width:auto;max-width:none}}

.cjenotrag-list-wrapper {
	max-width: 100%;
	margin: 1.5em 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, sans-serif;
}

.sidrena-info {
	background: #f0f7ff;
	border-left: 4px solid #2271b1;
	padding: 12px 16px;
	margin-bottom: 1.5em;
	font-size: 0.95em;
	color: #1d2327;
}

.sidrena-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2em;
	font-size: 15px;
}

.sidrena-table th {
	background: #1a1a2e;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 600;
}

.sidrena-table td {
	padding: 12px 14px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
}

.sidrena-table tr:nth-child(even) {
	background: #f9f9f9;
}

.sidrena-table tr:hover {
	background: #f0f4f8;
}

.sidrena-naziv {
	font-weight: 500;
}

.sidrena-akcija {
	display: inline-block;
	margin-left: 8px;
	padding: 2px 8px;
	background: #d63638;
	color: #fff;
	font-size: 11px;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
}

.sidrena-aktualna {
	font-size: 1.15em;
	color: #1a1a2e;
}

.sidrena-aktualna strong {
	font-weight: 700;
}

.sidrena-sidrena {
	color: #50575e;
	font-size: 0.95em;
}

.sidrena-label {
	display: block;
	font-size: 0.8em;
	color: #787c82;
	margin-bottom: 2px;
}

/* Arhiva */
.sidrena-arhiva {
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 2px solid #e5e5e5;
}

.sidrena-arhiva h3 {
	margin: 0 0 12px;
	font-size: 1.1em;
}

.sidrena-arhiva-lista {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidrena-arhiva-lista li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
}

.sidrena-arhiva-datum {
	font-weight: 600;
	min-width: 100px;
}

.sidrena-dl {
	display: inline-block;
	padding: 4px 12px;
	background: #2271b1;
	color: #fff !important;
	text-decoration: none;
	border-radius: 3px;
	font-size: 13px;
	font-weight: 500;
}

.sidrena-dl:hover {
	background: #135e96;
	color: #fff !important;
}

.sidrena-stalni-linkovi {
	margin-top: 16px;
	font-size: 0.9em;
}

.sidrena-stalni-linkovi a {
	color: #2271b1;
}

.sidrena-footer {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	color: #787c82;
	font-size: 0.85em;
}

.sidrena-footer a {
	color: #2271b1;
}

/* Single shortcode */
.sidrena-single {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
}

.sidrena-single-aktualna {
	font-weight: 700;
	font-size: 1.1em;
}

.sidrena-single-sidrena {
	font-size: 0.9em;
	color: #666;
}

.sidrena-empty {
	padding: 20px;
	background: #f6f7f7;
	border-radius: 4px;
	color: #666;
}

/* Responsive */
@media (max-width: 600px) {
	.sidrena-table thead {
		display: none;
	}
	.sidrena-table tr {
		display: block;
		margin-bottom: 16px;
		border: 1px solid #e5e5e5;
		border-radius: 6px;
		padding: 12px;
	}
	.sidrena-table td {
		display: block;
		border: none;
		padding: 4px 0;
	}
	.sidrena-aktualna {
		font-size: 1.3em;
	}
}
