/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* Na ultra-širokim ekranima je -35% (postotak širine kolone) prevelik
   pomak pa overflow-hidden odreže gotovo cijelu sliku kategorije. */
.item-categories .cat-img {
	right: max(-35%, -160px);
}

/* Kontakt info boxovi (zamjena za uklonjenu Google mapu) */
.contact-info-box {
	height: 100%;
	padding: 2.25rem 1.5rem;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 14px;
	transition: border-color .3s ease, background .3s ease;
}

.contact-info-box:hover {
	background: rgba(255, 255, 255, .06);
	border-color: rgba(251, 175, 50, .45);
}

.contact-info-box > i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	color: var(--cnvs-themecolor);
	background: rgba(251, 175, 50, .12);
	border-radius: 50%;
}

/* Statični grid slika umjesto Instagram widgeta */
.insta-grid {
	--bs-gutter-x: 8px;
}

.insta-grid a {
	display: block;
	margin-bottom: 8px;
}

.insta-grid img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 6px;
}