/* Custom override styles for VITALIS NS */

/* Logo image styling - border radius */
.ata-site-logo-img {
    border-radius: 60px !important;
}

/* Footer logo image styling - border radius */
.wp-image-3713 {
    border-radius: 20px !important;
}

/* Custom override styles for PRO-DENT */

/* Hero sekcija - "dobrodošli u Stomatološka ordinacija PRO-DENT"
   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/artdentm/493037769_1264730762321074_3256627077627269584_n (1).jpg");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

/* 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;
	}
}

/* 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;
	}
}