/* Икона | број | два реда текст (хедер) */
.csb-photo-availability-widget {
	display: inline-flex;
	align-items: center;
	align-content: center;
	gap: 0.35rem;
	margin-top: auto;
	margin-bottom: auto;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: middle;
	min-height: 0;
	--csb-photo-avail-accent: #6d28d9;
	--csb-photo-avail-icon-size: 28px;
	--csb-photo-avail-count-size: 26px;
}

.csb-photo-availability-link {
	display: inline-flex;
	align-items: center;
	align-content: center;
	gap: 0.35rem;
	margin-top: auto;
	margin-bottom: auto;
	min-height: 0;
	text-decoration: none;
	color: inherit;
}

.csb-photo-availability-link:hover {
	opacity: 0.88;
}

.csb-photo-availability-icon {
	color: var(--csb-photo-avail-accent);
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: calc(var(--csb-photo-avail-icon-size, 28px) + 10px);
	height: max(36px, calc(var(--csb-photo-avail-icon-size, 28px) + 8px));
	min-width: calc(var(--csb-photo-avail-icon-size, 28px) + 10px);
	min-height: max(36px, calc(var(--csb-photo-avail-icon-size, 28px) + 8px));
	box-sizing: border-box;
}

.csb-photo-availability-icon-svg {
	display: block;
	width: var(--csb-photo-avail-icon-size, 28px);
	height: var(--csb-photo-avail-icon-size, 28px);
	max-width: 100%;
	max-height: 100%;
}

.csb-photo-availability-count {
	flex-shrink: 0;
	font-size: var(--csb-photo-avail-count-size, 26px);
	font-weight: 800;
	line-height: 1;
	color: var(--csb-photo-avail-accent);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.02em;
	align-self: center;
	padding: 0 0.1rem;
}

.csb-photo-availability-labels {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	align-self: center;
	gap: 0.05rem;
	min-height: 0;
}

.csb-photo-availability-line1,
.csb-photo-availability-line2 {
	font-size: 11px;
	color: #333;
	line-height: 1.15;
}

.csb-photo-availability-line2 {
	color: #444;
}