/* Sremske Nekretnine V2 - footer.css
   JE-stil redizajn (jamesedition.com referenca): tamna pozadina, sitni uppercase
   naslovi kolona (letter-spacing), fine linije umesto boksova, minimalna donja traka. */

.sn-footer {
	background: var(--sn-primary-darker);
	color: rgba(255, 255, 255, .7);
	margin-top: var(--sn-space-6);
}

.sn-footer__top {
	display: flex;
	flex-direction: column;
	gap: var(--sn-space-5);
	padding-block: var(--sn-space-6);
}

.sn-footer__brand { max-width: 340px; }
.sn-footer__logo { display: inline-flex; margin-bottom: var(--sn-space-3); }
.sn-footer__logo img { height: 34px; width: auto; display: block; }
.sn-footer__tagline {
	font-size: var(--sn-text-sm);
	color: rgba(255, 255, 255, .5);
	line-height: 1.6;
	margin: 0;
}

.sn-footer__col-label {
	font-size: var(--sn-text-xs);
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .4);
	margin: 0 0 var(--sn-space-3);
}
.sn-footer__col ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--sn-space-2);
}
.sn-footer__col a {
	color: rgba(255, 255, 255, .85);
	font-size: var(--sn-text-sm);
}
.sn-footer__col a:hover,
.sn-footer__col a:focus-visible {
	color: var(--sn-white);
	text-decoration: underline;
}

.sn-footer__bottom { border-top: 1px solid rgba(255, 255, 255, .12); }
.sn-footer__bottom-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--sn-space-2);
	padding-block: var(--sn-space-3);
}
.sn-footer__bottom-inner p {
	margin: 0;
	font-size: var(--sn-text-xs);
	color: rgba(255, 255, 255, .4);
}

.sn-footer__social {
	display: flex;
	align-items: center;
	gap: var(--sn-space-3);
	margin-left: auto;
}
.sn-footer__social a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255, 255, 255, .55);
	transition: color .15s ease;
	line-height: 0;
}
.sn-footer__social a:hover {
	color: var(--sn-white);
}
.sn-footer__social svg {
	width: 26px;
	height: 26px;
}

@media (min-width: 768px) {
	.sn-footer__top {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--sn-space-6);
	}
	.sn-footer__brand { flex: 0 0 260px; }
	.sn-footer__col { flex: 1 1 0; }
}
@media (max-width: 767px) {
	.sn-footer { margin-top: var(--sn-space-4); }
	.sn-footer__top { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--sn-space-4); row-gap: var(--sn-space-4); padding-block: var(--sn-space-4); }
	.sn-footer__brand { grid-column: 1 / -1; max-width: none; }
	.sn-footer__logo { margin-bottom: var(--sn-space-2); }
	.sn-footer__col:last-child { grid-column: 1 / -1; }
	.sn-footer__col:last-child ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--sn-space-4); }
	.sn-footer__col-label { margin-bottom: var(--sn-space-2); }
	.sn-footer__col ul { gap: var(--sn-space-1); }
	.sn-footer__col a { display: inline-block; padding-block: 3px; }
	.sn-footer__newsletter { padding-block: var(--sn-space-3); }
	.sn-footer__newsletter-box { padding: var(--sn-space-3); gap: var(--sn-space-2); }
	.sn-footer__newsletter-text p:not(.sn-footer__col-label) { font-size: var(--sn-text-sm); }
	.sn-footer__newsletter .sn-nl__row { flex-wrap: wrap; }
	.sn-footer__bottom-inner { padding-block: var(--sn-space-2); }
}

.sn-footer__legal{margin-left:12px;white-space:nowrap}
.sn-footer__legal a{color:inherit;text-decoration:underline;opacity:.85}
.sn-footer__legal a:hover{opacity:1}
@media (max-width:640px){.sn-footer__legal{display:block;margin:6px 0 0;white-space:normal}}