/**
 * Logotipi (Banca Intesa) na frontu — placeholder / shortcode.
 * Grid: 8 jednakih kolona + jedinstven column-gap (strukturalno isti razmak).
 * Slike: isti max u okviru ćelije (object-fit: contain) da vizuelni ritam bude ravnomerniji
 * uprkos različitim formatima fajlova.
 */

.firm-info-logotipi .nn-logo-wrapper {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	column-gap: clamp(0.3rem, 1vw, 0.55rem);
	row-gap: 0.5rem;
	align-items: center;
	justify-items: center;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
}

.firm-info-logotipi .nn-logo-slot {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 3rem;
	box-sizing: border-box;
	padding: 0 0.125rem;
}

/* Dodatni razmak između 6. i 7. markera (Banca Intesa i sledeći link); Banca Intesa vizuelno manja */
.firm-info-logotipi .nn-logo-slot:nth-child(6) {
	padding-inline-end: clamp(0.25rem, 0.9vw, 0.5rem);
}

.firm-info-logotipi .nn-logo-slot:nth-child(6) .nn-img-wrapper img,
.firm-info-logotipi .nn-logo-slot:nth-child(6) .nn-link-wrapper img {
	max-height: clamp(1.45rem, 3vw, 2.2rem);
}

.firm-info-logotipi .nn-logo-slot:nth-child(7) {
	padding-inline-start: clamp(0.25rem, 0.9vw, 0.5rem);
}

.firm-info-logotipi .nn-logo-slot .nn-img-wrapper,
.firm-info-logotipi .nn-logo-slot .nn-link-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100%;
	min-height: 0;
}

.firm-info-logotipi .nn-link-wrapper {
	text-decoration: none;
	color: inherit;
	border-radius: 4px;
	transition: opacity 0.15s ease;
}

.firm-info-logotipi .nn-link-wrapper:hover {
	opacity: 0.88;
}

/* Jednako „okno“ po visini i širini unutar kolone — manje razlike u vizuelnom razmaku */
.firm-info-logotipi .nn-logo-slot .nn-img-wrapper img,
.firm-info-logotipi .nn-logo-slot .nn-link-wrapper img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: clamp(1.85rem, 3.8vw, 2.85rem);
	object-fit: contain;
	object-position: center;
	display: block;
}

.firm-info-logotipi__copyright {
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.5;
	color: inherit;
	margin: 1rem 20px 0;
	padding: 0;
}

.firm-info-logotipi__copyright a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.firm-info-logotipi__copyright a:hover,
.firm-info-logotipi__copyright a:focus {
	opacity: 0.9;
}

/* Ispod 992px: više redova umesto jednog reda od 8 kolona */
@media (max-width: 991px) {
	.firm-info-logotipi .nn-logo-wrapper {
		grid-template-columns: repeat(auto-fit, minmax(4.75rem, 1fr));
		column-gap: clamp(0.35rem, 2vw, 0.65rem);
		row-gap: 0.65rem;
		justify-content: center;
	}
}