/* Custom override styles for BioDent */

/* Hero sekcija - "dobrodošli u Stomatološka ordinacija BioDent"
   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;
	/* Smanji overlay (Elementor background overlay koristi ovu varijablu) */
	--overlay-opacity: 0.35 !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;
	}
}

/* =========================
   THEME: BLUE -> GREEN
   Brand: #0b8749
   ========================= */

:root {
	/* Bootstrap / generic "primary" overrides */
	--bs-primary: #0b8749;
	--bs-primary-rgb: 11, 135, 73;
	--bs-blue: #0b8749;
	--bs-info: #0b8749;
	--bs-info-rgb: 11, 135, 73;
	--bs-link-color: #0b8749;
	--bs-link-hover-color: #086b3a;
}

/* Elementor global colors safety-net (in case some pages don't load kit CSS) */
body {
	--e-global-color-primary: #064B2A;
	--e-global-color-secondary: #E7F7EF;
	--e-global-color-text: #4F6B5C;
	--e-global-color-accent: #0B8749;
	--e-global-color-darkdivider: #064B2A1A;
}

/* Hero section fallback (post-18.css is minified/huge) */
.elementor-18 .elementor-element.elementor-element-c5850b8:not(.elementor-motion-effects-element-type-background),
.elementor-18 .elementor-element.elementor-element-c5850b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #E7F7EF !important;
}

/* Popravka za nevidljive naslove - zelena boja i vidljivost */
.elementor-element-023e721 .elementor-heading-title,
.elementor-element-8a4e3fb .elementor-heading-title,
.elementor-element-6d04f30 .elementor-heading-title {
	color: #0b8749 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

.elementor-element-023e721 .elementor-heading-title *,
.elementor-element-8a4e3fb .elementor-heading-title *,
.elementor-element-6d04f30 .elementor-heading-title * {
	opacity: 1 !important;
	visibility: visible !important;
	color: #0b8749 !important;
}

/* =========================
   KONTAKT SEKCIJA - ZELENA TEMA
   Usklađivanje sa ostatkom sajta
   ========================= */

/* Mali naslov "kontaktirajte nas" - zelena boja umesto plave */
.elementor-element-27c5375 h3,
.elementor-element-27c5375 .elementor-heading-title {
	color: var(--e-global-color-accent, #0b8749) !important;
}

/* Glavni naslov "Besplatna Profesionalna Konsultacija" - zelena boja umesto plave */
.elementor-element-a4701d7 h2,
.elementor-element-a4701d7 .elementor-heading-title,
.elementor-element-a4701d7 h2 span,
.elementor-element-a4701d7 h2 > div,
.elementor-element-a4701d7 h2 > div > div {
	color: var(--e-global-color-accent, #0b8749) !important;
}

/* Ikone u kontakt listi - zelena boja umesto plave */
.elementor-element-633879c .elementor-icon-list-icon svg path {
	fill: var(--e-global-color-accent, #0b8749) !important;
}

/* Override inline fill atributa u SVG ikonama kontakt sekcije */
.elementor-element-633879c svg path[fill="#87CEEB"],
.elementor-element-633879c svg path {
	fill: var(--e-global-color-accent, #0b8749) !important;
}

/* Hover na linkove u kontakt listi - tamno zelena umesto plave */
.elementor-element-633879c .elementor-icon-list-item a:hover {
	color: var(--e-global-color-primary, #064B2A) !important;
}

.elementor-element-633879c .elementor-icon-list-item a:hover .elementor-icon-list-icon svg path {
	fill: var(--e-global-color-primary, #064B2A) !important;
}

/* Dugme - zelena pozadina umesto plave */
.elementor-element-941f819 .elementor-button {
	background-color: var(--e-global-color-accent, #0b8749) !important;
}

/* Dugme hover - tamno zelena pozadina umesto tamno plave */
.elementor-element-941f819 .elementor-button:hover {
	background-color: var(--e-global-color-primary, #064B2A) !important;
	box-shadow: 0 5px 15px rgba(6, 75, 42, 0.3) !important;
}

/* Ikona u dugmetu - zelena boja umesto plave */
.elementor-element-941f819 .elementor-button-icon svg path {
	fill: var(--e-global-color-accent, #0b8749) !important;
}

/* Override inline fill atributa u SVG ikonama dugmeta kontakt sekcije */
.elementor-element-941f819 svg path[fill="#87CEEB"],
.elementor-element-941f819 svg path {
	fill: var(--e-global-color-accent, #0b8749) !important;
}

/* Responsive override - osigurava zelenu boju na svim ekranima */
@media (max-width: 991px) {
	.elementor-element-27c5375 h3,
	.elementor-element-27c5375 .elementor-heading-title {
		color: var(--e-global-color-accent, #0b8749) !important;
	}
	
	.elementor-element-a4701d7 h2,
	.elementor-element-a4701d7 .elementor-heading-title,
	.elementor-element-a4701d7 h2 span,
	.elementor-element-a4701d7 h2 > div,
	.elementor-element-a4701d7 h2 > div > div {
		color: var(--e-global-color-accent, #0b8749) !important;
	}
}

/* =========================
   GLOBAL SVG COLOR OVERRIDE
   Svi SVG elementi da budu zeleni
   ========================= */
/* Override za sve SVG path elemente */
svg path[fill],
svg path[stroke] {
	fill: #22c55e !important;
	stroke: #22c55e !important;
}

/* Override za SVG elemente sa currentColor */
svg path[fill="currentColor"],
svg path[stroke="currentColor"] {
	fill: #22c55e !important;
	stroke: #22c55e !important;
}

/* Override za sve SVG ikone u projektu */
img[src$=".svg"],
svg,
svg * {
	fill: #22c55e !important;
	stroke: #22c55e !important;
}

/* Override za background SVG slike */
[style*="background-image"][style*=".svg"] {
	filter: hue-rotate(120deg) saturate(1.5);
}

/* =========================
   BUTTON ARROWS: FORCE WHITE
   (Overrides any global SVG coloring above)
   ========================= */
.elementor-button .elementor-button-icon svg path,
.elementor-button .elementor-button-icon svg rect,
.elementor-button .elementor-button-icon svg polygon,
.elementor-button .elementor-button-icon svg circle {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

/* =========================
   SPECIFIC BUTTON ARROW: GREEN
   Element ID: c994e12 (header button)
   ========================= */
.elementor-element-c994e12 .elementor-button-icon svg path {
	fill: #00B050 !important;
	stroke: #00B050 !important;
}

/* Element ID: 3c3c840 (page 18 button) */
.elementor-element-3c3c840 .elementor-button-icon svg path {
	fill: #00B050 !important;
	stroke: #00B050 !important;
}

/* Element ID: bdd919b (page 18 button) */
.elementor-element-bdd919b .elementor-button-icon svg path {
	fill: #00B050 !important;
	stroke: #00B050 !important;
}

/* Element ID: 0b878db (hero slider button) - match header (white circle + green arrow) */
.elementor-element-0b878db .elementor-button-icon svg rect {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}
.elementor-element-0b878db .elementor-button-icon svg path {
	fill: #00B050 !important;
	stroke: #00B050 !important;
}

/* ============================================================
   Uklanjanje "load" animacija (Elementor fade/slide) – strana 18
   (ne dira hover efekte poput .image-anime)
   ============================================================ */
.elementor-18 .elementor-invisible{
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
}

.elementor-18 .animated{
	animation: none !important;
	-webkit-animation: none !important;
	transition: none !important;
	transform: none !important;
}

/* Border radius za sliku "Stomatološka ordinacija" */
.elementor-element.elementor-element-7907fa4 img,
.wp-image-1626 {
	border-radius: 8px !important;
}