.elementor-kit-6{--e-global-color-primary:#1D1D1B;--e-global-color-secondary:#52A3B0;--e-global-color-text:#6B6B6B;--e-global-color-accent:#52A3B0;--e-global-color-c635267:#00A4B7;--e-global-color-8ae061e:#FFFFFF;--e-global-color-6fd1ed7:#1D1D1B70;--e-global-color-a573ab8:#1D1D1B9E;--e-global-color-ab1b2e9:#52A3B0E0;--e-global-color-bde2ffc:#F5F9F9;--e-global-color-1515551:#F2994A;--e-global-color-951a1b5:#89A9B0;--e-global-color-0f58fb8:#ECB159;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Raleway", Sans-serif;font-size:14px;font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );font-family:"Raleway", Sans-serif;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-6 a:hover{color:var( --e-global-color-secondary );font-family:"Raleway", Sans-serif;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-6 h1{color:#3B7B86;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h2{color:#3B7B86;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h3{color:#3B7B86;font-family:"Montserrat", Sans-serif;font-size:20px;}.elementor-kit-6 h4{color:#3B7B86;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h5{color:#3B7B86;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 h6{color:#3B7B86;font-family:"Montserrat", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Raleway", Sans-serif;text-transform:none;font-style:normal;text-decoration:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. POZICIJA CHATY IKONICE */ .chaty-widget, .chaty-main-widget, [id^="chaty-widget"] { right: 20px !important; bottom: 20px !important; left: auto !important; } /* 2. SAKRIVANJE "ZAKAĊ½ITE TERMIN" NA MOBILNOM (Preciznije ciljanje) */ @media (max-width: 767px) { .chaty-c-t-a, .chaty-text, .chaty-widget-label, .chaty-widget-i-title, .chaty-c-t-a-wrapper, .chaty-widget-label-container { display: none !important; } } /* 3. FIX ZA LJULJANJE SAJTA (Primijenjeno na html/body) */ html, body { overflow-x: hidden !important; } /* ============================================================ PRISTUPACNOST - DIGISAUR, 20.08.2026 Kontrast i velicina dodira po WCAG 2.2 AA. Mijenja SAMO dugmad; ikone, podloge i logo zadrzavaju brend teal #52A3B0. ============================================================ */ /* 1. KONTRAST DUGMADI Bijeli tekst na brend tealu daje 2.91:1, prag je 4.5:1. Varijable se pregazuju samo unutar dugmeta, pa brend ostaje netaknut drugdje. */ .elementor-button, .elementor-button-link, a.elementor-button { --e-global-color-secondary: #3B7B86; /* 4.81:1 sa bijelim */ --e-global-color-accent: #3B7B86; --e-global-color-0f58fb8: #A36913; /* zuta -> 4.58:1 */ --e-global-color-1515551: #B55C0D; /* narandzasta -> 4.67:1 */ --e-global-color-951a1b5: #577A81; /* pastelna zelena -> 4.66:1 */ --e-global-color-c635267: #007C8A; /* tamnija zelena */ } /* 2. VELICINA DODIRA WCAG 2.5.8 trazi najmanje 24x24px, Apple i Google preporucuju 44-48px. Zateceno: dugmad do 18px visine, tackice galerije 6x6px. */ .elementor-button, .elementor-button-link, a.elementor-button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; } /* Tackice galerije: vidljiva tackica ostaje ista, zona dodira se siri nevidljivo */ .swiper-pagination-bullet, .elementor-pagination .swiper-pagination-bullet { position: relative; } .swiper-pagination-bullet::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; } /* Telefon i mejl u podnozju: dovoljna visina za prst */ a[href^="tel:"], a[href^="mailto:"] { display: inline-block; min-height: 24px; line-height: 1.6; } /* 3. CITLJIVOST NA MOBILNOM Zateceno: 13-14px na vecini opisa. Zdravstveni sajt ima stariju publiku. */ @media (max-width: 767px) { .elementor-widget-text-editor p, .elementor-widget-text-editor li, .elementor-widget-theme-post-content p, .elementor-widget-theme-post-content li { font-size: 16px !important; line-height: 1.65 !important; } } /* 4. VIDLJIV FOKUS ZA TASTATURU Hello Elementor tema uklanja podrazumijevani obris. */ a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .elementor-button:focus-visible { outline: 3px solid #3B7B86 !important; outline-offset: 2px !important; } /* 5. TEAL KAO BOJA TEKSTA Brend teal #52A3B0 daje 2.91:1 na bijeloj. Za tekst ispod 24px prag je 4.5:1, pa se u tekstualnim widgetima koristi tamnija varijanta. Ikone, podloge, okviri i logo ostaju na izvornom #52A3B0. */ .elementor-widget-text-editor, .elementor-widget-icon-list, .elementor-widget-theme-post-content, .elementor-widget-post-info, .elementor-widget-breadcrumbs { --e-global-color-secondary: #3B7B86; --e-global-color-accent: #3B7B86; } /* 6. DODIR U NAVIGACIJI Zateceno 346x21px po stavci; visina je ispod norme iako je stavka siroka. */ .elementor-nav-menu a.elementor-item, .elementor-nav-menu--dropdown a.elementor-item, .ekit-menu-nav-link { min-height: 44px; display: flex; align-items: center; } /* 7. LINKOVI KOJI SE PONASAJU KAO DUGMAD "Zakazite termin", "Procitajte vise" i slicni stoje kao obican tekstualni link visine 15-18px, a nose konverziju. */ .elementor-widget-icon-box .elementor-icon-box-title a, .elementor-widget-icon-list .elementor-icon-list-item > a, .elementor-post__read-more { display: inline-flex; align-items: center; min-height: 32px; } /* 8. PRESKOCI NA SADRZAJ Skriveni link je 1x1px. Kad dobije fokus tastaturom mora biti vidljiv i upotrebljiv. */ .skip-link:focus, a[href="#content"]:focus { position: fixed !important; top: 8px; left: 8px; width: auto !important; height: auto !important; padding: 12px 20px; background: #1D1D1B; color: #FFFFFF; z-index: 100000; min-height: 44px; display: inline-flex; align-items: center; } /* 9. HERO NA NOVIM STRANICAMA (O doktoru, Kontakt) - 20.08.2026 Prvi kontejner mora biti taman jer header ima bijeli wordmark i providnu pozadinu (dizajniran za tamnu hero sliku). Elementor nije generisao per-post CSS za ove REST-kreirane stranice, pa se stil provlaci kroz dokazano funkcionalan Kit kanal, skopiran po page-id klasi tijela. */ .page-id-1925 .elementor-element-dc49181, .page-id-1926 .elementor-element-dc49181, body.page-id-1925 > div.elementor-1925 > div:first-child, body.page-id-1926 > div.elementor-1926 > div:first-child { background-color: #1D1D1B !important; } .page-id-1925 .elementor-element-dc49181 h1, .page-id-1926 .elementor-element-dc49181 h1, .page-id-1925 .elementor-element-dc49181 p, .page-id-1926 .elementor-element-dc49181 p { color: #FFFFFF !important; } .page-id-1925 .elementor-element-dc49181 a.elementor-button[style*="FFFFFF"], .page-id-1926 .elementor-element-dc49181 a.elementor-button[style*="FFFFFF"] { background-color: transparent !important; color: #FFFFFF !important; border-color: #FFFFFF !important; } .page-id-1925 .elementor-element-dc49181, .page-id-1926 .elementor-element-dc49181 { padding-top: 260px !important; padding-bottom: 70px !important; } @media (max-width: 767px) { .page-id-1925 .elementor-element-dc49181, .page-id-1926 .elementor-element-dc49181 { padding-top: 230px !important; padding-bottom: 54px !important; } } /* ============================================================ 10. TRAKA ZA KOLACICE - ravnopravnost izbora, DIGISAUR 20.08.2026 Zateceno: "Prihvati" u punoj brend boji, "Odbij" sivo na sivom. EDPB takav dizajn navodi kao obmanjujuci (izvjestaj radne grupe 2023). NAPOMENA: prvo je probano preko Complianz :root promjenljivih, ali Complianz svoj CSS ucitava POSLIJE Kit-a pa je pregazio. Zato pun selektor sa !important - pobjedjuje bez obzira na redoslijed. ============================================================ */ .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny, .cmplz-cookiebanner .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-btn.cmplz-deny { background-color: #FFFFFF !important; background: #FFFFFF !important; color: #1D1D1B !important; border: 2px solid #3B7B86 !important; font-weight: 600 !important; min-height: 44px !important; opacity: 1 !important; } .cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover, .cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover { background-color: #3B7B86 !important; background: #3B7B86 !important; color: #FFFFFF !important; } .cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences { background-color: transparent !important; color: #3B7B86 !important; border: 1px solid #C9D6D9 !important; min-height: 44px !important; } /* ============================================================ 11. STICKY TRAKA SA TELEFONOM - samo mobilni, DIGISAUR 20.08.2026 U zdravstvu je telefon primarna konverzija. Traka drzi broj na dohvat prsta bez skrolovanja. Chaty se podize iznad nje da se ne sudaraju. ============================================================ */ @media (max-width: 767px) { body { padding-bottom: 68px !important; } .dd-poziv-traka { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9998; display: flex; align-items: stretch; background: #1D1D1B; box-shadow: 0 -3px 14px rgba(0,0,0,.22); font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif; } .dd-poziv-traka a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 60px; color: #FFFFFF !important; font-size: 16px; font-weight: 600; letter-spacing: .2px; text-decoration: none !important; } .dd-poziv-traka a.dd-primarno { background: #3B7B86; } .dd-poziv-traka a svg { width: 18px; height: 18px; fill: currentColor; flex: none; } /* Chaty iznad trake, da dugmad ne padnu jedno na drugo */ .chaty-widget, .chaty-main-widget, [id^="chaty-widget"] { bottom: 78px !important; } } @media (min-width: 768px) { .dd-poziv-traka { display: none !important; } } /* ============================================================ A8 korak 1 - kompaktan cookie banner, DIGISAUR 03.10.2026 Stranice: /zubna-protetika/, /izbjeljivanje-zuba/, /cirkonske-navlake/ (prosirenje 03.10.2026), samo mobilni. Banner sjeda iznad trake .dd-poziv-traka (60 px) i zauzima oko 30% ekrana umjesto 62%. Pravni tekst i red linkova trecih strana ostaju vidljivi. ROLLBACK: ukloni ovaj blok (od ovog komentara do kraja) ili vrati ROLLBACK-kit6-page-settings-prije.json. ============================================================ */ @media (max-width: 767px) { :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner { left: 0 !important; right: 0 !important; bottom: 60px !important; top: auto !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; border-radius: 14px 14px 0 0 !important; padding: 10px 12px !important; max-height: none !important; box-shadow: 0 -2px 12px rgba(0,0,0,.18) !important; } :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner .cmplz-divider { display: none !important; } :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner .cmplz-body { margin: 0 !important; padding: 0 !important; } :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner .cmplz-message { font-size: 12px !important; line-height: 1.3 !important; margin: 0 0 8px !important; } :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner .cmplz-buttons { display: flex !important; flex-direction: row !important; gap: 6px !important; flex-wrap: nowrap !important; margin: 0 !important; } :is(body.page-id-1660, body.postid-1095, body.postid-1098) .cmplz-cookiebanner .cmplz-btn { flex: 1 1 0 !important; margin: 0 !important; padding: 6px 4px !important; min-height: 40px !important; height: 40px !important; font-size: 13px !important; white-space: nowrap; } } /* ============================================================ AKCIJA BANER - DIGISAUR 03.10.2026 Kartica akcije po uzoru na strukturu Prima MEDICA (pilula, naslov, istaknut blok sa iznosom, dugmad), u brendu dr Davidovica: Raleway, teal #3B7B86, ink #1D1D1B, blijeda podloga #F5F9F9. Dugmad: bijeli tekst na #3B7B86 = 4.81:1. Markup: