/**
 * Bestsellers Module Public Styles
 */

.knjige-bestseller-loop-badge {
	display: inline-block;
}

.knjige-bestseller-badge {
	font-size: 80%;
	font-weight: bold;
}

.knjige-bestseller-badge span {
	background-color: var(--knjige-info-color, #0057b8);
	color: white;
	padding: 4px 8px;
	border-radius: 4px;
}

.knjige-bestseller-loop-rank {
	position: absolute;
	z-index: 1000;
	top: 10px;
	left: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 4px 8px;
	border-radius: 4px;
	font-weight: bold;
	font-size: 14px;
}

.knjige-bestseller-positions {
	text-align: left;
}

.knjige-bestseller-positions ul {
	list-style: none;
	margin: 0;
}

.knjige-bestseller-positions li {
	margin: 0 !important;
	line-height: 1.75;
}

.knjige-bestseller-position-badge {
	background-color: var(--knjige-info-color, #0057b8);
	color: white;
	padding: 2px 6px;
	border-radius: 4px;
}

.knjige-bestseller-positions ul li:not(:has(ul)) {
	position: relative;
	padding-left: 1em;
	margin-top: 0.25em;
}

.knjige-bestseller-positions ul li:not(:has(ul))::before {
	content: "\21B3";
	position: absolute;
	left: 0;
}

.knjige-bestseller-positions > ul > li > ul > li:first-child {
	font-weight: bold;
	padding: 0;
}

.knjige-bestseller-positions > ul > li > ul > li:first-child:before {
	content: "";
}

.knjige-bestseller-positions > ul,
.knjige-bestseller-positions > ul > li > ul {
	margin-left: 0;
	padding-left: 0;
}