/* TW Prodavnica – naslovna strana */

/* Baner počinje odmah ispod zaglavlja: bez razmaka i bez trake sa mrvicama
   (na telefonu je na naslovnoj pisalo samo „Početna“). */
body.home .site-content {
	padding-top: 0;
}

body.home #page-header {
	display: none;
}

/* Pločice kategorija: umesto ravnomernog zatamnjenja preko cele slike,
   preliv koji tamni ka dnu – fotografija ostaje svetla, a naslov i dugme čitljivi. */
body.home .razzi-banner-carousel .banner-item .banner-img::after {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0.3) 52%, rgba(0, 0, 0, 0.65) 100%);
	transition: background 0.3s ease;
}

body.home .razzi-banner-carousel .banner-item:hover .banner-img::after {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 22%, rgba(0, 0, 0, 0.38) 52%, rgba(0, 0, 0, 0.72) 100%);
}

/* Malo jača senka teksta, da naslov drži kontrast i na svetlijim fotografijama. */
body.home .razzi-banner-carousel .banner-item .banner-title {
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

/* Tabovi iznad mreže proizvoda („Sve“ + kategorije) na telefonu. Tema red centrira
   i ujedno mu dozvoljava vodoravno listanje, pa se na uskom ekranu, kad svi tabovi
   ne stanu, početak reda („Sve“) odseče i do njega se ne može doći. Zato red kreće
   od leve ivice, a centriraju ga margine samo kada ima mesta. Razmak između tabova
   se sužava sa ekranom (10px od 375px naviše, 4px na 320px), da svih pet stane u red.
   (.elementor-element u selektoru: Elementorovo poravnanje widgeta ima pet klasa.) */
@media (max-width: 767px) {
	body.home .elementor-element.elementor-widget-razzi-product-tab-grid .razzi-products-tabs ul.tabs {
		justify-content: flex-start;
	}

	body.home .elementor-element.elementor-widget-razzi-product-tab-grid .razzi-products-tabs ul.tabs li {
		padding: 0 clamp(4px, calc((100vw - 292px) / 8), 10px);
	}

	body.home .elementor-element.elementor-widget-razzi-product-tab-grid .razzi-products-tabs ul.tabs li:first-child {
		margin-left: auto;
		padding-left: 0;
	}

	body.home .elementor-element.elementor-widget-razzi-product-tab-grid .razzi-products-tabs ul.tabs li:last-child {
		margin-right: auto;
		padding-right: 0;
	}
}

/* Beskonačno listanje mreže proizvoda (home.js): dok stiže sledeća grupa,
   na mestu dugmeta „Istraži više“ vrti se kružić. */
body.home .elementor-widget-razzi-button.tw-ucitavanje .razzi-button {
	visibility: hidden;
	transition: none; /* inače tekst ostaje vidljiv ispod kružića dok traje prelaz teme */
}

body.home .elementor-widget-razzi-button.tw-ucitavanje .razzi-button-text::after {
	content: "";
	visibility: visible;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	border: 2px solid rgba(0, 0, 0, 0.12);
	border-top-color: #111;
	border-radius: 50%;
	animation: tw-vrti 0.7s linear infinite;
}

@keyframes tw-vrti {
	to {
		transform: rotate(360deg);
	}
}

/* Svi proizvodi taba su prikazani: dugme se sklanja, razmak do sledećeg odeljka ostaje. */
body.home .elementor-widget-razzi-button.tw-kraj .razzi-button {
	display: none;
}

body.home .elementor-widget-razzi-button.tw-kraj > .elementor-widget-container {
	padding-top: 0;
}