/* Custom override styles for EAST POINT DENTISTRY */

/* Override Bootstrap – primarna narandžasta paleta (bez zelene) */
:root {
    --bs-blue: #D35400 !important;
    --bs-primary: #D35400 !important;
    --bs-primary-rgb: 211, 84, 0 !important;
    --bs-green: #D35400 !important;
    --bs-success: #D35400 !important;
    --bs-success-rgb: 211, 84, 0 !important;
}

/* ISKLJUČI SVE ANIMACIJE NA RELOAD - Elementor animacije */
* {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
}

/* Posebno za Elementor widget animacije */
.elementor-widget {
    animation: none !important;
    transition: none !important;
}

/* Isključi fadeInUp animacije */
.fadeInUp {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Isključi GSAP animacije ako postoje */
[class*="gsap-"] {
    animation: none !important;
    transition: none !important;
}

/* Elementor lazy loading - osiguraj vidljivost bez animacija */
.e-lazyloaded {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
}

/* Ukloni seckanje pri učitavanju – sadržaj odmah vidljiv */
body,
body:not(.page-loaded),
body:not(.page-loaded) > *:not(.preloader) {
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
    transition: none !important;
}
/* Hero slajdovi – odmah vidljivi, bez čekanja na pozadinsku sliku */
.elementor-element-09745f7,
.elementor-element-49e6d42,
.elementor-element-09745f7:not(.bg-loaded),
.elementor-element-49e6d42:not(.bg-loaded),
.elementor-element-09745f7.bg-loaded,
.elementor-element-49e6d42.bg-loaded {
    opacity: 1 !important;
    visibility: visible !important;
    min-height: auto !important;
    overflow: visible !important;
    transition: none !important;
}
/* Hero slider – fiksna min-visina sprečava layout shift */
.v3-hero-slider .ekit-main-swiper,
.ekit-main-swiper.swiper-autoheight,
.elementskit-advanced-slider .swiper {
    min-height: 70vh !important;
}
/* Preloader – brzo sakrivanje bez seckanja */
.preloader {
    transition: none !important;
}
.preloader.fade-out {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.e-con:not(.e-lazyloaded) {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
}

/* Elementor widget animacije */
.elementor-widget-container {
    animation: none !important;
    transition: none !important;
}

/* Posebne Elementor animacije */
.elementor-animation-fadeIn,
.elementor-animation-fadeInUp,
.elementor-animation-fadeInDown,
.elementor-animation-fadeInLeft,
.elementor-animation-fadeInRight,
.elementor-animation-slideInUp,
.elementor-animation-slideInDown,
.elementor-animation-slideInLeft,
.elementor-animation-slideInRight,
.elementor-animation-zoomIn,
.elementor-animation-zoomOut {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

/* GSAP ScrollTrigger animacije - isključi */
.at-animation-image-style-1 {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.at-animation-image-style-1 img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.at-animation-heading-style-1 .elementor-heading-title,
.at-animation-heading-style-1 .ekit-heading--title {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* SplitText animacije - osiguraj vidljivost teksta */
.at-animation-heading-style-1 .elementor-heading-title,
.at-animation-heading-style-1 .ekit-heading--title {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* SplitText animacije - osiguraj vidljivost teksta */
.at-animation-heading-style-1 .elementor-heading-title *,
.at-animation-heading-style-1 .ekit-heading--title * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Style-2 animacije - osiguraj vidljivost teksta i belu boju */
.at-animation-heading-style-2 .elementor-heading-title {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
}

/* Style-2 animacije - osiguraj vidljivost teksta i belu boju za sve unutrašnje elemente */
.at-animation-heading-style-2 .elementor-heading-title * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #ffffff !important;
}

/* Fix for invisible h2 text in element 023e721 - make text visible and primary */
.elementor-element-023e721 .elementor-heading-title,
.elementor-element-023e721 .elementor-heading-title *,
.elementor-element-023e721 .elementor-heading-title span,
.elementor-element-023e721 .elementor-heading-title span *,
.elementor-element-023e721 .elementor-heading-title div,
.elementor-element-023e721 .elementor-heading-title div * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #D35400 !important;
}

/* Fix for invisible h2 text in elements 6d04f30 and 8a4e3fb - make text visible and primary */
.elementor-element-6d04f30 .elementor-heading-title,
.elementor-element-6d04f30 .elementor-heading-title *,
.elementor-element-6d04f30 .elementor-heading-title span,
.elementor-element-6d04f30 .elementor-heading-title span *,
.elementor-element-6d04f30 .elementor-heading-title div,
.elementor-element-6d04f30 .elementor-heading-title div *,
.elementor-element-8a4e3fb .elementor-heading-title,
.elementor-element-8a4e3fb .elementor-heading-title *,
.elementor-element-8a4e3fb .elementor-heading-title span,
.elementor-element-8a4e3fb .elementor-heading-title span *,
.elementor-element-8a4e3fb .elementor-heading-title div,
.elementor-element-8a4e3fb .elementor-heading-title div * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #D35400 !important;
}

/* Hero sekcija - "dobrodošli u Stomatološka ordinacija EAST POINT DENTISTRY"
   Osigurava da je naslov i opis lepo vidljiv na svim širinama ekrana. */

/* Popravka za seckanje teksta pri učitavanju - element 49e6d42 */
.elementor-7119 .elementor-element.elementor-element-49e6d42 {
	min-height: 600px !important;
	overflow: visible !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Osigurava da element bude vidljiv i pre lazy loadinga */
.elementor-7119 .elementor-element.elementor-element-49e6d42:not(.e-lazyloaded) {
	visibility: visible !important;
	opacity: 1 !important;
	min-height: 600px !important;
}

/* Osigurava da tekst ne bude sečen - svi tekstualni elementi unutar hero sekcije */
.elementor-7119 .elementor-element.elementor-element-49e6d42 .elementor-widget-container,
.elementor-7119 .elementor-element.elementor-element-49e6d42 .elementor-heading-title,
.elementor-7119 .elementor-element.elementor-element-49e6d42 p {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	max-width: 100% !important;
}

/* Kontejner sa tekstom - osigurava da se ne secka */
.elementor-7119 .elementor-element.elementor-element-344f2dd,
.elementor-7119 .elementor-element.elementor-element-90333c9 {
	overflow: visible !important;
	min-height: auto !important;
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Tekst editor widget - osigurava da se tekst prikaže u celosti */
.elementor-7119 .elementor-element.elementor-element-0c482fd {
	overflow: visible !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
}

.elementor-7119 .elementor-element.elementor-element-0c482fd p {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
	overflow: visible !important;
}

@media (max-width: 767px) {
	/* kontejner sa tekstom preko cele širine */
	.elementor-7119 .elementor-element.elementor-element-344f2dd {
		flex: 1 1 100%;
	}

	/* mali naslov (dobrodošli...) kompaktniji */
	.elementor-7119 .elementor-element.elementor-element-9919687 .elementor-heading-title {
		font-size: 12px;
		letter-spacing: 0.18em;
	}

	/* glavni naslov – responsive veličina da ne "ispadne" sa ekrana */
	.elementor-7119 .elementor-element.elementor-element-7f8977a .elementor-heading-title {
		font-size: clamp(26px, 7vw, 34px);
		line-height: 1.2;
	}

	/* opisni tekst – veća čitljivost */
	.elementor-7119 .elementor-element.elementor-element-0c482fd {
		font-size: 14px;
		line-height: 1.6;
	}

	/* visina hero sekcije da sve stane u kadar */
	.elementor-7119 .elementor-element.elementor-element-49e6d42 {
		min-height: 100vh;
		padding-top: 90px;
		padding-bottom: 90px;
	}
}

/* Pozadinska slika za sekciju "Posetite kliniku" (samo unutrašnji kontejner ff060b6) */
.elementor-element.elementor-element-ff060b6{
	background-image:url("../images/km/pexels-cottonbro-6502550.jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

/* Pomeriti sekciju "ZAŠTO IZABRATI NAS" (element 67d5936) naviše */
.elementor-element.elementor-element-67d5936 {
	margin-top: -200px !important;
}

/* Layout za sekciju "O NAMA" – slika levo, tekst desno (forsirano sa !important) */
.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	column-gap: 70px !important;
	row-gap: 40px !important;
}

.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
	> .elementor-element.elementor-element-95297d0 {
	flex: 0 0 45% !important;
	max-width: 45% !important;
	width: 45% !important;
	order: 1 !important;
}

.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
	> .elementor-element.elementor-element-0d9becb {
	flex: 0 0 55% !important;
	max-width: 55% !important;
	width: 55% !important;
	order: 2 !important;
}

/* Slika se ponaša kao normalan blok – nema apsolutnog pozicioniranja na desktopu */
.elementor-element.elementor-element-3b7169f {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}

.elementor-element.elementor-element-3b7169f img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

/* Tablet uređaji (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
	.elementor-element.elementor-element-a3e6768 .e-con-inner {
		flex-wrap: wrap !important;
		column-gap: 40px !important;
		row-gap: 30px !important;
	}
	
	.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
		> .elementor-element.elementor-element-95297d0 {
		flex: 0 0 48% !important;
		max-width: 48% !important;
		width: 48% !important;
	}
	
	.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
		> .elementor-element.elementor-element-0d9becb {
		flex: 0 0 48% !important;
		max-width: 48% !important;
		width: 48% !important;
	}
	
	.elementor-element.elementor-element-3b7169f {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin-top: 15px;
	}
	
	.elementor-element.elementor-element-3b7169f img {
		width: 100%;
		height: auto;
		max-width: 100%;
		position: relative !important;
		transform: none !important;
	}
	
	.elementor-element.elementor-element-6bdc2aa img {
		width: 100%;
		height: auto;
	}
	
	/* Tablet tekst prilagođavanje */
	.elementor-element.elementor-element-0ed11ca .elementor-heading-title {
		font-size: clamp(28px, 4vw, 36px) !important;
		line-height: 1.3 !important;
	}
	
	.elementor-element.elementor-element-49a9302 p {
		font-size: 15px !important;
		line-height: 1.6 !important;
	}
}

/* Mobilni uređaji (do 767px) */
@media (max-width: 767px) {
	.elementor-element.elementor-element-a3e6768 .e-con-inner {
		flex-direction: column !important;
		flex-wrap: wrap !important;
		gap: 30px !important;
		padding: 20px 15px !important;
	}
	
	.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
		> .elementor-element.elementor-element-95297d0 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		order: 1 !important;
	}
	
	.elementor-18 .elementor-element.elementor-element-a3e6768 > .e-con-inner
		> .elementor-element.elementor-element-0d9becb {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
		order: 2 !important;
	}
	
	.elementor-element.elementor-element-3b7169f {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		margin-top: 20px;
		width: 100% !important;
	}
	
	.elementor-element.elementor-element-3b7169f img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		position: relative !important;
		transform: none !important;
		object-fit: cover;
	}
	
	.elementor-element.elementor-element-6bdc2aa {
		width: 100% !important;
	}
	
	.elementor-element.elementor-element-6bdc2aa img {
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-fit: cover;
	}
	
	/* Responsive tekst za mobilne */
	.elementor-element.elementor-element-0ed11ca .elementor-heading-title {
		font-size: clamp(24px, 6vw, 32px) !important;
		line-height: 1.3 !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
	
	.elementor-element.elementor-element-49a9302 p {
		font-size: 14px !important;
		line-height: 1.6 !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
	
	.elementor-element.elementor-element-55b2d6c .elementor-heading-title {
		font-size: clamp(18px, 5vw, 24px) !important;
	}
	
	/* Responsive ikone liste */
	.elementor-element.elementor-element-8105bd8 .elementor-icon-list-item {
		margin-bottom: 15px;
	}
	
	.elementor-element.elementor-element-8105bd8 .elementor-icon-list-text {
		font-size: 14px !important;
	}
	
	/* Responsive dugme */
	.elementor-element.elementor-element-bdd919b .elementor-button {
		width: 100%;
		max-width: 100%;
		justify-content: center;
	}
}

/* Mali mobilni uređaji (do 575px) */
@media (max-width: 575px) {
	.elementor-element.elementor-element-a3e6768 .e-con-inner {
		padding: 15px 10px !important;
		gap: 25px !important;
	}
	
	.elementor-element.elementor-element-95297d0 {
		margin-bottom: 20px;
	}
	
	.elementor-element.elementor-element-0ed11ca .elementor-heading-title {
		font-size: clamp(22px, 5.5vw, 28px) !important;
		line-height: 1.2 !important;
	}
	
	.elementor-element.elementor-element-49a9302 p {
		font-size: 13px !important;
		line-height: 1.5 !important;
	}
	
	.elementor-element.elementor-element-55b2d6c .elementor-heading-title {
		font-size: clamp(16px, 4.5vw, 22px) !important;
	}
	
	.elementor-element.elementor-element-8105bd8 .elementor-icon-list-text {
		font-size: 13px !important;
	}
	
	.elementor-element.elementor-element-8105bd8 .elementor-icon-list-item {
		margin-bottom: 12px;
	}
}

/* Make heading "Vaše putovanje ka zdravijem osmehu počinje ovde" primary */
.elementor-element-0ed11ca .elementor-heading-title,
.elementor-element-0ed11ca .elementor-heading-title *,
.elementor-element-0ed11ca .elementor-heading-title span,
.elementor-element-0ed11ca .elementor-heading-title span *,
.elementor-element-0ed11ca .elementor-heading-title div,
.elementor-element-0ed11ca .elementor-heading-title div * {
	color: #D35400 !important;
}

/* Make heading "Visokokvalitetne Usluge za Vas." primary */
.elementor-element-67d7963 .elementor-heading-title,
.elementor-element-67d7963 .elementor-heading-title *,
.elementor-element-67d7963 .elementor-heading-title span,
.elementor-element-67d7963 .elementor-heading-title span *,
.elementor-element-67d7963 .elementor-heading-title div,
.elementor-element-67d7963 .elementor-heading-title div * {
	color: #D35400 !important;
}

/* Make heading "Besplatna Profesionalna Konsultacija" primary */
.elementor-element-a4701d7 .elementor-widget-container,
.elementor-element-a4701d7 .elementor-widget-container *,
.elementor-element-a4701d7 .elementor-widget-container span,
.elementor-element-a4701d7 .elementor-widget-container span *,
.elementor-element-a4701d7 .elementor-widget-container div,
.elementor-element-a4701d7 .elementor-widget-container div * {
	color: #D35400 !important;
}

/* Veoma mali uređaji (do 480px) */
@media (max-width: 480px) {
	.elementor-element.elementor-element-a3e6768 .e-con-inner {
		padding: 15px 8px !important;
		gap: 20px !important;
	}

	.elementor-element.elementor-element-0ed11ca .elementor-heading-title {
		font-size: clamp(20px, 5vw, 26px) !important;
	}

	.elementor-element.elementor-element-49a9302 p {
		font-size: 12px !important;
		line-height: 1.5 !important;
	}

	.elementor-element.elementor-element-55b2d6c .elementor-heading-title {
		font-size: clamp(15px, 4vw, 20px) !important;
	}

	.elementor-element.elementor-element-8105bd8 .elementor-icon-list-text {
		font-size: 12px !important;
	}
}

/* Make star SVG icons primary (narandžasta) */
.elementor-element-54771cd img,
.elementor-element-54771cd .wp-image-1279,
img.wp-image-1279,
.our-service-icon-star img,
.elementor-element-8f59c2e img,
img.wp-image-6192 {
	filter: brightness(0) saturate(100%) invert(35%) sepia(95%) saturate(2500%) hue-rotate(15deg) brightness(95%) contrast(95%) !important;
}

/* Ikonice u stilu sajta – narandžasta (Elementor i ElementsKit) */
.elementor-18 .elementor-icon-box-icon .elementor-icon,
.elementor-18 .elementor-icon-box-icon .elementor-icon svg,
.elementor-18 .elementskit-infobox .elementskit-info-box-icon,
.elementor-18 .elementskit-infobox .elementskit-info-box-icon svg,
.elementor-18 .elementor-icon-list-icon,
.elementor-18 .elementor-icon-list-icon svg,
.elementor-18 .elementskit-watermark-icon svg {
	color: #D35400 !important;
	fill: #D35400 !important;
}
.elementor-18 .elementor-icon-box-icon .elementor-icon svg path,
.elementor-18 .elementor-icon-box-icon .elementor-icon svg rect,
.elementor-18 .elementskit-infobox .elementskit-info-box-icon svg path,
.elementor-18 .elementskit-infobox .elementskit-info-box-icon svg rect,
.elementor-18 .elementor-icon-list-icon svg path,
.elementor-18 .elementor-icon-list-icon svg rect,
.elementor-18 .elementskit-watermark-icon svg path,
.elementor-18 .elementskit-watermark-icon svg rect {
	fill: #D35400 !important;
}

/* V3 service item dugme – default: bela pozadina (rect), narandžasta strelica (path) */
.elementor-18 .v3-service-item .elementskit-infobox .elementskit-btn svg rect {
	fill: #fff !important;
}
.elementor-18 .v3-service-item .elementskit-infobox .elementskit-btn svg path {
	fill: #D35400 !important;
}
/* V3 service item dugme – na hover: narandžasta pozadina, bela strelica */
.elementor-18 .v3-service-item .elementskit-infobox .elementskit-btn:hover svg rect,
.elementor-18 .v3-service-item .elementskit-infobox:hover .elementskit-btn svg rect {
	fill: #D35400 !important;
}
.elementor-18 .v3-service-item .elementskit-infobox .elementskit-btn:hover svg path,
.elementor-18 .v3-service-item .elementskit-infobox:hover .elementskit-btn svg path {
	fill: #fff !important;
}

/* V3 service item – na hover kartice: ikonica bela */
.elementor-18 .v3-service-item .elementskit-infobox:hover .elementskit-info-box-icon svg path,
.elementor-18 .v3-service-item .elementskit-infobox:hover .elementskit-info-box-icon svg rect {
	fill: #fff !important;
}

/* Strelice u elementskit dugmadima – bele po defaultu, narandžaste na hover */
.elementor-18 .elementskit-infobox .elementskit-btn svg path,
.elementor-18 .elementskit-infobox .elementskit-btn svg rect {
	fill: #fff !important;
}
.elementor-18 .elementskit-infobox .elementskit-btn:hover svg path,
.elementor-18 .elementskit-infobox .elementskit-btn:hover svg rect {
	fill: #D35400 !important;
}

/* Ikonice u CTA sekciji (c0b95e1) – bele */
.elementor-element-c0b95e1 .elementor-icon-box-icon .elementor-icon,
.elementor-element-c0b95e1 .elementor-icon-box-icon .elementor-icon svg,
.elementor-element-c0b95e1 .elementor-icon-box-icon .elementor-icon svg path,
.elementor-element-c0b95e1 .elementor-icon-box-icon .elementor-icon svg rect {
	color: #fff !important;
	fill: #fff !important;
}

/* Naslov "KONTAKTIRAJTE NAS" – narandžasta */
.elementor-element-27c5375 .elementor-heading-title,
.elementor-element-27c5375 .elementor-heading-title * {
	color: #D35400 !important;
}

/* ========== RESPONSIVE – samo za tablet i mobil (ne dira desktop) ========== */
/* Sve ispod važi samo za max-width: 1024px i manje – desktop izgled ostaje kao pre */

@media (max-width: 1024px) {
	html {
		overflow-x: hidden;
		width: 100%;
	}
	body {
		overflow-x: hidden;
		max-width: 100vw;
		width: 100%;
		position: relative;
	}
	/* Glavni wrapperi – bez horizontalnog skrola */
	body > div,
	.elementor,
	.elementor-location-single,
	.ekit-template-content-header {
		max-width: 100vw !important;
		overflow-x: hidden !important;
	}
	.elementor-section,
	.elementor-widget-wrap,
	.e-con,
	.e-con-inner,
	.elementor-container {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}
	.elementor img,
	.elementor-element img,
	.elementskit-infobox img,
	.swiper-slide img {
		max-width: 100% !important;
		height: auto !important;
		object-fit: contain;
	}
}

/* Na manjim ekranima ukloni horizontalni skrol – dodatna zaštita */
@media (max-width: 991px) {
	html, body {
		overflow-x: hidden !important;
	}
	.elementor-element,
	.e-con,
	.e-con-inner {
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	html, body {
		overflow-x: hidden !important;
	}
}

/* Zašto izabrati nas – smanjen negativni margin na manjim ekranima */
@media (max-width: 1024px) {
	.elementor-element.elementor-element-67d5936 {
		margin-top: -80px !important;
	}
}
@media (max-width: 767px) {
	.elementor-element.elementor-element-67d5936 {
		margin-top: -40px !important;
	}
}
@media (max-width: 480px) {
	.elementor-element.elementor-element-67d5936 {
		margin-top: 0 !important;
	}
}

/* Header – logo levo, hamburger u gornji desni ugao (kao na skici) */
@media (max-width: 1025px) {
	.elementor-element-28e2b8b {
		position: relative !important;
	}
	.elementor-element-28e2b8b .e-con-inner {
		justify-content: flex-start !important;
		align-items: center !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		padding-right: 50px !important;
	}
	.elementor-element-5315fd9 {
		flex: 0 0 auto !important;
	}
	/* Hamburger – apsolutno u gornji desni ugao zaglavlja */
	.elementor-element-95c005d {
		position: absolute !important;
		top: 10px !important;
		right: 0 !important;
		left: auto !important;
		margin: 0 !important;
		width: auto !important;
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}
	.elementor-element-95c005d .ekit-wid-con.ekit_menu_responsive_tablet,
	.elementor-element-8309784 .ekit-wid-con.ekit_menu_responsive_tablet {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		width: auto !important;
	}
	/* Tamnija boja teksta u navigaciji – bolja čitljivost */
	.ekit_menu_responsive_tablet .elementskit-navbar-nav a,
	.ekit_menu_responsive_tablet .ekit-menu-nav-link {
		color: #1a1a1a !important;
	}
	.elementor-element-8309784 .elementskit-menu-hamburger {
		margin: 0 !important;
		float: none !important;
	}
	.elementor-element-28e2b8b .ata-site-logo img {
		max-height: 50px !important;
		max-width: 160px !important;
	}
}
@media (max-width: 480px) {
	.elementor-element-28e2b8b .ata-site-logo img {
		max-height: 44px !important;
		max-width: 140px !important;
	}
}

/* Body padding za fiksni header – manji na mobilnim */
@media (max-width: 991px) {
	body {
		padding-top: 70px !important;
	}
}
@media (max-width: 767px) {
	body {
		padding-top: 65px !important;
	}
}
@media (max-width: 480px) {
	body {
		padding-top: 60px !important;
	}
}

/* Opšte Elementor kontejnere – fleks wrap i padding na malim ekranima */
@media (max-width: 991px) {
	.elementor .e-con.e-parent > .e-con-inner {
		flex-wrap: wrap !important;
	}
	.elementor-element .e-con-inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.elementor-section .elementor-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media (max-width: 767px) {
	.elementor-element .e-con-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.elementor-section .elementor-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	/* Naslovi – čitljive veličine */
	.elementor-heading-title {
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
	.elementor-widget-heading .elementor-heading-title {
		font-size: clamp(18px, 5vw, 28px) !important;
		line-height: 1.3 !important;
	}
	/* Swiper / hero slider – visina prilagođena */
	.v3-hero-slider .swiper-slide,
	.ekit-main-swiper .swiper-slide {
		min-height: 70vh !important;
	}
	.elementskit-advanced-slider {
		min-height: 70vh !important;
	}
}

@media (max-width: 480px) {
	.elementor-element .e-con-inner {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.elementor-section .elementor-container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}
	.elementor-widget-heading .elementor-heading-title {
		font-size: clamp(16px, 4.5vw, 24px) !important;
	}
	.v3-hero-slider .swiper-slide,
	.ekit-main-swiper .swiper-slide {
		min-height: 60vh !important;
	}
	.elementskit-advanced-slider {
		min-height: 60vh !important;
	}
}

/* Usluge / kartice – jedna kolona na mobilnom */
@media (max-width: 767px) {
	.elementor-18 .elementor-element[data-id="49b4fd6"] .e-con.e-parent > .e-con-inner,
	.elementor-18 .elementskit-infobox-wrap {
		flex-direction: column !important;
		align-items: stretch !important;
	}
	.elementor-18 .v3-service-item,
	.elementor-18 .elementskit-infobox {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Testimonial / slider sekcija */
@media (max-width: 767px) {
	.elementskit-testimonial-slider,
	.elementskit-single-testimonial-slider {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.elementskit-testimonial-preset {
		padding: 30px 20px !important;
	}
}

/* Dugmad – na mobilnom puna širina gde ima smisla */
@media (max-width: 480px) {
	.elementor-widget-button .elementor-button {
		width: 100% !important;
		max-width: 100% !important;
		justify-content: center !important;
		text-align: center !important;
	}
}

/* Mapa u kontaktu – manja min-height na mobilnom */
@media (max-width: 767px) {
	.elementor-element-dcbce8a .elementor-custom-embed iframe {
		min-height: 300px !important;
	}
}
@media (max-width: 480px) {
	.elementor-element-dcbce8a .elementor-custom-embed iframe {
		min-height: 250px !important;
	}
}

/* Kontakt forma i tekst – već ima pravila u index, dopuna za vrlo male ekrane */
@media (max-width: 480px) {
	.elementor-element-5dd68e8 {
		padding: 30px 20px !important;
	}
	.elementor-element-a4701d7 h2 {
		font-size: 26px !important;
		line-height: 1.2 !important;
	}
	.elementor-element-633879c .elementor-icon-list-text {
		font-size: 14px !important;
	}
}

/* Footer / višekolonski sadržaj – stack na mobilnom */
@media (max-width: 767px) {
	.elementor-widget-wrap .elementor-element[data-element_type="container"] .e-con-inner {
		flex-wrap: wrap !important;
	}
	.elementor-widget-wrap .e-con.e-child {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		width: 100% !important;
	}
}

/* Osiguraj da iframe (YouTube, mapa) ne izlaze iz ekrana */
.elementor-custom-embed iframe,
.elementor-fit-aspect-ratio iframe {
	max-width: 100% !important;
}

/* Tap targets – minimalna veličina za dodir */
@media (max-width: 767px) {
	.elementor-button,
	.elementskit-navbar-nav a,
	.elementskit-menu-hamburger,
	a.elementor-button {
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}tskit-menu-hamburger,
	a.elementor-button {
		min-height: 44px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}