/* ========================================================================== IntroLab – vizuelni jezik po artifaktu „IntroLab početna A“ (17. 10. 2026) 1) Primitivi i početna: klasa .il-a (header/futer/mobilna traka + početna strana). Preneto iz artifakta, prefiks .il → .il-a da se ne sudara sa .il šablonima unutrašnjih strana. 2) Na dnu: novi tokeni i oblici za ds.css (.il-*), da unutrašnje strane dobiju isti jezik. ========================================================================== */ /* Layout: jedan stub max 1200px, numerisane sekcije sa tankim linijama; jedna svetla tema (prikaz dizajna sajta), bez tamne varijante namerno. */ :root{--bg:#FFFFFF;--navy:#011A38;--teal:#087F89;--turquoise:#06AAB6;--tint:#F6F9FA;--hair:#E3EAEE;--muted:#5B6B7A;--font-display:Sora,Poppins,"Helvetica Neue",Arial,sans-serif;--font-body:Poppins,"Helvetica Neue",Arial,sans-serif;color-scheme:light} .il-a a{color:#087F89}.il-a a:hover{color:#011A38} .il-a *{box-sizing:border-box} .il-a{font-family:Poppins,"Helvetica Neue",Arial,sans-serif;color:#011A38;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased} .il-a h1,.il-a h2,.il-a h3,.il-a h4{font-family:Sora,Poppins,sans-serif;margin:0;line-height:1.15;letter-spacing:-0.02em;font-weight:600} .il-a p{margin:0} .il-a img{display:block} .il-a .wrap{max-width:1200px;margin:0 auto;padding-left:max(32px,env(safe-area-inset-left,0px));padding-right:max(32px,env(safe-area-inset-right,0px))} .il-a .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:10px;font-family:Sora,sans-serif;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap} .il-a .btn-navy{background:#011A38;color:#FFFFFF} .il-a .btn-navy:hover{background:#0B2C55;color:#FFFFFF} .il-a .btn-teal{background:#087F89;color:#FFFFFF} .il-a .btn-teal:hover{background:#06707A;color:#FFFFFF} .il-a .btn-outline{background:transparent;color:#011A38;border-color:#C9D5DB} .il-a .btn-outline:hover{border-color:#011A38;color:#011A38} .il-a .link{font-family:Sora,sans-serif;font-weight:600;font-size:15px;color:#087F89;text-decoration:none;display:inline-flex;align-items:center;gap:8px} .il-a .link:hover{color:#011A38} .il-a .link .ar{transition:transform .15s} .il-a .link:hover .ar{transform:translateX(3px)} .il-a .idx{font-family:Sora,sans-serif;font-size:13px;font-weight:500;letter-spacing:.04em;color:#6B7A88} .il-a .muted{color:#5B6B7A} .il-a .hair{border-top:1px solid #E3EAEE} .il-a .ins{opacity:1} .il-a .nav a{font-family:Sora,sans-serif;font-weight:500;font-size:14.5px;color:#011A38;text-decoration:none;padding:8px 2px;border-bottom:1.5px solid transparent} .il-a .nav a:hover{border-bottom-color:#087F89;color:#011A38} .il-a .search-in{flex:1 1 220px;min-width:0;height:54px;border:0;outline:none;background:transparent;font:inherit;font-size:16px;color:#011A38;padding:0 6px} .il-a .search-in::placeholder{color:#8696A3} .il-a .result{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 18px;text-decoration:none;color:#011A38;border-top:1px solid #EEF2F4;font-size:15px} .il-a .result:hover{background:#F4F9FA} .il-a .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto auto;gap:20px;align-items:center;padding:17px 4px;border-top:1px solid #E3EAEE;text-decoration:none;color:#011A38} .il-a .row:hover{background:#F7FAFB} .il-a .row .nm{font-family:Sora,sans-serif;font-weight:600;font-size:16.5px} .il-a .row .pr{font-family:Sora,sans-serif;font-weight:600;font-size:16.5px;white-space:nowrap} .il-a .row .ar{width:34px;height:34px;border-radius:50%;border:1px solid #D7E0E5;display:grid;place-items:center;color:#087F89;flex:none} .il-a .row:hover .ar{background:#011A38;color:#FFFFFF;border-color:#011A38} .il-a .cat{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:18px 4px;border-top:1px solid #E3EAEE;text-decoration:none;color:#011A38} .il-a .cat:hover{background:#F0F5F7} .il-a .cat .nm{font-family:Sora,sans-serif;font-weight:600;font-size:18px} .il-a .cat .ar{color:#087F89;font-size:18px} .il-a .tagl{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #D7E0E5;border-radius:8px;font-size:14.5px;color:#011A38;text-decoration:none;background:#FFFFFF} .il-a .tagl:hover{border-color:#011A38;color:#011A38} .il-a details{border-top:1px solid #E3EAEE} .il-a summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-family:Sora,sans-serif;font-weight:600;font-size:16.5px} .il-a summary::-webkit-details-marker{display:none} .il-a summary .plus{width:26px;height:26px;border-radius:50%;border:1px solid #C9D5DB;display:grid;place-items:center;flex:none;color:#087F89;font-weight:500;font-size:16px;line-height:1} .il-a details[open] summary .plus{background:#011A38;color:#FFFFFF;border-color:#011A38} .il-a .foot a{color:#3F5062;text-decoration:none;font-size:14.5px} .il-a .foot a:hover{color:#087F89} .il-a .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:980px){.il-a .nav{display:none !important}.il-a .burger{display:inline-flex !important}.il-a .row{grid-template-columns:1fr auto auto}.il-a .row .hide-m{display:none !important}.il-a .span2{grid-column:auto !important}} @media (max-width:640px){.il-a .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.il-a .hide-s{display:none !important}.il-a .hdr-cta{display:none !important}.il-a .hero-h1{font-size:46px !important}.il-a .sec-h2{font-size:30px !important}} .il-a .rez{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#FFFFFF;border:1px solid #D7E0E5;border-radius:12px;box-shadow:0 20px 50px rgba(1,26,56,.12);overflow:hidden;z-index:20} .il-a .rez .none{padding:16px 18px;font-size:15px} .il-a .mnav{border-top:1px solid #E3EAEE;border-bottom:1px solid #E3EAEE;background:#FFFFFF} .il-a .mnav a:not(.btn){font-family:Sora,sans-serif;font-weight:500;font-size:17px;color:#011A38;text-decoration:none;padding:13px 0;border-bottom:1px solid #EEF2F4} .il-a .sticky{display:none} .il-a .ph img{width:100%;height:100%;object-fit:cover} .il-a .btn:focus-visible,.il-a a:focus-visible,.il-a button:focus-visible,.il-a input:focus-visible,.il-a summary:focus-visible{outline:2px solid #087F89;outline-offset:3px} .il-a .flag{width:20px;height:14px;border-radius:3px;display:block;flex:none;box-shadow:0 0 0 1px rgba(1,26,56,.08)} .il-a .lang{position:relative} .il-a .lang summary{list-style:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:5px 8px;border-radius:8px;border:1px solid transparent;color:#011A38;font-weight:500;font-size:13.5px;line-height:1} .il-a .lang summary::-webkit-details-marker{display:none} .il-a .lang summary:hover,.il-a .lang[open] summary{border-color:#D7E0E5;background:#FFFFFF} .il-a .lang .menu{position:absolute;right:0;top:calc(100% + 6px);background:#FFFFFF;border:1px solid #D7E0E5;border-radius:10px;box-shadow:0 12px 30px rgba(1,26,56,.12);padding:6px;min-width:160px;z-index:40;display:flex;flex-direction:column;gap:2px} .il-a .lang .menu a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;color:#011A38;text-decoration:none;font-size:13.5px;font-weight:500} .il-a .lang .menu a:hover{background:#F4F9FA} .il-a .lang .menu a[aria-current="true"]{background:#F6F9FA} .il-a .cloud{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:14px;padding:14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(1,26,56,.08);border-radius:14px;box-shadow:0 14px 34px rgba(1,26,56,.16);color:#011A38;text-decoration:none} .il-a .cloud:hover{background:#FFFFFF;color:#011A38} .il-a .cloud-ic{flex:none;width:44px;height:44px;border-radius:50%;background:#E6F6F7;color:#087F89;display:grid;place-items:center} .il-a .cloud-t{display:block;font-family:Sora,sans-serif;font-weight:600;font-size:15px;line-height:1.3} .il-a .cloud-s{display:block;font-size:13px;line-height:1.45;color:#5B6B7A;margin-top:2px} .il-a .cloud-go{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-family:Sora,sans-serif;font-weight:600;font-size:14px;color:#087F89;white-space:nowrap} .il-a .cloud:hover .cloud-go{color:#011A38} .il-a .chk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:0 36px} .il-a .chk-i{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #E3EAEE;color:#011A38;text-decoration:none;font-size:15px;line-height:1.4} .il-a .chk-i:hover{color:#087F89} .il-a .tick{flex:none;width:22px;height:22px;border-radius:6px;background:#E6F6F7;color:#087F89;display:grid;place-items:center;margin-top:1px} .il-a .chk-i:hover .tick{background:#087F89;color:#FFFFFF} @media (max-width:1040px){.il-a .ph-hero{aspect-ratio:16/10 !important}.il-a .ph-hero img{object-position:50% 12% !important}.il-a .ph-gen{aspect-ratio:16/10 !important;max-height:none !important}.il-a .ph-gen img{object-position:50% 30% !important}} @media (max-width:640px){.il-a .sticky{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:1fr 1.4fr;gap:8px;background:#FFFFFF;border-top:1px solid #E3EAEE;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}.il-a .sticky .btn{padding:0 8px;font-size:14px;min-height:48px}.il-a{padding-bottom:84px}.il-a .ph-hero{aspect-ratio:4/4.4 !important}.il-a .ph-hero img{object-position:50% 20% !important}.il-a .cloud{left:10px;right:10px;bottom:10px;padding:12px;gap:10px}.il-a .cloud-go{display:none}.il-a .cloud-s{display:none}} @media (max-width:1040px) and (min-width:641px){.il-a .facts{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.il-a .facts>div:nth-child(3){border-left:0 !important;padding-left:0 !important;border-top:1px solid #E3EAEE}.il-a .facts>div:nth-child(4){border-top:1px solid #E3EAEE}} @media (max-width:640px){.il-a .facts>div{border-left:0 !important;padding:16px 0 !important;border-top:1px solid #E3EAEE}.il-a .facts>div:first-child{border-top:0}.il-a .fcol{flex:1 1 140px !important}} .il-a .cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px} .il-a .ctile{display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;background:#FFFFFF;border:1px solid #E3EAEE;border-radius:12px;text-decoration:none;color:#011A38;position:relative;min-height:100%} .il-a .ctile:hover{border-color:#087F89} .il-a .ctile .nm{font-family:Sora,sans-serif;font-weight:600;font-size:16px;line-height:1.3;padding-right:22px} .il-a .ctile .ar{position:absolute;right:14px;top:14px;color:#087F89} .il-a .more{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #C9D5DB;border-radius:8px;padding:9px 14px;font:inherit;font-family:Sora,sans-serif;font-weight:600;font-size:14px;color:#011A38;cursor:pointer} .il-a .more:hover{border-color:#011A38} .il-a .more .mi{color:#087F89;font-size:16px;line-height:1} .il-a .gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;gap:12px} .il-a .gph{display:block;border-radius:14px;overflow:hidden;background:#F1F5F7} .il-a .gph img{width:100%;height:100%;object-fit:cover;transition:transform .3s} .il-a .gph:hover img{transform:scale(1.03)} @media (max-width:980px){.il-a .gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.il-a .gal .gph:first-child{grid-column:span 2 !important;grid-row:span 1 !important}} @media (max-width:640px){.il-a .cgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.il-a .ctile{padding:12px 12px 11px}.il-a .ctile .nm{font-size:14.5px}.il-a .gal{grid-auto-rows:120px;gap:8px}} .il-a .tb{display:inline-flex;align-items:center;gap:7px;color:#5B6B7A;text-decoration:none;white-space:nowrap} .il-a .tb b{font-weight:500;color:#011A38} .il-a .tb svg,.il-a .tb-ic{color:#087F89;flex:none;display:inline-flex} .il-a .open-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#1F9D55;margin-right:7px;vertical-align:1px} .il-a a.tb:hover{color:#011A38} .il-a .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px} .il-a .eb-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px 8px 11px;border-radius:999px;background:#E6F6F7;color:#06707A;font-family:Sora,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em;line-height:1.2} .il-a .eb-pill .dot{width:8px;height:8px;border-radius:50%;background:#087F89;flex:none} .il-a .eb-loc{display:inline-flex;align-items:center;gap:6px;color:#5B6B7A;font-size:13.5px;font-weight:500} .il-a .eb-loc svg{color:#087F89} @media (max-width:640px){.il-a .tbl{font-size:13px}.il-a .tb{white-space:normal}.il-a .eb-pill{font-size:11.5px;padding:7px 12px 7px 10px}.il-a .hero-h1{font-size:44px !important}.il-a .eyebrow{gap:8px 12px}} @media (max-width:640px){ .il-a section,.il-a footer{text-align:center} .il-a section .wrap>div[style*="display:flex"],.il-a section .wrap div[style*="flex-wrap:wrap"],.il-a .eyebrow{justify-content:center} .il-a section div[style*="flex-direction:column"]{align-items:center} .il-a section div[style*="flex-direction:column"]>div,.il-a section div[style*="flex-direction:column"]>ul{width:100%;max-width:100%} .il-a .hero-h1,.il-a .sec-h2,.il-a h3,.il-a p{text-wrap:balance} .il-a .cgrid,.il-a .gal,.il-a .chk,.il-a .more,.il-a details,.il-a summary,.il-a .mnav,.il-a .rez,.il-a .cloud,.il-a .lang .menu,.il-a .row,.il-a .cat,.il-a .result,.il-a .ctile,.il-a .chk-i,.il-a .foot .fcol{text-align:left} .il-a .cgrid .ctile{align-items:flex-start} .il-a .chk-i,.il-a .ctile{justify-content:flex-start} .il-a .more{align-self:center} .il-a .facts>div{align-items:center} .il-a .foot .fcol{align-items:flex-start} .il-a .sticky .btn{justify-content:center} } @media (max-width:640px){.il-a .hero-cta{flex-direction:column !important;align-items:center !important;justify-content:center;gap:14px}.il-a .hero-cta .btn{width:100%;max-width:360px}} @media (max-width:640px){.il-a .dg .hair{justify-content:flex-start !important;text-align:left;width:100%;padding:12px 0;font-size:15px}.il-a .dg .ph-gen{aspect-ratio:4/3 !important}.il-a .dg .ph-gen img{object-position:50% 15% !important}.il-a .dg .sec-h2{font-size:28px !important}.il-a .dg .wrap{gap:28px}} .il-a .sec{padding-block:76px !important} .il-a .sec.tight{padding-top:0 !important} .il-a .hero-sec{padding-block:44px 56px !important} .il-a .sec-h2{font-size:38px !important;line-height:1.12} @media (max-width:640px){ .il-a section [style*="max-width:260px"],.il-a section [style*="max-width:360px"],.il-a section [style*="max-width:520px"],.il-a section [style*="max-width:640px"],.il-a section [style*="max-width:600px"]{max-width:100% !important;width:100%} .il-a .loc>div:last-child{padding:24px 18px !important} .il-a .sec{padding-block:44px !important} .il-a .sec.tight{padding-top:0 !important} .il-a .hero-sec{padding-block:28px 36px !important} .il-a .sec-h2{font-size:28px !important} .il-a h3{font-size:18px !important} .il-a .idx{font-size:12px} .il-a .facts>div{padding:14px 0 !important} .il-a .facts>div>span:first-child{font-size:19px !important} .il-a section .wrap{gap:24px !important} .il-a .sec .wrap>div[style*="margin-bottom:28px"],.il-a .sec .wrap>div[style*="margin-bottom:32px"],.il-a .sec .wrap>div[style*="margin-bottom:22px"]{margin-bottom:16px !important} .il-a .sec .wrap>div[style*="margin-top:40px"],.il-a .sec .wrap>div[style*="margin-top:44px"]{margin-top:28px !important} .il-a .foot{padding:40px 0 20px !important} .il-a .ph,.il-a .ph-hero{border-radius:14px} .il-a .hero-h1{font-size:42px !important} .il-a p{font-size:15.5px} } .il-a .hours{margin-top:-10px} @media (max-width:640px){.il-a .hours{justify-content:center;white-space:normal;margin-top:-6px}} @media (max-width:640px){.il-a .bio-d{display:none !important}.il-a .bio-m{display:inline-flex !important;align-self:center;width:100%;max-width:360px;margin-top:4px}} .il-a .mcgal{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:150px;gap:10px} .il-a .mc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:14px 20px} .il-a .mc-facts>div{display:flex;flex-direction:column;gap:4px;border-top:1px solid #E3EAEE;padding-top:10px;font-size:15px} .il-a .mc-facts b{font-weight:600;font-family:Sora,sans-serif;font-size:15px} @media (max-width:640px){.il-a .mcgal{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-rows:130px !important}.il-a .mcgal .gph:first-child{grid-row:span 2 !important}.il-a .mcgal .gph:last-child{grid-column:span 1 !important}.il-a .mc-facts>div{align-items:center}} @media (prefers-reduced-motion:reduce){.il-a *{transition:none !important}} /* Mobilne korekcije (iPhone 375–430): centriranje, pretraga u dva reda, koraci bez bočnih linija, recenzije i blog levo poravnati, futer levo. */ @media (max-width:640px){ .il-a section .wrap>div[style*="display:flex"]{justify-content:center !important} .il-a .dot-deco{display:none} .il-a .sbox{flex-wrap:wrap;padding:6px !important;gap:6px} .il-a .sbox>svg{margin-left:8px} .il-a .sbox .search-in{flex:1 1 60%;height:46px;padding:0 8px} .il-a .sbox .btn{width:100%} .il-a #kako .hair>div{border-left:0 !important;padding:20px 0 !important;border-top:1px solid #E3EAEE} .il-a #kako .hair>div:first-child{border-top:0} .il-a .rev,.il-a .rev blockquote,.il-a .rev figcaption{text-align:left} .il-a .revcard{padding:28px 18px !important} .il-a .rev{padding:16px 14px 14px 46px} .il-a .rev .rq{left:12px;top:8px;font-size:52px} .il-a .gline{display:flex;width:100%;justify-content:center;line-height:1.5} .il-a .gsum-t{white-space:normal;text-align:left} .il-a .mcband>div:last-child{align-items:center !important} .il-a .mc-facts{grid-template-columns:1fr;gap:8px} .il-a #blog a{text-align:left} .il-a footer{text-align:left} .il-a .hero-search{max-width:360px !important;margin-left:auto;margin-right:auto} .il-a .vipgrid>div{align-items:center} } /* Iteracija 3 (17. 10.): svetlo-tirkizne pozadinske trake umesto sivkastih, dekorativni sjaj i tačke u hero-u, prave Google recenzije. Rukopisni podnaslovi uklonjeni. */ .il-a .tint{background:#EEF9FA !important} .il-a .tint-band{background:linear-gradient(180deg,#F2FBFC 0%,#FFFFFF 100%)} .il-a .hero-sec{position:relative;overflow:hidden} .il-a .hero-sec::before{content:"";position:absolute;right:-6vw;top:-80px;width:min(62vw,760px);height:min(62vw,760px);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(15,198,207,.22) 0%,rgba(15,198,207,.09) 40%,rgba(15,198,207,0) 70%);pointer-events:none;z-index:0} .il-a .hero-sec .wrap{position:relative;z-index:1} .il-a .dot-deco{position:absolute;border-radius:50%;background:#0FC6CF;opacity:.55;pointer-events:none} .il-a .ph-hero{position:relative} .il-a .gal3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:190px;gap:12px;margin-top:14px} .il-a .mcband{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr) auto;gap:28px;align-items:center;border:1px solid #E3EAEE;border-radius:20px;padding:22px 28px 22px 22px;background:#FFFFFF} .il-a .mcpics{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:128px;gap:8px} .il-a .mcpics .gph:first-child{grid-row:span 2} .il-a .mcband .gph{border-radius:12px;overflow:hidden} .il-a .mcband .mc-facts{margin-top:10px} .il-a .vipgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px} .il-a .vipgrid>div{border-top:1px solid rgba(255,255,255,.16);padding-top:12px;display:flex;flex-direction:column;gap:3px;min-width:0} .il-a .vipgrid b{font-family:Sora,sans-serif;font-weight:600;font-size:28px;line-height:1.1;color:#9FD8DE;letter-spacing:-0.02em} .il-a .vipgrid span{font-size:14px;color:#B8C4D0;line-height:1.35} .il-a .revs{display:flex;flex-direction:column;gap:12px} .il-a .rev{position:relative;margin:0;padding:20px 20px 16px 56px;background:#F4FAFB;border:1px solid #E3EAEE;border-radius:14px} .il-a .rev .rq{position:absolute;left:16px;top:10px;font-family:Sora,sans-serif;font-size:64px;line-height:.8;color:#06AAB6;font-weight:700} .il-a .rev blockquote{margin:0;font-size:15px;line-height:1.55;color:#2E3F50} .il-a .rev figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:10px;font-size:13.5px;color:#5B6B7A} .il-a .rev figcaption b{color:#011A38;font-weight:600} .il-a .rstars{color:#F5A623;letter-spacing:1px;font-size:13px} .il-a .rmeta{display:inline-flex;align-items:center;gap:6px} .il-a .gbadge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#FFFFFF;border:1px solid #D7E0E5;font-family:Sora,sans-serif;font-weight:700;font-size:14px;color:#011A38;flex:none;box-shadow:0 1px 2px rgba(1,26,56,.06)} .il-a .gbadge.sm{width:18px;height:18px;font-size:10px} .il-a .gsum{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#011A38} .il-a .gsum b{font-weight:600} .il-a .gsum-t{display:inline-flex;align-items:center;gap:4px;white-space:nowrap} .il-a .gstar{color:#F5A623;letter-spacing:1px} @media (max-width:980px){.il-a .mcband{grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.il-a .mcband>div:last-child{grid-column:1/-1}} @media (max-width:640px){.il-a .mcsec{padding:40px 0 0 !important}.il-a .gal3{grid-auto-rows:110px;gap:8px}.il-a .mcband{grid-template-columns:1fr;padding:18px;gap:16px;text-align:center}.il-a .mcpics{grid-auto-rows:110px}.il-a .hero-sec::before{right:-30vw;top:-40px;width:90vw;height:90vw}.il-a .mc-facts>div{align-items:center}} /* ---------- Dopune za WordPress (header/futer/pretraga) ---------- */ .il-a{background:transparent} .il-chrome{font-family:Poppins,"Helvetica Neue",Arial,sans-serif;color:#011A38} .il-chrome .nav a[aria-current="page"],.il-chrome .nav a.is-current{border-bottom-color:#087F89} .il-chrome img{max-width:100%} .il-chrome .mnav[hidden],.il-a .chk[hidden],.il-a [hidden]{display:none !important} @media (max-width:980px){.il-chrome .hphone{display:inline-flex !important}} @media (max-width:640px){.il-chrome .hphone{display:none !important}} /* Donja traka: razmak ide samo na body (artifakt je imao jedan .il omotač; ovde su header, main i futer svaki .il-a) */ body.il-sticky-on,body.il-has-mbar{padding-bottom:0} @media (max-width:640px){.il-a{padding-bottom:0 !important}body.il-has-mbar{padding-bottom:84px}body.il-has-mbar #cookie-notice{bottom:84px !important}} @media (min-width:641px){body.il-has-mbar #cookie-notice{bottom:0 !important}} .il-a .sticky{z-index:60} .il-home{padding-bottom:0} @media (max-width:640px){.il-home{padding-bottom:0}} .il-a .sbox{position:relative} .il-a .sbox .introlab-suggest{left:-1.5px;right:-1.5px;top:calc(100% + 8px);border:1px solid #D7E0E5;border-radius:12px;box-shadow:0 20px 50px rgba(1,26,56,.12);padding:0;max-height:none} .il-a .introlab-suggest li{list-style:none} .il-a .introlab-suggest a{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:12px 18px;border-radius:0;border-top:1px solid #EEF2F4;font-size:15px;color:#011A38;font-family:Poppins,sans-serif} .il-a .introlab-suggest li:first-child a{border-top:0} .il-a .introlab-suggest a span{font-family:Sora,sans-serif;font-weight:600;color:#011A38} .il-a .introlab-suggest a:hover,.il-a .introlab-suggest a[aria-selected="true"]{background:#F4F9FA} .il-a .foot nav a{font-size:13px} .il-a .skip{position:absolute;left:-9999px} .il-a .ctile .nm,.il-a .row .nm{color:#011A38} .il-a .blog-row{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:center;padding:18px 0;border-top:1px solid #E3EAEE;text-decoration:none;color:#011A38} .il-a .blog-row:hover h3{color:#087F89} /* ========================================================================== 2) Isti vizuelni jezik za unutrašnje strane (ds.css, klase il-*) Paleta artifakta: tamnoplava #011A38 (tekst, CTA), teal #087F89 (linkovi), tirkizna #06AAB6 (akcenti), tanke linije #E3EAEE, svetlo-tirkizne trake #EEF9FA; dugmad 10 px, kartice 14–20 px, bez narandžaste. ========================================================================== */ :root{ --il-brand:#06AAB6;--il-brand-ink:#087F89;--il-brand-soft:#E6F6F7;--il-brand-softer:#EEF9FA; --il-ink:#011A38;--il-ink-2:#0B2C55;--il-muted:#5B6B7A;--il-line:#E3EAEE;--il-bg:#EEF9FA; --il-cta:#011A38;--il-cta-hover:#0B2C55;--il-cta-soft:#E6F6F7; --il-radius:16px;--il-radius-sm:10px; --il-shadow:0 1px 2px rgba(1,26,56,.04);--il-shadow-lg:0 20px 50px rgba(1,26,56,.12); --il-gutter:32px; } @media (max-width:640px){:root{--il-gutter:16px}} .il{font-size:16.5px} .il h1,.il-h1{font-weight:600;letter-spacing:-.03em;line-height:1.05;font-size:clamp(34px,5vw,56px)} .il h2,.il-h2{font-weight:600;letter-spacing:-.02em;line-height:1.12;font-size:clamp(26px,3.2vw,38px)} .il h3,.il-h3{font-weight:600;letter-spacing:-.02em} .il a{color:#087F89} .il-eyebrow{font-weight:500;font-size:13px;letter-spacing:.04em;text-transform:none;color:#6B7A88} .il-eyebrow::before{display:none} .il-btn{border-radius:10px;min-height:52px;padding:0 22px;border-width:1.5px;font-size:15px} .il-btn--sm{min-height:44px;padding:0 18px;font-size:14.5px} .il-btn--outline{border-color:#C9D5DB;color:#011A38 !important} .il-btn--outline:hover,.il-btn--outline:focus-visible{background:transparent;border-color:#011A38;color:#011A38 !important} .il-btn--ghost{background:#087F89;color:#fff !important} .il-btn--ghost:hover,.il-btn--ghost:focus-visible{background:#06707A;color:#fff !important} .il-link-arrow{color:#087F89} .il-chip{background:#E6F6F7;color:#06707A;font-family:Sora,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.02em} .il-card{border:1px solid #E3EAEE;border-radius:14px;box-shadow:none} .il-card--shadow{box-shadow:0 14px 34px rgba(1,26,56,.08)} .il-section--tint{background:#EEF9FA} .il-section--ink{background:#011A38} .il-page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#F2FBFC 0%,#FFFFFF 100%)} .il-page-hero::before{content:"";position:absolute;right:-6vw;top:-120px;width:min(52vw,640px);height:min(52vw,640px);border-radius:50%;background:radial-gradient(circle,rgba(15,198,207,.18) 0%,rgba(15,198,207,.07) 40%,rgba(15,198,207,0) 70%);pointer-events:none} .il-page-hero>*{position:relative} .il-crumbs a{color:#087F89} .il-price{font-family:Sora,sans-serif;font-weight:600;color:#011A38} .il-mbar{border-top:1px solid #E3EAEE;box-shadow:none} /* Bootstrap 3 .row (stari CSS) ne sme da utiče na redove artifakta */ .il-a .row{margin:0} .il-a .row::before,.il-a .row::after{content:none;display:none} .il-a .sr{margin:0;font-weight:400} .il-a button{line-height:normal} /* Pretraga na unutrašnjim stranama kao na početnoj (artifakt .sbox + teal dugme) */ .il-search .custom-form1{gap:6px;padding:5px 5px 5px 16px;border:1.5px solid #C9D5DB;border-radius:12px} .il-search .custom-form1:focus-within{border-color:#087F89;box-shadow:0 0 0 4px rgba(8,127,137,.12)} .il-search input[type="text"]{height:46px;padding:0 6px} .il-search input[type="text"]::placeholder{color:#8696A3} .il-search button.il-btn{background:#087F89;border-color:#087F89;color:#FFFFFF;min-height:46px;border-radius:9px;padding:0 18px} .il-search button.il-btn:hover{background:#06707A;border-color:#06707A} /* Autor / datumi iznad teksta: tanka linija kao „hair“ redovi artifakta umesto obojene kutije */ .site-main .in-author{background:transparent;border-top:1px solid #E3EAEE;border-bottom:1px solid #E3EAEE;border-radius:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:8px 32px;font-size:14px} .site-main .in-author > div{display:flex;gap:6px;margin:0;width:auto;flex:none} .site-main .in-author .in-auth-wr{color:#5B6B7A;font-weight:400;width:auto} .site-main .in-author .in-auth-cont,.site-main .in-author .in-auth-cont a{color:#011A38;font-weight:500} .site-main .in-author .in-auth-cont a:hover{color:#087F89} /* theme.css „.post, .page { margin: 0 0 1.5em }“ hvata i – bela traka ispod futera */ body.page,body.post{margin:0} /* Slike sa potpisom iz sadržaja imaju inline width (npr. 760px) – ne smeju da razvuku grid na mobilnom */ .il-test-layout > *,.il-prose{min-width:0} .site-main .wp-caption,.site-main figure{max-width:100% !important} .site-main .wp-caption img,.site-main figure img{max-width:100%;height:auto} /* Apsolutno pozicionirani elementi (npr. .il-visually-hidden u ) ne smeju da pobegnu iz kontejnera sa skrolom i rašire stranu na mobilnom */ .il-table-wrap,.md-tab-conteiner-wrap,.md-analiz-cont-list,[data-introlab-list]{position:relative} /* WPML-ov automatski spisak jezika ispod futera – jezici su već u gornjoj liniji i futeru */ .wpml-ls-statics-footer{display:none !important} /* Zakaži analizu: polja forme jedno ispod drugog (umesto trećina u GF gridu) */ .page-template-page-zakazianalizu .gform_wrapper .gform_fields{grid-template-columns:minmax(0,1fr) !important;row-gap:18px} .page-template-page-zakazianalizu .gform_wrapper .gfield{grid-column:1/-1 !important;width:100% !important;max-width:100% !important} .page-template-page-zakazianalizu .gform_wrapper .gfield input:not([type=checkbox]):not([type=radio]),.page-template-page-zakazianalizu .gform_wrapper .gfield select,.page-template-page-zakazianalizu .gform_wrapper .gfield textarea{width:100% !important;max-width:100%} /* Podmeni (iz „menu 1“): padajući na desktopu, harmonika u mobilnom meniju */ .il-chrome .nav-i{position:relative;display:flex;align-items:center;gap:2px} .il-chrome .nav-t{display:inline-grid;place-items:center;width:22px;height:28px;padding:0;border:0;background:transparent;color:#5B6B7A;cursor:pointer;border-radius:6px} .il-chrome .nav-t svg{transition:transform .15s} .il-chrome .nav-i:hover .nav-t svg,.il-chrome .nav-i.open .nav-t svg{transform:rotate(180deg)} .il-chrome .nav-sub{display:none;position:absolute;top:100%;left:-18px;z-index:40;min-width:260px;max-width:min(760px,90vw);padding:12px;background:#FFFFFF;border:1px solid #E3EAEE;border-radius:14px;box-shadow:0 20px 50px rgba(1,26,56,.12);grid-template-columns:1fr;gap:0} .il-chrome .nav-sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px} .il-chrome .nav-sub--wide{grid-template-columns:repeat(3,minmax(200px,1fr));width:max-content} .il-chrome .nav-i:hover .nav-sub,.il-chrome .nav-i:focus-within .nav-sub,.il-chrome .nav-i.open .nav-sub{display:grid} .il-chrome .nav-i.closed .nav-sub{display:none} .il-chrome .nav .nav-sub a{display:block;padding:8px 10px;border:0;border-radius:8px;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;line-height:1.35;color:#011A38;white-space:normal} .il-chrome .nav .nav-sub a:hover{background:#EEF9FA;color:#087F89} .il-chrome .nav .nav-sub a.nav-all{grid-column:1/-1;margin-top:6px;padding-top:12px;border-top:1px solid #E3EAEE;border-radius:0;font-family:Sora,sans-serif;font-weight:600;color:#087F89} .il-chrome .mnav-g{border-bottom:1px solid #EEF2F4} .il-chrome .mnav-g>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:Sora,sans-serif;font-weight:500;font-size:17px;color:#011A38;padding:13px 0} .il-chrome .mnav-g>summary::-webkit-details-marker{display:none} .il-chrome .mnav-g>summary svg{transition:transform .15s;color:#5B6B7A} .il-chrome .mnav-g[open]>summary svg{transform:rotate(180deg)} .il-chrome .mnav-sub{display:flex;flex-direction:column;padding:0 0 12px 12px;border-left:2px solid #E3EAEE;margin-bottom:12px} .il-chrome .mnav .mnav-sub a:not(.btn){font-family:Poppins,sans-serif;font-weight:400;font-size:15px;padding:8px 0;border-bottom:0} .il-chrome .mnav .mnav-sub a.nav-all{font-family:Sora,sans-serif;font-weight:600;color:#087F89} .il-chrome #masthead{z-index:50 !important} .il-chrome .nav{gap:20px !important} .il-chrome .nav a,.il-chrome .nav-i{white-space:nowrap} @media (max-width:1180px){.il-chrome .nav{gap:14px !important}.il-chrome .nav>a,.il-chrome .nav-i>a{font-size:14px !important}} /* Sve analize kategorije kao vidljiva lista linkova (interno linkovanje; stari inner.css ih je sakrivao) */ .site-main section.il-alllinks{padding:56px 0 64px;border-top:1px solid #E3EAEE} .il-alllinks .il-alllinks-h{font-family:Sora,sans-serif;font-weight:600;font-size:26px;letter-spacing:-0.02em;color:#011A38;margin:0 0 20px} .il-alllinks .md-catapk-wrap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:0 32px} .il-alllinks .md-link-catpr-apkwrap{display:block !important;margin:0;padding:0;width:auto;float:none;border-bottom:1px solid #E3EAEE} .il-alllinks a.md-link-catpr-apk{display:block;padding:10px 0;font-family:Poppins,sans-serif;font-weight:400;font-size:15px;line-height:1.4;letter-spacing:0;color:#011A38;text-decoration:none;text-align:left;border:0;height:auto;justify-content:flex-start} .il-alllinks a.md-link-catpr-apk:hover{color:#087F89} /* ========================================================================== Liste analiza (kategorije, sve analize, pretraga) – vizuelni jezik artifakta. Stari md_theme raspored (tabela u kutiji, skrivene kolone na mobilnom) se gazi. ========================================================================== */ .site-main .md-inner-content-analize{padding:40px 0 56px} .site-main .md-inner-content-analize-wrap{background:transparent !important;box-shadow:none !important;padding:0 !important;border:0 !important} .site-main .md-list-search-tab{margin:0 0 20px !important;padding:0 !important;display:block !important;background:transparent !important} .site-main .md-list-search-tab .md-search-hero-wrap{max-width:640px;margin:0;padding:0;background:transparent} /* Pretraga: polje i dugme uvek u jednom redu */ .il-search .custom-form1{display:flex !important;flex-wrap:nowrap !important;align-items:center;width:100%;box-sizing:border-box} .il-search .custom-form1>svg,.il-search .il-search-icon{flex:none} .il-search input[type="text"]{flex:1 1 auto !important;width:auto !important;min-width:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important} .il-search button.il-btn{flex:none !important;width:auto !important;margin:0 !important} @media (max-width:640px){ .il-search .custom-form1{padding:4px 4px 4px 12px} .il-search input[type="text"]{font-size:16px;height:44px} .il-search button.il-btn{min-height:44px;width:48px !important;padding:0 !important} .il-search button.il-btn .il-btn-text{display:none} } /* Tabovi podkategorija: čipovi; na mobilnom u jednom redu sa horizontalnim skrolom */ .site-main ul.md-analiz-sublist{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 0 20px !important;padding:0 !important;list-style:none;border:0 !important;background:transparent !important} .site-main ul.md-analiz-sublist li{margin:0 !important;padding:0 !important;width:auto !important;flex:none !important;float:none !important;border:0 !important;background:transparent !important} .site-main ul.md-analiz-sublist li a{display:inline-flex !important;align-items:center;min-height:38px;padding:0 14px !important;border:1px solid #C9D5DB !important;border-radius:999px !important;background:#FFFFFF !important;color:#011A38 !important;font-family:Sora,sans-serif;font-weight:500;font-size:14px !important;line-height:1 !important;text-decoration:none;white-space:nowrap;width:auto !important;height:auto !important;box-shadow:none !important} .site-main ul.md-analiz-sublist li a:hover{border-color:#011A38 !important;background:#FFFFFF !important;color:#011A38 !important} .site-main ul.md-analiz-sublist li.active a{background:#011A38 !important;border-color:#011A38 !important;color:#FFFFFF !important} @media (max-width:640px){ .site-main ul.md-analiz-sublist{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px !important;margin-right:-16px !important;padding:0 16px 2px !important;scroll-padding:16px} .site-main ul.md-analiz-sublist::-webkit-scrollbar{display:none} } /* Tabela → redovi sa tankim linijama */ .site-main .introlab-list .md-tab-conteiner-wrap{background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;overflow:visible !important;margin:0 !important} .site-main .introlab-list .md-tabs-colum-titles,.site-main .introlab-list .md-analiz-cont-list-c{display:grid !important;grid-template-columns:minmax(0,1fr) 150px 140px 124px;column-gap:20px;align-items:center;width:auto !important;padding:0 !important;margin:0 !important;background:transparent !important;border:0;border-radius:0 !important;box-shadow:none !important} .site-main .introlab-list .md-tabs-colum-titles{padding:0 0 10px !important;border-bottom:1px solid #C9D5DB} .site-main .introlab-list .md-tabs-colum-titles h4{margin:0 !important;padding:0 !important;width:auto !important;font-family:Poppins,sans-serif !important;font-weight:500 !important;font-size:12.5px !important;letter-spacing:.06em;text-transform:uppercase;color:#5B6B7A !important;background:transparent !important;border:0 !important;text-align:left !important} .site-main .introlab-list .md-analiz-cont-list-c{min-height:64px;padding:12px 0 !important;border-bottom:1px solid #E3EAEE} .site-main .introlab-list .md-analiz-cont-list-c:nth-child(2n+1),.site-main .introlab-list .md-analiz-cont-list-c:nth-child(2n+1) .md-tab-col-t1{background:transparent !important} .site-main .introlab-list .md-analiz-cont-list-c>*{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;text-align:left !important;float:none !important;height:auto !important;min-height:0 !important} .site-main .introlab-list .md-analiz-cont-list-c h4{margin:0 !important;padding:0 !important;font:inherit !important;color:inherit !important;background:transparent !important;border:0 !important;width:auto !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t1{font-family:Sora,sans-serif !important;font-weight:500 !important;font-size:15.5px !important;line-height:1.35 !important;color:#011A38 !important;text-decoration:none} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t1:hover{color:#087F89 !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t2{font-family:Poppins,sans-serif !important;font-size:14px !important;color:#5B6B7A !important;text-decoration:none} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t3{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:15px !important;color:#011A38 !important;text-decoration:none;white-space:nowrap} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t4{display:inline-flex !important;align-items:center;justify-content:center;justify-self:end;min-height:40px !important;padding:0 16px !important;border:1.5px solid #087F89 !important;border-radius:10px !important;background:#FFFFFF !important;color:#087F89 !important;font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:14px !important;line-height:1 !important;text-decoration:none;white-space:nowrap} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t4:hover{background:#087F89 !important;color:#FFFFFF !important} .site-main .introlab-list .md-analiz-cont-list-c:hover{background:#F6FBFC !important} .site-main .introlab-list-count{margin:18px 0 0;text-align:center;font-size:13.5px;color:#5B6B7A} .site-main .introlab-more-w{display:flex;justify-content:center;margin:14px 0 0 !important;padding:0 !important} .site-main .introlab-more-w .introlab-more{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1.5px solid #011A38;border-radius:10px;background:#FFFFFF;color:#011A38;font-family:Sora,sans-serif;font-weight:600;font-size:15px;cursor:pointer;width:auto;height:auto;box-shadow:none} .site-main .introlab-more-w .introlab-more:hover{background:#011A38;color:#FFFFFF} .site-main .introlab-list.is-loading [data-introlab-items]{opacity:.45;transition:opacity .15s} @media (max-width:760px){ .site-main .introlab-list .md-tabs-colum-titles{display:none !important} .site-main .introlab-list .md-analiz-cont-list-c{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n n b" "t p b";column-gap:10px;row-gap:4px;padding:14px 0 !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t1{grid-area:n} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t2{grid-area:t;font-size:13.5px !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t3{grid-area:p;font-size:14.5px !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t2:not(:empty)+a.md-tab-col-t3::before{content:"·";margin-right:8px;color:#9AA8B4;font-weight:400} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t4{grid-area:b;align-self:center;min-height:42px !important;padding:0 14px !important} } .site-main .md-inner-content-analize .mdtab-content,.site-main .md-inner-content-analize #tabs-content{padding:0 !important;margin:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;width:auto !important;min-width:0 !important} .site-main .introlab-list,.site-main .introlab-list .md-analize-wrap-list,.site-main .introlab-list .md-tab-conteiner-wrap{width:auto !important;min-width:0 !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important} @media (max-width:760px){.site-main .introlab-list .md-analiz-cont-list-c{grid-template-columns:max-content minmax(0,1fr) auto}} .site-main .introlab-list .md-analiz-cont-list-c a>h4{display:inline !important;text-align:left !important;white-space:inherit} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t2,.site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t3{display:block !important;text-align:left !important} @media (max-width:640px){.site-main ul.md-analiz-sublist{margin-left:-15px !important;margin-right:-15px !important;padding:0 15px 2px !important}} .site-main .introlab-list .md-analiz-cont-list-c>*,.site-main .introlab-list .md-analiz-cont-list-c>*>h4{min-width:0 !important;flex:none !important;flex-basis:auto !important;position:static !important;left:auto !important;right:auto !important} .site-main .introlab-search-results .md-nr-m{margin:24px 0 0;font-size:16px;color:#5B6B7A} .site-main .introlab-list .md-tab-conteiner-wrap{display:block !important}.site-main .introlab-list .md-analize-wrap-list{display:block !important;width:100% !important} /* Priprema: redovi kao lista analiza; na mobilnom meni kategorija kao čipovi */ .site-main .md-faq-priprema-import .faq-holder{border:0 !important;border-bottom:1px solid #E3EAEE !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;margin:0 !important;padding:0 !important} .site-main .md-faq-priprema-import .md-inner-faq-title{display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;column-gap:18px;align-items:center;padding:14px 0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;min-height:60px;height:auto !important;cursor:pointer} .site-main .md-faq-priprema-import .md-inner-faq-title>*{width:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;float:none !important;position:static} .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t1{font-family:Sora,sans-serif !important;font-weight:500 !important;font-size:15.5px !important;line-height:1.35 !important;color:#011A38 !important;padding:0 0 0 28px !important;position:relative !important;text-align:left !important} .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t1::before{left:0 !important} .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t3{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:15px !important;color:#011A38 !important;white-space:nowrap;padding:0 !important;text-align:left !important} .site-main .md-faq-priprema-import .md-inner-faq-title a.md-tab-col-t4{display:inline-flex !important;align-items:center;justify-content:center;min-height:40px !important;height:auto !important;padding:0 16px !important;border:1.5px solid #087F89 !important;border-radius:10px !important;background:#FFFFFF !important;color:#087F89 !important;font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:14px !important;line-height:1 !important;white-space:nowrap;text-decoration:none} .site-main .md-faq-priprema-import .md-inner-faq-title a.md-tab-col-t4:hover{background:#087F89 !important;color:#FFFFFF !important} .site-main .md-faq-priprema-import .faq-content{padding:0 0 16px 28px !important;background:transparent !important;font-size:14.5px} @media (max-width:760px){ .site-main .md-faq-priprema-import .md-inner-faq-title{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n b" "p b";row-gap:4px;column-gap:10px} .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t1{grid-area:n} .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t3{grid-area:p;padding-left:28px !important;font-size:14.5px !important} .site-main .md-faq-priprema-import .md-inner-faq-title a.md-tab-col-t4{grid-area:b;min-height:42px !important;padding:0 14px !important} .site-main .md-priprema-wrap{display:block !important} .site-main .md-priprema-meni,.site-main .md-priprema-info-content{width:100% !important;max-width:100% !important;float:none !important;padding:0 !important} .site-main .md-priprema-meni{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 0 20px !important} .site-main .md-priprema-meni .faq-holder{display:contents !important} .site-main .md-priprema-meni h3.md-side-priprema-meni{margin:0 !important;padding:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important;min-height:0 !important;height:auto !important;width:auto !important} .site-main .md-priprema-meni h3.md-side-priprema-meni::after,.site-main .md-priprema-meni h3.md-side-priprema-meni::before{display:none !important} .site-main .md-priprema-meni h3.md-side-priprema-meni a{display:inline-flex !important;align-items:center;min-height:38px;padding:0 14px !important;border:1px solid #C9D5DB;border-radius:999px;background:#FFFFFF;color:#011A38 !important;font-family:Sora,sans-serif;font-weight:500;font-size:14px !important;line-height:1;white-space:nowrap;text-decoration:none} .site-main .md-priprema-meni h3.md-side-priprema-meni.mdactive a,.site-main .md-priprema-meni .faq-holder.active>h3 a{background:#011A38;border-color:#011A38;color:#FFFFFF !important} .site-main .md-priprema-meni .faq-content{display:none !important} .site-main .md-priprema-meni .faq-holder.active>.faq-content{display:flex !important;order:99;flex:1 0 100%;flex-wrap:wrap;gap:6px;padding:4px 0 0 !important;margin:0 !important;background:transparent !important;box-shadow:none !important;border:0 !important} .site-main .md-priprema-meni .faq-holder.active>.faq-content ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none} .site-main .md-priprema-meni .faq-holder.active>.faq-content li{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important} .site-main .md-priprema-meni .faq-holder.active>.faq-content li a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#EEF9FA;color:#087F89 !important;font-size:13.5px !important;text-decoration:none} .site-main .md-priprema-meni .faq-holder.active>.faq-content li.mdactive a{background:#087F89;color:#FFFFFF !important} } .site-main .md-faq-priprema-import .md-inner-faq-title{position:relative !important} .site-main .md-faq-priprema-import .md-inner-faq-title::before{top:50% !important;left:0 !important;transform:translateY(-50%);margin:0 !important} @media (max-width:760px){ .site-main .md-faq-priprema-import .md-inner-faq-title::before{top:24px !important} .site-main .md-priprema-meni{flex-direction:row !important;align-items:center} .site-main .md-priprema-meni .faq-holder.active>.faq-content ul.md-analiz-sublist-priprema{width:100%;background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:4px 0 0 !important} .site-main .md-priprema-meni .faq-holder.active>.faq-content ul.md-analiz-sublist-priprema li{width:auto !important;flex:none !important} } .site-main .md-faq-priprema-import .md-inner-faq-title h4.md-tab-col-t3,.site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t3{white-space:normal !important;overflow-wrap:anywhere;max-width:260px !important} /* Povezane analize na mobilnom: horizontalni karusel sa „snap“ (svi linkovi ostaju, sekcija je kratka) */ @media (max-width:640px){ .il-section .il-tests{display:flex !important;grid-template-columns:none !important;gap:12px !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px !important;padding:2px 16px 8px !important;scroll-padding:16px} .il-section .il-tests::-webkit-scrollbar{display:none} .il-section .il-tests>.il-test{flex:0 0 78% !important;max-width:78%;scroll-snap-align:start} } /* Artifakt v2 (17. 10.): Patronaža i Instagram */ .il-a .pat-list{display:flex;flex-direction:column;border-top:1px solid #CFE6E9} .il-a .pat-list>div{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #CFE6E9} .il-a .pat-list>div>div{display:flex;flex-direction:column;gap:3px;min-width:0} .il-a .pat-list b{font-family:Sora,sans-serif;font-weight:600;font-size:16px;color:#011A38} .il-a .pat-list>div>div>span{font-size:15px;line-height:1.5;color:#5B6B7A} .il-a .pat-list .tick{background:#FFFFFF} .il-a .igrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px} .il-a .igt{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:#011A38;min-width:0} .il-a .igph{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#DCEFF1} .il-a .igph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s} .il-a .igt:hover img{transform:scale(1.04)} .il-a .igv{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;background:rgba(1,26,56,.72);color:#FFFFFF;display:grid;place-items:center} .il-a .igd{font-family:Sora,sans-serif;font-size:12px;font-weight:500;letter-spacing:.04em;color:#6B7A88;margin-top:2px} .il-a .igc{font-size:13.5px;line-height:1.4;color:#2E3F50;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} @media (max-width:1040px){.il-a .igrid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:640px){.il-a .igrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.il-a .ighead .btn{width:100%;max-width:360px}.il-a .pat-list>div{text-align:left}.il-a .igt{text-align:left}} @media (prefers-reduced-motion:reduce){.il-a .igph img{transition:none}} /* Hero unutrašnjih strana: sjaj se seče samo bočno (overflow-x), a padajući predlozi pretrage idu preko sadržaja ispod */ .il-page-hero{overflow:visible;overflow-x:clip;z-index:20} .il:has(>.il-page-hero){position:relative;z-index:20} .il-page-hero .il-search{z-index:30} .il-page-hero .introlab-suggest{z-index:40} /* Pretraga pripreme (strana Priprema): rezultati odmah ispod polja */ .il-prep-search .il-search-hint{margin-top:10px} .il-prep-search input[type="search"]{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#011A38;height:46px;padding:0 6px;-webkit-appearance:none;appearance:none} .il-prep-search input[type="search"]::placeholder{color:#8696A3} .il-prep-search .prep-res{display:flex;flex-direction:column;gap:12px;margin-top:16px} .il-prep-search .prep-res:empty{display:none} .il-prep-search .prep-card{background:#FFFFFF;border:1px solid #E3EAEE;border-radius:14px;padding:18px 20px;box-shadow:0 6px 20px rgba(1,26,56,.05);text-align:left} .il-prep-search .prep-card h3{margin:0 0 8px;font-family:Sora,sans-serif;font-weight:600;font-size:18px;line-height:1.3} .il-prep-search .prep-card h3 a{color:#011A38;text-decoration:none} .il-prep-search .prep-card h3 a:hover{color:#087F89} .il-prep-search .prep-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px;color:#5B6B7A;margin-bottom:10px} .il-prep-search .prep-meta b{font-weight:500;color:#011A38} .il-prep-search .prep-meta .prep-price{font-family:Sora,sans-serif;font-weight:600;color:#011A38} .il-prep-search .prep-text{margin:0 0 10px;font-size:15px;line-height:1.6;color:#2E3F50} .il-prep-search .prep-text b{font-weight:600;color:#011A38} .il-prep-search .prep-more{font-family:Sora,sans-serif;font-weight:600;font-size:14.5px;color:#087F89;text-decoration:none} .il-prep-search .prep-more:hover{color:#011A38} .il-prep-search .prep-none{margin:0;color:#5B6B7A} @media (max-width:640px){.il-prep-search .prep-card{padding:16px}.il-prep-search .prep-card h3{font-size:16.5px}} /* Lista „sve analize“: skraćena na ~3 reda (linkovi ostaju u HTML-u), dugme otvara sve */ .il-alllinks .md-catapk-wrap.is-collapsed{max-height:calc(3 * 45px);overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)} @media (max-width:640px){.il-alllinks .md-catapk-wrap.is-collapsed{max-height:calc(6 * 45px)}} .il-alllinks .il-alllinks-more{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;min-height:44px;padding:0 20px;border:1.5px solid #011A38;border-radius:10px;background:#FFFFFF;color:#011A38;font-family:Sora,sans-serif;font-weight:600;font-size:14.5px;cursor:pointer} .il-alllinks .il-alllinks-more:hover{background:#011A38;color:#FFFFFF} .il-alllinks .il-alllinks-more[hidden]{display:none} .il-a .faq-a p{margin:0 0 8px}.il-a .faq-a p:last-child{margin-bottom:0}.il-a .faq-a a{color:#087F89} /* Česta pitanja (zajednički FAQ, inc/faq.php): ispod sadržaja (stari sadržaj ima float kolone) */ .il:has(>.il-faq-section),.il-faq-section{clear:both} .il-faq-section{padding:48px 0 56px;border-top:1px solid #E3EAEE} .il-faq-section h2{font-family:Sora,sans-serif;font-weight:600;font-size:30px;letter-spacing:-0.02em;color:#011A38;margin:0 0 20px} .il-faq-section .il-faq{max-width:880px} .il-faq .il-faq-a a{color:#087F89} @media (max-width:640px){.il-faq-section{padding:36px 0 40px}.il-faq-section h2{font-size:24px}} /* Blok autora (autor · recenzent · datumi) u hero-u strana i na dnu šablona bez hero-a */ .il-byline{margin-top:18px} .il-byline .in-author{margin:0 !important} .il-byline--end{padding:8px 0 40px} .il-a .il-byline,.il-a .il-byline .in-author{text-align:left} @media (max-width:640px){.il-byline .in-author{gap:6px 18px}} .il-byline .in-author p,.site-main .in-author p{margin:0 !important} .site-main .in-author{flex-direction:row !important;align-items:center !important} /* Slike autora i recenzenta (il_person_avatar) */ .il-avatar{display:inline-block;flex:none;border-radius:50%;object-fit:cover;background:#E6F6F7;box-shadow:0 0 0 2px #FFFFFF,0 0 0 3px #E3EAEE;vertical-align:middle} .il-avatar--ini{display:inline-grid;place-items:center;color:#087F89;font-family:Sora,sans-serif;font-weight:600;line-height:1;letter-spacing:.02em} .site-main .in-author .in-person{display:inline-flex;align-items:center;gap:8px;text-decoration:none} .site-main .in-author .in-written,.site-main .in-author .in-reviewed{align-items:center} .il-author-who img.il-avatar{width:44px;height:44px} .il-avatar{position:relative;overflow:hidden} .il-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0 !important;max-width:none !important} .il-avatar--crop{background:#EEF2F4} .il-avatar--crop img{position:absolute;width:230%;height:230%;left:-44%;top:-46%} .il-author-who .il-avatar img{width:100%;height:100%} .il-author-who .il-avatar--crop img{width:230%;height:230%} .site-main .in-author > div{flex:0 1 auto !important;min-width:0;flex-wrap:wrap;align-items:center}.site-main .in-author .in-person span{min-width:0;overflow-wrap:anywhere} /* ========================================================================== Blok autora v2 (template-parts/author-box.php): osobe sa slikom + red datuma ========================================================================== */ .site-main .in-author.in-author--v2{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:12px !important;padding:16px 0 !important;margin:0 0 26px;border-top:1px solid #E3EAEE;border-bottom:1px solid #E3EAEE;background:transparent;border-radius:0;font-size:14px;max-width:880px} .site-main .in-author.in-author--v2 .in-people{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center} .site-main .in-author.in-author--v2 .in-person{display:inline-flex !important;align-items:center;gap:10px;text-decoration:none;min-width:0;flex:0 1 auto !important} .site-main .in-author.in-author--v2 .in-person .il-avatar{width:40px !important;height:40px !important} .site-main .in-author.in-author--v2 .in-person-txt{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.25} .site-main .in-author.in-author--v2 .in-role{font-size:12.5px;color:#5B6B7A;font-weight:400;letter-spacing:.01em} .site-main .in-author.in-author--v2 .in-name{font-family:Sora,sans-serif;font-weight:600;font-size:14.5px;color:#011A38;overflow-wrap:anywhere} .site-main .in-author.in-author--v2 .in-person:hover .in-name{color:#087F89} .site-main .in-author.in-author--v2 .in-meta{display:flex !important;flex-wrap:wrap;gap:4px 20px;margin:0 !important;padding:0;font-size:13.5px;color:#5B6B7A;line-height:1.5} .site-main .in-author.in-author--v2 .in-meta>span{white-space:nowrap} .site-main .in-author.in-author--v2 .in-meta time,.site-main .in-author.in-author--v2 .in-meta>span{color:#011A38;font-weight:500} .site-main .in-author.in-author--v2 .in-meta .in-meta-l{color:#5B6B7A;font-weight:400} .il-byline .in-author--v2{margin:0 !important;max-width:none} .il-page-hero .in-author--v2{border-bottom:0 !important;padding-bottom:0 !important} .il-test-layout .in-author--v2{margin:22px 0 26px;max-width:760px} @media (max-width:640px){ .site-main .in-author.in-author--v2 .in-people{gap:10px 20px} .site-main .in-author.in-author--v2 .in-meta{gap:2px 14px;font-size:13px} .site-main .in-author.in-author--v2 .in-meta>span{white-space:normal} } .site-main .in-author.in-author--v2 .in-person,.site-main .in-author.in-author--v2 .in-meta>span{width:auto !important;margin:0 !important;justify-content:flex-start !important} .il-byline .in-author.in-author--v2{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;float:none !important;position:static !important;transform:none !important;box-sizing:border-box} .il-byline--end{max-width:1200px !important;margin:0 auto !important;padding-left:max(16px,env(safe-area-inset-left,0px)) !important;padding-right:max(16px,env(safe-area-inset-right,0px)) !important;box-sizing:border-box} /* ========================================================================== Tipografija glavnog teksta (strane, kategorije, blog, analize) – 16px / 1.65, regularna težina, red do ~760px, naslovi u sadržaju manji i zbijeniji, sadržaj poravnat sa naslovom strane (ista leva ivica kao hero). ========================================================================== */ .site-main .md-inner-content>.container{max-width:1200px !important;width:auto !important;margin:0 auto !important;padding-left:32px !important;padding-right:32px !important;box-sizing:border-box} .site-main .md-inner-content-wrap{max-width:var(--il-content-w,860px);margin:0 !important;padding:0 !important} .site-main .md-inner-content-wrap,.site-main .il-prose{font-size:16px !important;line-height:1.65 !important;color:#2E3F50 !important} .site-main .md-inner-content-wrap :is(p,li,td,dd,blockquote),.site-main .il-prose :is(p,li,td,dd,blockquote){font-size:16px !important;line-height:1.65 !important;font-weight:400 !important;color:#2E3F50 !important} .site-main .md-inner-content-wrap p,.site-main .il-prose p{margin:0 0 14px !important} .site-main .md-inner-content-wrap :is(ul,ol),.site-main .il-prose :is(ul,ol){margin:0 0 16px !important;padding-left:22px !important} .site-main .md-inner-content-wrap li,.site-main .il-prose li{margin:0 0 6px !important} .site-main .md-inner-content-wrap :is(strong,b),.site-main .il-prose :is(strong,b){font-weight:600 !important;color:#011A38} .site-main .md-inner-content-wrap h2,.site-main .il-prose h2{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:26px !important;line-height:1.25 !important;letter-spacing:-0.015em;color:#011A38 !important;margin:34px 0 12px !important} .site-main .md-inner-content-wrap h3,.site-main .il-prose h3{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:20px !important;line-height:1.3 !important;color:#011A38 !important;margin:26px 0 10px !important} .site-main .md-inner-content-wrap h4,.site-main .il-prose h4{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:17px !important;line-height:1.35 !important;color:#011A38 !important;margin:22px 0 8px !important} .site-main .md-inner-content-wrap>:first-child,.site-main .il-prose>:first-child{margin-top:0 !important} .site-main .md-inner-content-wrap a:not(.il-btn):not(.btn),.site-main .il-prose a:not(.il-btn):not(.btn){color:#087F89;text-underline-offset:2px} .site-main .md-inner-content-wrap img,.site-main .il-prose img{border-radius:12px} @media (max-width:640px){ .site-main .md-inner-content>.container{padding-left:16px !important;padding-right:16px !important} .site-main .md-inner-content-wrap,.site-main .il-prose,.site-main .md-inner-content-wrap :is(p,li,td,dd,blockquote),.site-main .il-prose :is(p,li,td,dd,blockquote){font-size:15.5px !important;line-height:1.6 !important} .site-main .md-inner-content-wrap h2,.site-main .il-prose h2{font-size:22px !important;margin:28px 0 10px !important} .site-main .md-inner-content-wrap h3,.site-main .il-prose h3{font-size:18px !important} } .site-main .md-inner-content-wrap .in-author p.in-meta,.site-main .il-prose .in-author p.in-meta{font-size:13.5px !important;line-height:1.5 !important;margin:0 !important;color:#5B6B7A !important}.site-main .md-inner-content-wrap .in-author,.site-main .md-inner-content-wrap .in-author *{font-weight:inherit} .site-main .md-inner-content-wrap p:has(> span[id^="more-"]:only-child),.site-main .il-prose p:has(> span[id^="more-"]:only-child){display:none !important} /* Header više nije sticky (artifakt) – lepljivi elementi se lepe uz sam vrh, bez praznog prostora visine starog headera */ .il-pricelist-tools{top:0 !important} .il-aside,.il-book-side{top:20px !important} @media (max-width:640px){.il-pricelist-tools{padding:10px 0 !important;margin-bottom:4px !important}} html{scroll-padding-top:16px !important} /* Cenovnik na mobilnom: kategorije u jednom redu sa horizontalnim skrolom, da lepljivi deo bude nizak */ @media (max-width:640px){ .il-pricelist-jump{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px !important;margin:10px -16px 0 !important;padding:0 16px 2px !important} .il-pricelist-jump::-webkit-scrollbar{display:none} .il-pricelist-jump a{flex:none;white-space:nowrap} } /* Cenovnik na mobilnom: red tabele kao kartica – naziv, rok · cena, dugme (cena se ne skriva van ekrana) */ @media (max-width:640px){ .il-pricelist .il-table-wrap{overflow:visible !important;border:0 !important;border-radius:0 !important;box-shadow:none !important} .il-pricelist .il-table,.il-pricelist .il-table tbody{display:block !important;width:100% !important;min-width:0 !important} .il-pricelist .il-table thead{display:none !important} .il-pricelist .il-table tr{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n n b" "t p b";column-gap:10px;row-gap:4px;align-items:center;padding:12px 0;border-bottom:1px solid #E3EAEE;background:transparent !important} .il-pricelist .il-table tr[hidden]{display:none !important} .il-pricelist .il-table td{display:block !important;padding:0 !important;border:0 !important;background:transparent !important;width:auto !important;min-width:0 !important;white-space:normal !important;position:static !important} .il-pricelist .il-table td:first-child{grid-area:n;font-family:Sora,sans-serif;font-weight:500;font-size:15px;line-height:1.35} .il-pricelist .il-table td:first-child a{color:#011A38;text-decoration:none} .il-pricelist .il-table td.il-col-time{grid-area:t;font-size:13.5px;color:#5B6B7A} .il-pricelist .il-table td.il-col-price{grid-area:p;font-family:Sora,sans-serif;font-weight:600;font-size:14.5px;color:#011A38;text-align:left !important} .il-pricelist .il-table td.il-col-time:not(:empty)+td.il-col-price::before{content:"·";margin-right:8px;color:#9AA8B4;font-weight:400} .il-pricelist .il-table td.il-col-act{grid-area:b} .il-pricelist .il-table td.il-col-act .il-btn{min-height:42px;padding:0 14px;white-space:nowrap} } /* Rubrike bloga: čip na postu, red rubrika na blogu/arhivi, opis rubrike */ .il-rubrika-chip{display:inline-flex;align-items:center;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:#E6F6F7;color:#06707A !important;font-family:Sora,sans-serif;font-weight:600;font-size:13px;line-height:1.2;text-decoration:none} .il-rubrika-chip:hover{background:#087F89;color:#FFFFFF !important} .il-rubrike{margin:0 0 28px} .il-rubrike ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none} .il-rubrike li{margin:0;padding:0} .il-rubrike a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #C9D5DB;border-radius:999px;background:#FFFFFF;color:#011A38;font-family:Sora,sans-serif;font-weight:500;font-size:14px;line-height:1;text-decoration:none;white-space:nowrap} .il-rubrike a:hover{border-color:#011A38;color:#011A38} .il-rubrike a[aria-current="page"]{background:#011A38;border-color:#011A38;color:#FFFFFF} @media (max-width:640px){.il-rubrike ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.il-rubrike ul::-webkit-scrollbar{display:none}} .il-rubrika-opis{max-width:760px;margin:0 0 32px;font-size:16px;line-height:1.65;color:#2E3F50} .il-rubrika-opis p{margin:0 0 12px} .il-rubrika-opis a{color:#087F89} /* ========================================================================== FAZA 2 — UI/responsive popravke (.claude/FAZA2-UI-popravke.md) ========================================================================== */ /* G4: z-index tokeni (jedan izvor istine) */ :root{--z-base:1;--z-dropdown:40;--z-header:50;--z-topbar:55;--z-sticky:60;--z-overlay:900;--z-toast:1000} /* G1: pun meni tek od 1200 px (logo + 8 stavki + dugme ne staju ispod ~1150 px) – do tada burger */ @media (max-width:1199px){ .il-a .nav{display:none !important} .il-a .burger{display:inline-flex !important} .il-chrome .hphone{display:inline-flex !important} } @media (max-width:640px){.il-chrome .hphone{display:none !important}} @media (min-width:1200px){.il-chrome #mnav{display:none !important}} /* G3: jezički meni iznad headera – gornja linija dobija svoj sloj iznad #masthead */ .il-chrome>div:first-child{position:relative;z-index:var(--z-topbar)} .il-chrome #masthead{z-index:var(--z-header) !important} .il-chrome .lang .menu{z-index:var(--z-dropdown)} /* G2: široki podmeni (Paneli, Genetika) centriran u odnosu na header i uvek u ekranu */ .il-chrome .nav-i:has(.nav-sub--wide){position:static} .il-chrome #masthead>.wrap{position:relative} .il-chrome .nav-sub--wide{left:50% !important;right:auto !important;transform:translateX(-50%);width:min(760px,calc(100vw - 32px)) !important;max-width:calc(100vw - 32px) !important;top:calc(100% - 14px) !important} .il-chrome .nav-sub--wide::before{top:-28px !important;height:28px !important} .il-chrome .nav-sub{z-index:var(--z-dropdown)} @media (max-width:1279px){.il-chrome .nav-sub--wide{grid-template-columns:repeat(2,minmax(0,1fr)) !important}} /* Analiza – povezane karte: dugme ne sme da izađe van karte (cena kao tekst, duge cene) */ .il-test{min-width:0} .il-test-foot{flex-wrap:wrap;gap:8px 12px} .il-test-foot .il-price{min-width:0;overflow-wrap:anywhere;flex:1 1 auto} .il-test-foot .il-btn{flex:none;margin-left:auto} .il-test-foot .il-price{white-space:normal !important;line-height:1.25} /* T1: tabele u sadržaju (blog, landing, strane) – isti stil kao .il-prose, omotač sa skrolom, kartice na mobilnom */ .il-table-scroll{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0 24px;border:1px solid #E3EAEE;border-radius:12px} .il-table-scroll table,.site-main .md-inner-content-wrap table{width:100%;border-collapse:collapse;margin:0;font-size:15px;line-height:1.45;background:#FFFFFF} .site-main .md-inner-content-wrap table:not(.il-table-scroll table){display:block;overflow-x:auto;margin:16px 0 24px} .il-table-scroll th,.il-table-scroll td,.site-main .md-inner-content-wrap table th,.site-main .md-inner-content-wrap table td{border:0;border-bottom:1px solid #E3EAEE;padding:10px 12px !important;text-align:left;vertical-align:top;font-size:15px !important;line-height:1.45 !important;color:#2E3F50} .il-table-scroll tr:last-child>td{border-bottom:0} .il-table-scroll th,.site-main .md-inner-content-wrap table th{background:#EEF9FA;font-family:Sora,sans-serif;font-weight:600 !important;color:#011A38 !important} .il-table-scroll tbody tr:nth-child(even) td{background:#F8FBFC} .il-table-scroll p{margin:0 !important} @media (max-width:640px){ .il-table-scroll:has(.il-table--stack){border:0;overflow:visible;border-radius:0} .il-table--stack,.il-table--stack tbody,.il-table--stack tr,.il-table--stack td{display:block;width:100% !important} .il-table--stack tr:first-child:has(th),.il-table--stack thead{display:none} .il-table--stack tr{border:1px solid #E3EAEE;border-radius:12px;margin:0 0 10px;padding:6px 0;background:#FFFFFF} .il-table--stack tbody tr:nth-child(even) td{background:transparent} .il-table--stack td{display:grid !important;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:10px;border:0 !important;padding:6px 12px !important} .il-table--stack td::before{content:attr(data-label);font-family:Sora,sans-serif;font-weight:600;font-size:13px;color:#5B6B7A} .il-table--stack td:not([data-label])::before{content:none} .il-table--stack td:not([data-label]){grid-template-columns:1fr} } /* T8: pretraga – jedna kolona na mobilnom, kartice sa cenom i rokom */ .il-search-results{padding:32px 0 56px} .il-search-results .il-tests{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))} .il-search-results .il-test h3{font-size:18px;line-height:1.3;overflow-wrap:anywhere} .il-test--page .il-test-excerpt{margin:0;font-size:14.5px;line-height:1.5;color:#5B6B7A} @media (max-width:767px){.il-search-results .il-tests{grid-template-columns:1fr}} /* G6: mobilni meni kao fiksni panel ispod headera, body zaključan */ @media (max-width:1199px){ .il-chrome .mnav:not([hidden]){position:fixed;top:var(--mnav-top,0px);left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:var(--z-overlay);background:#FFFFFF;box-shadow:0 12px 30px rgba(1,26,56,.10)} body.il-menu-open{overflow:hidden} } /* G5: donja traka – nikad uz otvoren meni, fokusirano polje ili otvoren cookie baner */ .il-a .sticky{z-index:var(--z-sticky) !important} body.il-menu-open .il-a .sticky,body.il-input-focus .il-a .sticky,body.cookies-not-set .il-a .sticky{display:none !important} @media (max-width:640px){ body.il-sticky-on,body.il-has-mbar{padding-bottom:calc(69px + env(safe-area-inset-bottom,0px)) !important} body.cookies-not-set{padding-bottom:0 !important} body.il-has-mbar #cookie-notice{bottom:0 !important} } .il-admin-notice{margin:16px 0;padding:12px 16px;border:1px dashed #D97706;border-radius:10px;background:#FFFBEB;color:#92400E;font-size:14px} /* K2: hub analiza (/ngs/) – lista testova odmah ispod naslova */ .il-hub{margin:8px 0 36px} .il-hub-h{font-family:Sora,sans-serif;font-weight:600;font-size:22px;letter-spacing:-0.01em;color:#011A38;margin:28px 0 10px} .il-hub-h:first-child{margin-top:4px} .il-hub-h span{color:#5B6B7A;font-weight:500;font-size:16px} .il-hub-list{margin:0 0 8px} .il-cat-filter-note{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#EEF9FA;font-size:14.5px;color:#2E3F50}.il-cat-filter-note a{color:#087F89;font-weight:600;text-decoration:none} /* GS1/GS3/GS4/GS5: blok genetičara (shortcode [geneticar_block]) u stilu sajta */ .site-main .geneticar-block.il-gen{display:grid !important;grid-template-columns:minmax(0,1fr);gap:20px;align-items:center;margin:28px 0;padding:20px;border:1px solid #E3EAEE;border-radius:16px;background:#FFFFFF;max-width:860px} @media (min-width:768px){.site-main .geneticar-block.il-gen{grid-template-columns:260px minmax(0,1fr);gap:28px;padding:24px}} .il-gen-photo{display:block;border-radius:14px;overflow:hidden;aspect-ratio:1/1;background:#EEF2F4} .il-gen-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0 !important} .il-gen-body{display:flex;flex-direction:column;gap:10px;min-width:0} .il-gen-chip{align-self:flex-start;display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:999px;background:#087F89;color:#FFFFFF;font-family:Sora,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;max-width:100%} @media (max-width:359px){.il-gen-chip{white-space:normal}} .site-main .il-gen .il-gen-name{margin:0 !important;font-family:Sora,sans-serif;font-weight:600;font-size:24px !important;line-height:1.2 !important} .il-gen-name a{color:#011A38 !important;text-decoration:none} .il-gen-name a:hover{color:#087F89 !important} .site-main .il-gen .il-gen-pod{margin:0 !important;font-weight:600 !important;color:#087F89 !important;font-size:15px !important} .site-main .il-gen .il-gen-text{margin:0 !important;color:#2E3F50 !important;font-weight:400 !important;font-size:15.5px !important;line-height:1.6 !important} .il-gen-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:6px} .il-gen-actions .il-btn{background:#011A38 !important;border-color:#011A38 !important;color:#FFFFFF !important;min-height:48px} .il-gen-actions .il-btn:hover{background:#0B2C55 !important} .il-gen-bio{display:inline-flex;align-items:center;gap:6px;font-family:Sora,sans-serif;font-weight:600;font-size:15px;color:#087F89 !important;text-decoration:none} .il-gen-bio:hover{color:#011A38 !important} @media (max-width:640px){.il-gen-actions .il-btn{width:100%}} .site-main .il-gen p,.site-main .il-gen h2{padding:0 !important} /* K14: kompaktan red autora na landing kategorijama */ .in-author-compact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0 !important;font-size:14px !important;line-height:1.4 !important;color:#5B6B7A !important} .in-author-compact .in-person{display:inline-flex;align-items:center;gap:8px;color:#5B6B7A;text-decoration:none} .in-author-compact b{font-weight:600;color:#011A38} .in-author-compact time{color:#011A38;font-weight:500} .in-author-compact .il-avatar{width:28px !important;height:28px !important} .il-hero-cta{background:#011A38 !important;border-color:#011A38 !important;color:#FFFFFF !important;min-height:48px}.il-hero-cta:hover{background:#0B2C55 !important}@media (max-width:640px){.il-hero-cta{width:100%}} /* GS6: forma za genetičko savetovanje – isti stil kao „Zakaži analizu“ */ .il-gs-form{scroll-margin-top:16px;margin:28px 0 36px;padding:24px;border:1px solid #E3EAEE;border-radius:16px;background:#FFFFFF;max-width:860px;box-shadow:0 10px 30px rgba(1,26,56,.05)} .site-main .il-gs-form h2{margin:0 0 6px !important;font-size:24px !important} .site-main .il-gs-form .il-gs-lead{margin:0 0 16px !important;color:#5B6B7A !important;font-size:15px !important} .il-gs-form .gform_wrapper .gform_fields{grid-template-columns:repeat(12,minmax(0,1fr)) !important;row-gap:16px !important;column-gap:16px !important} .il-gs-form .gform_wrapper .gfield{grid-column:1/-1 !important} @media (min-width:640px){.il-gs-form .gform_wrapper .gfield.gf-pola{grid-column:span 6 !important}} .il-gs-form .gform_wrapper .gfield_label,.il-gs-form .gform_wrapper legend.gfield_label{font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:15px !important;color:#011A38 !important} .il-gs-form .gform_wrapper input[type="text"],.il-gs-form .gform_wrapper input[type="email"],.il-gs-form .gform_wrapper input[type="tel"],.il-gs-form .gform_wrapper select,.il-gs-form .gform_wrapper textarea{border:2px solid #E3EAEE !important;border-radius:10px !important;min-height:48px;padding:10px 14px !important;font-size:16px !important;font-family:Poppins,sans-serif !important;box-shadow:none !important;background:#FFFFFF;width:100% !important} .il-gs-form .gform_wrapper textarea{min-height:110px} .il-gs-form .gform_wrapper input:focus,.il-gs-form .gform_wrapper select:focus,.il-gs-form .gform_wrapper textarea:focus{border-color:#087F89 !important;outline:0} .il-gs-form .gform_wrapper .gchoice{display:flex;align-items:center;gap:8px;min-height:44px} .il-gs-form .gform_wrapper .gfield_radio{display:flex;flex-wrap:wrap;gap:4px 20px} .il-gs-form .gform_wrapper .gform_footer input[type="submit"],.il-gs-form .gform_wrapper .gform_button{background:#011A38 !important;color:#FFFFFF !important;border:0 !important;border-radius:10px !important;min-height:52px;padding:12px 32px !important;font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:16px !important;cursor:pointer} .il-gs-form .gform_wrapper .gform_footer input[type="submit"]:hover{background:#0B2C55 !important} .il-gs-form .gfield_required{color:#087F89 !important} @media (max-width:640px){.il-gs-form{padding:18px;margin:20px -4px 28px}.il-gs-form .gform_wrapper .gform_footer input[type="submit"]{width:100% !important}} /* GS6a: druga forma samo ≥ 768 px; na mobilnom sticky CTA */ @media (max-width:767px){.il-gs-form--kraj{display:none !important}} .il-a .sticky.il-gs-cta{grid-template-columns:1fr !important} .il-a .sticky.il-gs-cta .btn{min-height:48px;width:100%} .il-a .sticky.il-gs-cta.is-hidden{display:none !important} /* Početna EN 360 px: tekst reda sme da se skuplja, strelica ostaje u ekranu */ .il-a .row>span:first-child{min-width:0;overflow-wrap:anywhere} /* Red rubrika: negativna margina tačno kao padding starog .container (15 px) */ @media (max-width:640px){.blog-inner .il-rubrike ul{margin:0 -15px !important;padding:0 15px 2px !important}} .il:has(.il-gs-form--kraj),.il-gs-form--kraj{clear:both} /* K12: kompaktna traka popusta na landing kategorijama */ .il-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin:8px 0 40px;padding:16px 20px;border-radius:14px;background:#E6F6F7;border:1px solid #CFE6E9} .il-promo p{margin:0;font-family:Sora,sans-serif;font-weight:600;font-size:17px;line-height:1.35;color:#011A38} .il-promo a{font-family:Sora,sans-serif;font-weight:600;font-size:15px;color:#087F89;text-decoration:none;white-space:nowrap} .il-promo a:hover{color:#011A38} .site-main .md-inner-main-an{padding-top:8px} /* B1: bez 120–160 px praznine ispod hero-a na listi bloga i arhivama rubrika */ .site-main section.inner-content.blog-inner{padding:24px 0 64px !important} @media (max-width:640px){.site-main section.inner-content.blog-inner{padding:16px 0 48px !important}} /* Blog lista: karte poravnate sa ivicom 16 px na mobilnom, placeholder bez slike */ @media (max-width:767px){.blog-inner .blog-post-container{padding-left:0 !important;padding-right:0 !important;float:none;width:100% !important}} .blog-post-image-container .il-card-ph{display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#EEF9FA,#E6F6F7);border-radius:12px} .blog-post-image-container .il-card-ph img{width:140px !important;height:auto !important;opacity:.55} .blog-post-excerpt{color:#5B6B7A !important} /* Paginacija u stilu sajta, mete ≥ 44 px */ .md-pagination-holder .page-numbers,.navigation .page-numbers{display:inline-flex !important;align-items:center;justify-content:center;min-width:44px !important;height:44px !important;padding:0 12px !important;margin:0 3px 6px !important;border:1px solid #C9D5DB !important;border-radius:10px !important;background:#FFFFFF !important;color:#011A38 !important;font-family:Sora,sans-serif;font-weight:600;font-size:15px !important;line-height:1 !important;text-decoration:none} .md-pagination-holder .page-numbers.current,.navigation .page-numbers.current{background:#011A38 !important;border-color:#011A38 !important;color:#FFFFFF !important} .md-pagination-holder .page-numbers:hover:not(.current),.navigation .page-numbers:hover:not(.current){border-color:#011A38 !important} /* Blog članak: kompaktne liste u svetloplavim blokovima */ .site-main .md-inner-content-wrap ul[style*="background"],.site-main .md-inner-content-wrap ol[style*="background"]{padding:20px 24px 20px 40px !important;border-radius:12px} .site-main .md-inner-content-wrap ul[style*="background"] li+li,.site-main .md-inner-content-wrap ol[style*="background"] li+li{margin-top:8px !important} @media (max-width:640px){.site-main .md-inner-content-wrap ul[style*="background"],.site-main .md-inner-content-wrap ol[style*="background"]{padding:16px 16px 16px 32px !important}} /* G9: tap mete ≥ 44 px (futer, gornja linija, stari linkovi u listama), tekst ≥ 13 px, kontrast */ @media (max-width:1199px){ .il-chrome .foot .fcol a{display:inline-flex;align-items:center;min-height:44px} .il-chrome .foot .fcol{gap:0 !important} .il-chrome a.tb{min-height:44px} } .site-main .md-analiz-cont-list-c a.md-tab-col-t1{min-height:32px;display:inline-flex !important;align-items:center} .il-a .gbadge.sm{width:20px;height:20px;font-size:11px} .il-a .idx{font-size:13px} .il-a .igd{font-size:13px} .site-main .in-author.in-author--v2 .in-role{font-size:13px} .wp-caption-text,.site-main .wp-caption .wp-caption-text,.site-main figcaption{color:#5B6B7A !important;font-size:14px !important} /* Predlozi pretrage: ograničena visina + skrol (da ih tastatura/donja traka ne pokriju) */ .introlab-suggest{max-height:min(50vh,330px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain} /* T7: čipovi kategorija na Pripremi u jednom redu sa horizontalnim skrolom */ @media (max-width:760px){ .site-main .md-priprema-meni{flex-wrap:nowrap !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -16px 20px !important;padding:0 16px 2px !important} .site-main .md-priprema-meni::-webkit-scrollbar{display:none} .site-main .md-priprema-meni h3.md-side-priprema-meni{flex:none !important} .site-main .md-priprema-meni .faq-holder.active>.faq-content{flex:0 0 auto !important;order:99} } /* K4: „Opširnije“ – fade preko poslednjih redova, dugme kao link odmah ispod teksta (radi i u .il-prose, npr. /ngs/) */ .il-prose[data-introlab-more-content]>.md-more-con-op{display:block !important} .md-show-more-content:not(.is-open) .il-fade-last,[data-introlab-more-content]:not(.is-open)>.il-fade-last{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent)} .site-main .md-more-con-op{margin:4px 0 0 !important;padding:0 !important;text-align:left !important} .site-main .md-more-con-op .md-more-content-open{display:inline-flex !important;align-items:center;gap:6px;min-height:44px;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#087F89 !important;font-family:Sora,sans-serif !important;font-weight:600 !important;font-size:15px !important;box-shadow:none !important;width:auto !important;height:auto !important} .site-main .md-more-con-op .md-more-content-open::after{content:"↓";font-weight:600} .site-main .is-open>.md-more-con-op .md-more-content-open::after,.site-main .md-show-more-content.is-open .md-more-content-open::after{content:"↑"} .site-main .md-more-con-op .md-more-content-open:hover{color:#011A38 !important;background:transparent !important} /* K8: otvoren blok „sve analize“ je panel sa sopstvenim skrolom (ne širi stranu preko 3 ekrana) */ .il-alllinks .md-catapk-wrap:not(.is-collapsed){max-height:min(70vh,640px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:6px;border-bottom:1px solid #E3EAEE} .site-main .introlab-list-count{font-size:14px !important;color:#5B6B7A} @media (max-width:640px){.site-main ul.md-analiz-sublist{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}} /* T3: cenovnik na mobilnom – harmonika po kategorijama */ .il-pl-acc [data-introlab-pricelist-group]>h2{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:0 !important;padding:12px 0;border-bottom:1px solid #E3EAEE;cursor:pointer;font-size:19px !important} .il-pl-acc [data-introlab-pricelist-group]>h2::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid #087F89;border-bottom:2px solid #087F89;transform:rotate(45deg);margin:0 6px 4px auto;transition:transform .15s} .il-pl-acc [data-introlab-pricelist-group].is-closed>h2::after{transform:rotate(-45deg)} .il-pl-acc [data-introlab-pricelist-group]:not(.is-closed)>h2::after{transform:rotate(225deg);margin-bottom:-4px} .il-pl-acc [data-introlab-pricelist-group] .il-pl-n{margin-left:auto;font-family:Poppins,sans-serif;font-weight:500;font-size:13px;color:#5B6B7A;background:#EEF2F4;border-radius:999px;padding:2px 9px} .il-pl-acc [data-introlab-pricelist-group].is-closed .il-table-wrap{display:none !important} /* Jedan stil sekundarnog „Rezerviši“ u listama (cenovnik, povezane karte, liste analiza): teal outline */ .il-pricelist .il-col-act .il-btn,.il-test-foot .il-btn{background:#FFFFFF !important;border:1.5px solid #087F89 !important;color:#087F89 !important;border-radius:10px !important;min-height:40px;padding:0 14px !important;font-family:Sora,sans-serif;font-weight:600} .il-pricelist .il-col-act .il-btn:hover,.il-test-foot .il-btn:hover{background:#087F89 !important;color:#FFFFFF !important} /* ===== Faza 2 / P3 ===== */ /* G4: stari z-index ≥ 9999 iz md_theme CSS-a → tokeni */ .site-header{z-index:var(--z-header)} .md-above-header{z-index:var(--z-topbar) !important} .md-footer-eg-info,.ms-znanje-odgovor ul li:before,.md-inner-hero-right:after{z-index:var(--z-base) !important} .col-xs-12.in-arr-post,.in-arr-post a.prev,.in-arr-post a.next{z-index:var(--z-base) !important} .md-hero-wrap .md-search-hero-wrap form#searchform{z-index:var(--z-dropdown) !important} .enlarged-container{z-index:var(--z-overlay) !important} /* T2: uvećanje slika iz teksta (tabele referentnih vrednosti) */ img.il-zoomable{cursor:zoom-in} img.il-zoomable:focus-visible{outline:3px solid #00B5D1;outline-offset:3px} .il-zoom-box{position:fixed;inset:0;display:block !important;background:rgba(1,26,56,.94);overflow:auto;-webkit-overflow-scrolling:touch;padding:56px 12px 24px;align-items:flex-start} .il-zoom-box img.enlarged{max-width:none;max-height:none;width:min(1100px,calc(100vw - 24px));height:auto;margin:0 auto;display:block;background:#fff;border-radius:8px} @media (max-width:767px){.il-zoom-box img.enlarged{width:max(720px,calc(100vw - 24px))}} .il-zoom-close{position:fixed;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#011A38;font-size:28px;line-height:44px;cursor:pointer;z-index:1} /* T6: kategorije ispod liste na /analize/ */ .il-cat-links{clear:both;padding:32px 0 48px} .il-a .il-cat-links-t,.il-cat-links-t{font-size:20px !important;line-height:1.3;margin:0 0 14px !important} .il-cat-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .il-cat-links li{margin:0;padding:0} .il-cat-links li:before{content:none} .il-cat-links .il-chip{min-height:44px;padding:10px 16px;font-size:14px;text-decoration:none} @media (hover:hover){.il-cat-links .il-chip:hover{background:#06707A;color:#fff}} /* T5: zaglavlje tabele cenovnika ostaje vidljivo pri skrolu (desktop) */ @media (min-width:1200px){ [data-introlab-pricelist] .il-table-wrap{overflow:visible} [data-introlab-pricelist] thead th{position:sticky;top:var(--pl-tools-h,0px);z-index:2;background:#F4F8FB;box-shadow:inset 0 -1px 0 #DCE5EE} } /* K9: hover efekti samo na uređajima sa mišem (posle tapa red ne ostaje obojen); dugme iste širine na svim jezicima */ @media (hover:none){ .il-table tr:hover td{background:transparent} .site-main .introlab-list .md-analiz-cont-list-c:hover{background:transparent !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t1:hover{color:inherit !important} .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t4:hover{background:#FFFFFF !important;color:#087F89 !important} .il-a .blog-row:hover h3{color:inherit} } .site-main .introlab-list .md-analiz-cont-list-c a.md-tab-col-t4{min-width:100px;justify-content:center;text-align:center} /* Desktop članak: TOC + CTA u desnoj koloni (≥ 1200 px); ispod toga se ne prikazuje */ .il-post-aside{display:none} @media (min-width:1200px){ .single-post .md-inner-content > .container{display:grid;grid-template-columns:minmax(0,760px) 300px;column-gap:56px;align-items:start} .single-post .md-inner-content > .container > .md-inner-content-wrap{grid-column:1;min-width:0} .il-post-aside{display:flex;flex-direction:column;gap:20px;grid-column:2;grid-row:1 / span 20;position:sticky;top:24px} .il-toc{border-left:2px solid #E3ECF2;padding:2px 0 2px 16px} .il-toc-t,.il-post-cta-t{font-family:Sora,sans-serif;font-weight:700;font-size:15px;color:#011A38;margin:0 0 10px !important;padding:0 !important} .il-toc ol{list-style:none;margin:0;padding:0 6px 0 0;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 340px);overflow-y:auto;overscroll-behavior:contain} .il-toc li{margin:0;padding:0} .il-toc li:before{content:none} .il-toc a{display:block;padding:6px 0;font-size:14px;line-height:1.4;color:#41546A;text-decoration:none} .il-toc a.is-active{color:#06707A;font-weight:600} .il-post-cta{background:#F4F8FB;border:1px solid #E3ECF2;border-radius:14px;padding:20px} .il-post-cta p{font-size:14px;line-height:1.5;color:#41546A;margin:0 0 14px;padding:0} .il-post-cta .il-btn{width:100%;justify-content:center} .il-post-cta-tel{display:block;text-align:center;margin-top:12px;font-weight:600;color:#06707A;text-decoration:none} } @media (min-width:1200px) and (hover:hover){.il-toc a:hover{color:#06707A}} /* Kontakt: dugmad iste širine (mobilni: jedno ispod drugog, puna širina; od 480 px u redu) */ .il-location .il-btn-row,.il-btn-row{display:flex;flex-wrap:wrap;gap:10px} .il-btn-row > .il-btn{flex:1 1 200px;justify-content:center} /* G10: galerija – jedna mreža, isti odnos stranica (bez CLS-a i isečene poslednje slike) */ .md-gallery-inner .md-gallery-co.il-gallery-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100% !important;float:none !important;margin:0 !important;padding:0 !important} @media (min-width:768px){.md-gallery-inner .md-gallery-co.il-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}} @media (min-width:1200px){.md-gallery-inner .md-gallery-co.il-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} .md-gallery-inner .il-gallery-grid img.md-gallery-img{width:100% !important;height:auto !important;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin:0 !important;max-width:none !important;float:none !important;position:static !important;display:block} /* Paneli: check ikonice u listi analiza bez izobličenja */ .md-analiza-lista img[src*="check.svg"]{width:18px !important;height:18px !important;flex:0 0 18px;object-fit:contain;align-self:center} .md-gallery.md-gallery-inner{padding:16px 0 64px !important} /* MasterClass (msnew.css): veličine teksta usklađene sa ostatkom sajta */ .page-template-page-msnew p.ms-zasto-contnw{font-size:18px !important;line-height:1.6 !important} .page-template-page-msnew h3.md-md-info-title-new,.page-template-page-msnew .md-kurs-infonw h3{font-size:20px !important;line-height:1.3 !important} @media (max-width:767px){.page-template-page-msnew p.ms-zasto-contnw{font-size:16px !important}.page-template-page-msnew h3.md-md-info-title-new,.page-template-page-msnew .md-kurs-infonw h3{font-size:18px !important}} /* Potpisi slika u tekstu: levo poravnati, tamniji (autor, članci, uvod kategorija) */ .site-main .wp-caption .wp-caption-text,.site-main figure figcaption{text-align:left !important;color:#41546A !important;font-size:14px;line-height:1.5;margin-top:8px} /* Z3: ikonica kalendara unutar polja datuma; ceo input je meta za tap (otvara kalendar na fokus) */ .gform_wrapper .ginput_container_date{position:relative;display:block !important} .gform_wrapper .ginput_container_date input.gform-datepicker{width:100% !important;padding-right:48px !important;cursor:pointer} .gform_wrapper .ginput_container_date .gform-datepicker-toggle{position:absolute !important;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;margin:0 !important;display:flex !important;align-items:center;justify-content:center;background:transparent !important;border:0 !important;color:#06707A} /* ===== Glavni sadržaj postova i strana: razmaci, liste, širina (zamenjuje padding iz inner.css) ===== */ :root{--il-content-w:860px} .site-main .md-inner-content-wrap{--flow:1.1em} /* stari md_theme padding-bottom (p 40px, h 25px, li 20px, figure 40px) → nula; razmak samo preko margine */ .site-main .md-inner-content-wrap :is(p,h1,h2,h3,h4,h5,h6,li,figure,.wp-caption,blockquote):not(:where(.il-gen,.gform_wrapper,.faq-holder,.il-faq,.in-author,.il-gs-form,.il-post-aside,.md-faq-wrap) *){padding-top:0 !important;padding-bottom:0 !important} .site-main .md-inner-content-wrap p{margin:0 0 var(--flow) !important} .site-main .md-inner-content-wrap p:empty,.site-main .md-inner-content-wrap p:has(> br:only-child){display:none !important} .site-main .md-inner-content-wrap h2{margin:1.9em 0 .55em !important} .site-main .md-inner-content-wrap h3{margin:1.6em 0 .45em !important} .site-main .md-inner-content-wrap h4{margin:1.4em 0 .4em !important} .site-main .md-inner-content-wrap :is(h2,h3,h4)+:is(h2,h3,h4){margin-top:.6em !important} .site-main .md-inner-content-wrap :is(h2,h3,h4){scroll-margin-top:24px} /* liste: kompaktan svetloplavi blok, oznake u boji brenda, ugnježdene bez pozadine */ .site-main .md-inner-content-wrap :is(ul,ol):not(:where(.il-gen,.gform_wrapper,.faq-holder,.il-faq,.in-author,.il-gs-form,.il-post-aside,.md-faq-wrap,.il-toc,.il-cat-links,nav) *):not(li *){background:#EEF9FA !important;border-radius:14px !important;padding:16px 22px 16px 42px !important;margin:.2em 0 1.4em !important} .site-main .md-inner-content-wrap :is(ul,ol) li{margin:0 !important;padding:0 !important;line-height:1.6 !important} .site-main .md-inner-content-wrap :is(ul,ol) li+li{margin-top:.5em !important} .site-main .md-inner-content-wrap ul li::marker{color:#06A3AE} .site-main .md-inner-content-wrap ol li::marker{color:#06707A;font-weight:600} .site-main .md-inner-content-wrap li :is(ul,ol){background:none !important;padding:0 0 0 20px !important;margin:.45em 0 0 !important;border-radius:0 !important} .site-main .md-inner-content-wrap li > p{margin:0 !important} .site-main .md-inner-content-wrap p:is(:has(+ ul),:has(+ ol)){margin-bottom:.6em !important} /* slike i potpisi: jednak razmak, bez praznine od starog paddinga */ .site-main .md-inner-content-wrap :is(figure,.wp-caption){margin:1.6em 0 !important;max-width:100% !important} .site-main .md-inner-content-wrap :is(figure,.wp-caption) img{display:block;width:100%;height:auto;margin:0 !important} .site-main .md-inner-content-wrap p:has(> img:only-child),.site-main .md-inner-content-wrap p:has(> a:only-child > img){margin:1.6em 0 !important} .site-main .md-inner-content-wrap img.aligncenter{display:block;margin:1.6em auto !important;height:auto;max-width:100%} .site-main .md-inner-content-wrap :is(.alignleft,.alignright){max-width:45%;height:auto} .site-main .md-inner-content-wrap .alignleft{float:left;margin:.3em 1.4em 1em 0 !important} .site-main .md-inner-content-wrap .alignright{float:right;margin:.3em 0 1em 1.4em !important} .site-main .md-inner-content-wrap::after{content:"";display:table;clear:both} /* citat i linija */ .site-main .md-inner-content-wrap blockquote{margin:1.6em 0 !important;padding:4px 0 4px 18px !important;border-left:3px solid #06A3AE;color:#011A38 !important;font-style:normal} .site-main .md-inner-content-wrap blockquote p:last-child{margin-bottom:0 !important} .site-main .md-inner-content-wrap hr{border:0;border-top:1px solid #E3EAEE;margin:2em 0} .site-main .md-inner-content-wrap > :last-child{margin-bottom:0 !important} @media (max-width:640px){ .site-main .md-inner-content-wrap :is(ul,ol):not(:where(.il-gen,.gform_wrapper,.faq-holder,.il-faq,.in-author,.il-gs-form,.il-post-aside,.md-faq-wrap,.il-toc,.il-cat-links,nav) *):not(li *){padding:14px 16px 14px 34px !important} .site-main .md-inner-content-wrap :is(.alignleft,.alignright){float:none;max-width:100%;margin:1.4em 0 !important} } /* desktop: članak 820 px + kolona 280 px; strane bez kolone do 860 px */ @media (min-width:1200px){ .single-post .md-inner-content > .container{grid-template-columns:minmax(0,820px) 280px !important;column-gap:40px !important;justify-content:space-between} .single-post .md-inner-content-wrap{max-width:820px} } .site-main .md-inner-content-wrap :is(figure,.wp-caption){overflow:visible !important}.site-main .md-inner-content-wrap :is(figure,.wp-caption) img{border-radius:12px} /* Povezani blog tekstovi na analizi */ .il-rel-posts-grid{display:grid;grid-template-columns:1fr;gap:16px} @media (min-width:768px){.il-rel-posts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}} .il-rel-post{position:relative;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E3EAEE;border-radius:14px;overflow:hidden} .il-rel-post-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover} .il-rel-post-body{padding:16px 18px 18px} .il-rel-post-rub{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:#06707A;margin-bottom:6px} .il-rel-post h3{font-size:17px !important;line-height:1.35 !important;margin:0 !important} .il-rel-post h3 a{color:#011A38;text-decoration:none} .il-rel-post h3 a::after{content:"";position:absolute;inset:0} .il-rel-post h3 a:focus-visible{outline:none}.il-rel-post:focus-within{outline:3px solid #00B5D1;outline-offset:2px} @media (hover:hover){.il-rel-post:hover{border-color:#B9DDE2}.il-rel-post:hover h3 a{color:#06707A}} /* GS forma: napomena o obradi podataka iznad dugmeta */ .il-gs-form .gfield.il-gs-consent{margin-top:4px} .site-main .gfield.il-gs-consent .il-gs-consent-txt,.il-gs-form .il-gs-consent-txt{font-size:13.5px !important;line-height:1.5 !important;color:#5B6B7A !important;margin:0 !important;padding:0 !important} .site-main .gfield.il-gs-consent .il-gs-consent-txt a{color:#087F89;text-decoration:underline} .il-gs-form textarea{min-height:120px} /* FAQ odgovori iz starog formata: lista povezanih analiza unutar odgovora */ .il-faq .il-faq-links{list-style:none;margin:10px 0 12px !important;padding:0 !important;display:flex;flex-wrap:wrap;gap:8px;background:none !important} .il-faq .il-faq-links li{margin:0 !important;padding:0 !important} .il-faq .il-faq-links li::before{content:none} .il-faq .il-faq-links a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;background:#EEF9FA;color:#06707A;font-size:14px;font-weight:500;text-decoration:none} @media (hover:hover){.il-faq .il-faq-links a:hover{background:#06707A;color:#fff}}