/*
Theme Name: ZZJZ Šibenik
Theme URI: https://www.zzjz-sibenik.hr/
Author: ZZJZ Šibenik
Description: Prilagođena WordPress tema za Zavod za javno zdravstvo Šibensko-kninske županije.
Version: 3.9.340
Text Domain: zzjz-sibenik
*/

:root{
  --navy:#0b2b55;
  --blue:#0e6fc7;
  --coral:#f2543d;
  --coral-dark:#dc3e2b;
  --ink:#132b4c;
  --muted:#62758d;
  --line:#e3e9f0;
  --soft:#f5f8fb;
  --white:#fff;
  --radius:14px;
  --shadow:0 12px 35px rgba(15,43,78,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{width:auto;height:auto;clip:auto;margin:10px;padding:10px 14px;background:#fff;z-index:1000}
.site-header{background:#fff;position:relative;z-index:50}
.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:14px;min-width:300px}
.brand img{width:54px;height:54px;object-fit:contain}
.brand span{display:flex;flex-direction:column;line-height:1.2}
.brand strong{font-size:20px;letter-spacing:.01em;color:#101820}
.brand small{font-size:14px;margin-top:4px;color:#101820}
.header-info{display:flex;align-items:center;justify-content:flex-end;gap:20px;flex-wrap:wrap;font-size:13px;color:#415a77}
.header-info form.search{display:flex;border:1px solid #d9e1ea;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.03)}
.header-info form.search input{border:0;outline:0;padding:10px 12px;width:210px}
.header-info form.search button{border:0;background:#fff;padding:0 13px;color:var(--navy);font-size:22px;cursor:pointer}
.menu-toggle{display:none;border:0;background:transparent;font-size:27px;color:var(--navy)}
.main-nav{border-top:1px solid #f0f2f5;border-bottom:1px solid #e7edf3;background:#fff}
.nav-inner{display:flex;align-items:stretch;gap:2px}
.nav-inner>a,.dropdown>button{display:flex;align-items:center;min-height:58px;padding:0 15px;border:0;background:transparent;color:#102b51;font-weight:700;font-size:14px;cursor:pointer}
.nav-inner>a:hover,.dropdown>button:hover,.nav-inner>a.active{color:var(--coral)}
.nav-inner>a.active{box-shadow:inset 0 -3px var(--coral)}
.dropdown{position:relative}
.dropdown>button span{margin-left:5px}
.dropdown-menu{position:absolute;left:0;top:calc(100% - 1px);width:310px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:8px;border-radius:0 0 10px 10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}
.dropdown-menu a{display:block;padding:10px 12px;border-radius:7px;font-size:13px}
.dropdown-menu a:hover{background:#f7f9fc;color:var(--coral)}
.hero{background:linear-gradient(110deg,#f7fbff 0%,#e7f3fc 53%,#d7ecf8 100%);overflow:hidden}
.hero-grid{min-height:430px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}
.hero-copy{padding:58px 0}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--muted);margin:0 0 10px}
.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.04;margin:0;color:var(--navy);letter-spacing:-.035em}
.hero h1:after,.section-head h2:after,.community h2:after{content:"";display:block;width:55px;height:4px;background:var(--coral);margin-top:17px;border-radius:10px}
.hero-copy>p:not(.eyebrow){font-size:17px;max-width:650px;margin:22px 0;color:#294667}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:7px;font-weight:800;font-size:14px}
.btn.primary{background:var(--coral);color:#fff;box-shadow:0 8px 18px rgba(242,84,61,.2)}
.btn.primary:hover{background:var(--coral-dark)}
.btn.ghost{border:1px solid #cdd9e5;background:#fff;color:var(--navy)}
.hero-visual{height:100%;display:grid;place-items:center;position:relative}
.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.52)}
.hero-visual:before{width:370px;height:370px;right:20px}
.hero-visual:after{width:230px;height:230px;right:90px;border:35px solid rgba(14,111,199,.08);background:transparent}
.hero-card{position:relative;z-index:2;width:320px;min-height:220px;padding:35px;border-radius:26px;background:rgba(255,255,255,.82);backdrop-filter:blur(8px);box-shadow:0 24px 70px rgba(11,43,85,.12);display:flex;flex-direction:column;justify-content:center}
.hero-symbol{font-size:62px;color:var(--coral);line-height:1}
.hero-card strong{font-size:24px;color:var(--navy)}
.pillars{background:#fff;border-bottom:1px solid var(--line)}
.pillars-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.pillars-grid>div{padding:24px 20px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;border-right:1px solid var(--line)}
.pillars-grid>div:last-child{border:0}
.pillars span{grid-row:1/3;font-size:29px;color:var(--coral)}
.pillars strong{font-size:14px}
.pillars small{color:var(--muted)}
.section{padding:70px 0}
.services{background:var(--soft)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.section-head h2,.community h2{font-size:34px;line-height:1.15;color:var(--navy);margin:0}
.section-head>a{font-size:14px;font-weight:800;color:var(--coral)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.service-card{min-height:132px;background:#fff;border:1px solid #e7edf3;border-radius:9px;padding:22px;display:grid;grid-template-columns:42px 1fr 12px;gap:12px;align-items:start;transition:.2s}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#ffd1ca}
.service-card>span{font-size:29px;color:var(--coral)}
.service-card h3{font-size:15px;margin:2px 0 6px;color:var(--navy)}
.service-card p{font-size:13px;color:var(--muted);margin:0}
.service-card b{color:var(--coral);font-size:24px;font-weight:400}
.news{background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.news-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(15,43,78,.05)}
.news-image{height:170px;display:flex;align-items:end;padding:18px;background-size:cover;background-position:center}
.news-image span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;background:rgba(11,43,85,.86);padding:6px 9px;border-radius:4px}
.image-a{background:linear-gradient(135deg,#dcecf8,#4e9bd1)}
.image-b{background:linear-gradient(135deg,#d7e9dd,#5a966d)}
.image-c{background:linear-gradient(135deg,#ffe0d8,#ef6c55)}
.news-body{padding:22px}
.news-body time{font-size:12px;color:var(--muted)}
.news-body h3{font-size:20px;line-height:1.25;color:var(--navy);margin:7px 0 10px}
.news-body p{font-size:14px;color:var(--muted);margin:0 0 16px}
.news-body a{font-weight:800;font-size:13px;color:var(--coral)}
.community{background:linear-gradient(90deg,#eef6fb,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.community-grid{display:grid;grid-template-columns:.75fr 1.25fr;min-height:330px;align-items:center;gap:55px}
.community-art{height:100%;min-height:330px;display:grid;place-items:center;background:linear-gradient(135deg,#173c66,#0e6fc7);clip-path:polygon(0 0,90% 0,100% 100%,0 100%)}
.community-art span{font-size:120px;color:rgba(255,255,255,.9)}
.community p:not(.eyebrow){max-width:650px;color:var(--muted);margin-bottom:24px}
.quick-links{background:#fff}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.quick-grid>a{padding:26px 20px;display:flex;gap:14px;align-items:center;border-right:1px solid var(--line)}
.quick-grid>a:last-child{border:0}
.quick-grid span{font-size:28px;color:var(--coral)}
.quick-grid div{display:flex;flex-direction:column}
.quick-grid strong{font-size:14px}
.quick-grid small{color:var(--muted)}
.site-footer{background:#f3f6f9;border-top:1px solid var(--line);padding-top:42px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1.1fr .8fr 1.1fr;gap:35px}
.footer-grid>div{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#52677f}
.footer-grid>div>strong{color:var(--navy);margin-bottom:5px}
.footer-brand{min-width:0}
.footer-brand img{width:45px;height:45px}
.footer-brand strong{font-size:13px}
.footer-brand small{font-size:11px}
.footer-grid a:hover{color:var(--coral)}
.copyright{border-top:1px solid #dce4ec;margin-top:36px;padding:20px 0 28px;font-size:12px;color:#718197}

@media (max-width:1000px){
  .header-info>span{display:none}
  .menu-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .nav-inner{display:block;padding:8px 0}
  .nav-inner>a,.dropdown>button{width:100%;min-height:45px;padding:0 10px}
  .dropdown{width:100%}
  .dropdown-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 5px 18px}
  .dropdown.open .dropdown-menu{display:block}
  .hero-grid{grid-template-columns:1fr .65fr}
  .pillars-grid{grid-template-columns:repeat(3,1fr)}
  .pillars-grid>div{border-bottom:1px solid var(--line)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .container{width:min(100% - 28px,1180px)}
  .topbar{min-height:82px}
  .brand{min-width:0}
  .brand img{width:44px;height:44px}
  .brand strong{font-size:13px}
  .brand small{font-size:10px}
  .header-info{display:none}
  .hero-grid{display:block}
  .hero-copy{padding:52px 0}
  .hero h1{font-size:43px}
  .hero-visual{display:none}
  .pillars-grid{grid-template-columns:1fr}
  .pillars-grid>div{border-right:0}
  .section{padding:52px 0}
  .section-head{align-items:start}
  .section-head h2,.community h2{font-size:28px}
  .service-grid,.news-grid{grid-template-columns:1fr}
  .community-grid{grid-template-columns:1fr;gap:0;padding-bottom:40px}
  .community-art{min-height:190px;clip-path:none;margin:0 -14px 35px}
  .quick-grid{grid-template-columns:1fr 1fr}
  .quick-grid>a{border-bottom:1px solid var(--line)}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:460px){
  .quick-grid{grid-template-columns:1fr}
  .quick-grid>a{border-right:0}
  .hero-actions .btn{width:100%}
}

/* WordPress integration */
.custom-logo-link{display:flex;line-height:0}
.custom-logo{width:54px!important;height:54px!important;object-fit:contain}
.nav-inner>ul{display:flex;align-items:stretch;gap:2px;list-style:none;margin:0;padding:0}
.nav-inner .menu-item{position:relative;list-style:none}
.nav-inner .menu-item>a{display:flex;align-items:center;min-height:58px;padding:0 15px;color:#102b51;font-weight:700;font-size:14px}
.nav-inner .menu-item>a:hover,.nav-inner .current-menu-item>a{color:var(--coral)}
.nav-inner .sub-menu{position:absolute;left:0;top:100%;width:310px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:8px;margin:0;border-radius:0 0 10px 10px;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:80}
.nav-inner .menu-item:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav-inner .sub-menu a{display:block;min-height:auto;padding:10px 12px;border-radius:7px;font-size:13px}
.news-thumb{display:block;height:170px;overflow:hidden}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.content-page{max-width:900px}
.content-page h1{font-size:clamp(34px,5vw,54px);line-height:1.08;color:var(--navy)}
.content-page img{max-width:100%;height:auto}
@media(max-width:1000px){
 .nav-inner>ul{display:block;padding:8px 0}
 .nav-inner .menu-item>a{min-height:45px;padding:0 10px}
 .nav-inner .sub-menu{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding-left:18px}
 .nav-inner .menu-item.open>.sub-menu{display:block}
}

/* V2: uklonjen red Prevencija / Edukacija / Zaštita zdravlja / Ispitivanja i analize / Zdravlje u zajednici */
.pillars{display:none!important}


/* V3 — prioritet sadržaja: usluge → aktualno → obavijesti → predstavljanje Zavoda */
.services-top{padding-top:34px;background:#fff}
.services-top .service-grid{grid-template-columns:repeat(3,1fr)}
.services-top .service-card{min-height:112px}
.news-grid{grid-template-columns:repeat(4,1fr);gap:18px}
.news-card .news-body{padding:17px}
.news-card .news-body h3{font-size:17px}
.news-thumb,.news-image{height:135px}

.notices{background:#f7faff;padding-top:34px;padding-bottom:40px}
.notice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.notice-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px 16px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--navy);box-shadow:0 5px 18px rgba(15,43,78,.04)}
.notice-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,43,78,.08)}
.notice-icon{font-size:24px;color:var(--coral)}
.notice-card time,.notice-card small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}
.notice-card strong{display:block;font-size:14px;line-height:1.3}
.notice-card b{font-size:25px;color:var(--coral)}

.hero-lower{margin-top:0}
.hero-lower .hero-grid{min-height:390px;grid-template-columns:.92fr 1.08fr}
.hero-lower .hero-copy{padding:48px 30px 48px 0}
.hero-lower h1{font-size:clamp(38px,4.2vw,58px)}
.hero-photo{display:block;min-height:390px;background-image:linear-gradient(90deg,rgba(231,243,252,.35),rgba(231,243,252,0) 28%),url("assets/images/sibenik-hero.png");background-size:cover;background-position:center right}

@media (max-width:1050px){
  .services-top .service-grid{grid-template-columns:repeat(2,1fr)}
  .news-grid{grid-template-columns:repeat(2,1fr)}
  .notice-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .services-top .service-grid,.news-grid,.notice-grid{grid-template-columns:1fr}
  .hero-lower .hero-grid{display:block}
  .hero-lower .hero-copy{padding:42px 0}
  .hero-lower .hero-photo{display:block;min-height:250px;margin:0 -20px;background-position:68% center}
}

/* V3.1 — aktivna WordPress stavka navigacije */
.main-nav .current-menu-item > a,
.main-nav .current-menu-ancestor > a,
.main-nav .current_page_item > a,
.main-nav .current_page_ancestor > a {
  color: var(--coral);
  border-bottom-color: var(--coral);
}
body:not(.home) .main-nav .menu-item-home:not(.current-menu-item) > a {
  border-bottom-color: transparent;
}


/* V3.2 — Aktualno slider */
.aktualno-slider-section{padding-top:30px;padding-bottom:34px;background:#f7faff}
.aktualno-slider{position:relative}
.aktualno-track{position:relative;height:390px;border-radius:12px;overflow:visible}
.aktualno-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease;overflow:hidden;border-radius:12px;background-size:cover;background-position:center;box-shadow:0 12px 32px rgba(11,43,85,.13)}
.aktualno-slide.is-active{opacity:1;visibility:visible;z-index:2}
.aktualno-fallback{background:linear-gradient(135deg,#0b2b55,#0e6fc7)}
.aktualno-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,35,70,.93) 0%,rgba(5,35,70,.74) 37%,rgba(5,35,70,.18) 72%,rgba(5,35,70,.08) 100%)}
.aktualno-content{position:relative;z-index:2;max-width:610px;padding:58px 70px;color:#fff}
.aktualno-content time{display:block;margin-bottom:10px;font-size:15px;opacity:.9}
.aktualno-content h3{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0 0 14px;color:#fff}
.aktualno-content p{font-size:17px;line-height:1.55;margin:0 0 22px;color:#fff;opacity:.94}
.aktualno-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:34px;line-height:1;cursor:pointer;box-shadow:0 7px 22px rgba(11,43,85,.18)}
.aktualno-prev{left:-23px}
.aktualno-next{right:-23px}
.aktualno-arrow:hover{color:var(--coral)}
.aktualno-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px}
.aktualno-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.65);cursor:pointer}
.aktualno-dot.is-active{width:24px;border-radius:8px;background:var(--coral)}
@media (max-width:720px){
  .aktualno-track{height:430px}
  .aktualno-content{padding:48px 32px}
  .aktualno-content p{font-size:15px}
  .aktualno-overlay{background:rgba(5,35,70,.76)}
  .aktualno-prev{left:-8px}
  .aktualno-next{right:-8px}
}

/* V3.3 — padajući izbornici preuzeti sa strukture službene stranice */
.main-nav .menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.main-nav .menu > li{position:relative}
.main-nav .menu > li > a{display:block;padding:18px 17px;white-space:nowrap}
.main-nav .menu-item-has-children > a::after{content:"⌄";font-size:12px;margin-left:7px}
.main-nav .sub-menu{position:absolute;z-index:1000;top:calc(100% - 1px);left:0;min-width:290px;max-width:390px;margin:0;padding:9px 0;list-style:none;background:#fff;border:1px solid #e1e8f0;border-radius:0 0 10px 10px;box-shadow:0 14px 32px rgba(11,43,85,.13);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease}
.main-nav li:hover > .sub-menu,.main-nav li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.main-nav .sub-menu li{position:relative}
.main-nav .sub-menu a{display:block;padding:10px 16px;color:var(--navy);font-size:14px;line-height:1.3;border-left:3px solid transparent}
.main-nav .sub-menu a:hover,.main-nav .sub-menu .current-menu-item > a{background:#f4f8fc;color:var(--coral);border-left-color:var(--coral)}
.main-nav .sub-menu .sub-menu{top:0;left:100%;border-radius:10px}
@media(max-width:1100px){
 .main-nav .menu > li > a{padding-left:10px;padding-right:10px;font-size:13px}
}
@media(max-width:820px){
 .main-nav .menu{display:block}
 .main-nav .sub-menu{position:static;display:none;min-width:0;max-width:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;padding-left:12px}
 .main-nav li:focus-within > .sub-menu,.main-nav li:hover > .sub-menu{display:block}
}

/* Fotografija Šibenika bez starog dekorativnog bijelog kruga */
.hero-photo::before,.hero-photo::after{content:none!important;display:none!important}

/* V3.3 — unutarnje stranice */
.page-hero{background:linear-gradient(135deg,#eef7fd,#dceefa);padding:48px 0 42px;border-bottom:1px solid var(--line)}
.page-hero h1{max-width:950px;margin:8px 0 0;font-size:clamp(36px,4vw,58px);line-height:1.06;color:var(--navy)}
.breadcrumbs{display:flex;gap:9px;align-items:center;margin-bottom:22px;font-size:13px;color:var(--muted)}
.breadcrumbs a{color:var(--blue)}
.page-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:58px;align-items:start}
.page-content{font-size:17px;line-height:1.75;color:#314b68}
.page-content .lead{font-size:21px;line-height:1.55;color:var(--navy);margin-top:0}
.page-content h2{font-size:28px;color:var(--navy);margin:36px 0 12px}
.page-content h3{color:var(--navy)}
.page-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.page-featured img{width:100%;height:auto;border-radius:12px;margin-bottom:28px}
.page-sidebar{position:sticky;top:30px}
.contact-box,.side-links{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 26px rgba(11,43,85,.06)}
.contact-box{margin-bottom:18px}
.contact-box h3{font-size:23px;margin:7px 0 12px;color:var(--navy)}
.side-links h3{margin:0 0 12px;color:var(--navy)}
.side-links a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--navy)}
.side-links a:last-child{border-bottom:0}
.info-panel{margin:28px 0;padding:22px 24px;background:#f3f8fc;border-left:4px solid var(--coral);border-radius:8px}
.info-panel h3{margin-top:0}
.content-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
.content-link-grid a{display:flex;flex-direction:column;gap:4px;padding:20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#fff;box-shadow:0 5px 18px rgba(11,43,85,.05)}
.content-link-grid a:hover{border-color:var(--coral);transform:translateY(-2px)}
.content-link-grid strong{color:var(--navy)}
.content-link-grid span{font-size:14px;color:var(--muted)}
@media(max-width:850px){.page-layout-grid{grid-template-columns:1fr}.page-sidebar{position:static}.content-link-grid{grid-template-columns:1fr}}

/* V3.4 — pravi padajući glavni izbornik */
.main-nav{overflow:visible}
.main-nav .menu{overflow:visible}
.main-nav .menu > li{position:relative}
.main-nav .menu > li.menu-item-has-children > a{padding-right:28px}
.main-nav .menu > li.menu-item-has-children > a::after{
  content:""; position:absolute; right:12px; top:50%;
  width:6px; height:6px; border-right:2px solid currentColor;
  border-bottom:2px solid currentColor; transform:translateY(-65%) rotate(45deg);
}
.main-nav .sub-menu{
  display:block; position:absolute; top:100%; left:0; z-index:9999;
  width:max-content; min-width:280px; max-width:390px;
  padding:8px 0; margin:0; list-style:none;
  background:#fff; border:1px solid #e1e8f0; border-top:3px solid var(--coral);
  border-radius:0 0 10px 10px; box-shadow:0 16px 35px rgba(11,43,85,.16);
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.main-nav li:hover > .sub-menu,
.main-nav li:focus-within > .sub-menu,
.main-nav li.dropdown-open > .sub-menu{
  opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
}
.main-nav .sub-menu li{position:relative}
.main-nav .sub-menu a{
  display:block; padding:11px 17px; white-space:normal;
  font-size:14px; line-height:1.35; color:var(--navy);
  border-left:3px solid transparent;
}
.main-nav .sub-menu a:hover,
.main-nav .sub-menu a:focus{
  background:#f3f8fc; color:var(--coral); border-left-color:var(--coral);
}
.main-nav .sub-menu .sub-menu{top:-3px;left:100%;border-radius:8px}
.dropdown-toggle{display:none}

@media(max-width:820px){
  .main-nav .menu > li{position:relative}
  .main-nav .menu > li.menu-item-has-children > a{padding-right:52px}
  .main-nav .menu > li.menu-item-has-children > a::after{display:none}
  .dropdown-toggle{
    display:block; position:absolute; z-index:3; right:5px; top:5px;
    width:42px; height:42px; border:0; background:transparent;
    color:var(--navy); font-size:22px; cursor:pointer;
  }
  .main-nav .sub-menu{
    display:none; position:static; width:auto; min-width:0; max-width:none;
    opacity:1; visibility:visible; pointer-events:auto; transform:none;
    border:0; border-left:3px solid #e5edf5; border-radius:0;
    box-shadow:none; margin:0 12px 5px; padding:2px 0;
  }
  .main-nav li.dropdown-open > .sub-menu{display:block}
  .main-nav .sub-menu .sub-menu{position:static}
}


/* V3.4.3 — blaža, svijetlo plavo-siva podloga cijele stranice */
html, body {
  background: #F4F7FA;
}
main, .inner-page {
  background: #F4F7FA;
}

/* Glavne sadržajne sekcije više nisu čisto bijele */
.section,
.services,
.services-top,
.news,
.aktualno-slider-section,
.notices,
.quick-links {
  background-color: #F4F7FA;
}

/* Blago odvojene sekcije */
.page-hero,
.hero,
.hero-lower,
.community {
  background-color: #EAF3F9;
}

/* Kartice ostaju bijele radi čitljivosti i dubine */
.service-card,
.news-card,
.notice-card,
.contact-box,
.side-links,
.content-link-grid a {
  background: #FFFFFF;
}

/* Header i navigacija ostaju čisti, ali malo mekši od čiste bijele */
.site-header,
.main-nav,
.header-main {
  background-color: #FAFCFD;
}

/* V3.4.4 — ogledna stranica Odjela epidemiologije */
.page-intro{max-width:780px;font-size:19px;line-height:1.55;color:#46627e;margin:18px 0 0}
.department-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:54px;align-items:start}
.department-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 42px}
.department-card,.location-card,.hours-box,.emergency-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 7px 22px rgba(11,43,85,.05)}
.department-card>span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:#eaf3f9;color:var(--blue);font-weight:700;font-size:12px}
.department-card h3{font-size:18px;margin:15px 0 8px}
.department-card p{font-size:14px;line-height:1.55;margin:0}
.location-card{margin-bottom:14px}
.location-card h3{font-size:24px;margin:3px 0 13px}
.contact-lines{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 24px}
.contact-lines p{margin:0}.contact-lines strong{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7890a8}
.two-location-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.department-sidebar{position:sticky;top:24px}
.hours-box,.emergency-box{margin-bottom:16px}
.hours-box h3{margin:5px 0}.hours{display:block;font-size:28px;color:var(--navy);margin:6px 0 18px}
.hours-box hr{border:0;border-top:1px solid var(--line);margin:18px 0}
.emergency-box{border-left:4px solid var(--coral)}
.emergency-box a{font-size:20px;font-weight:700;color:var(--navy)}
@media(max-width:980px){.department-grid{grid-template-columns:1fr}.department-sidebar{position:static}.department-cards{grid-template-columns:1fr}.contact-lines,.two-location-grid{grid-template-columns:1fr}}

/* V3.5 — zajednički izgled svih odjela */
.department-content ul{padding-left:20px;margin:14px 0 26px}
.department-content li{margin:8px 0}
.department-content .info-panel{background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);box-shadow:0 6px 20px rgba(11,43,85,.05)}

/* V3.6 — usluge */
.service-content h2{margin-top:34px}.service-content .lead{font-size:18px;line-height:1.7;color:#405d78}.service-content .info-panel{margin-top:28px;padding:22px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:10px}

/* V3.7 resource links */
.resource-links{list-style:none!important;padding:0!important}.resource-links li{margin:9px 0!important}.resource-links a{display:block;background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 15px;font-weight:650}.resource-links a:hover{border-color:var(--blue)}

/* V3.8 — puni sadržaj usluga i tablice metoda */
.service-content{min-width:0}
.service-content p{line-height:1.75}
.service-content ul{padding-left:1.35rem}
.source-resource a{display:block;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:650}
.source-resource a[href="#"]{cursor:default}
.method-jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 30px}
.method-jumps a{display:block;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;font-weight:650}
.method-section{scroll-margin-top:120px;margin:38px 0}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;background:#fff}
.methods-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}
.methods-table th,.methods-table td{padding:11px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.methods-table th{background:#eaf3f9;color:#0b2b55;font-size:13px;letter-spacing:.02em}
.methods-table th:first-child,.methods-table td:first-child{width:58px;text-align:right}
.methods-table th:nth-child(2),.methods-table td:nth-child(2){width:38%}
.methods-table tbody tr:last-child td{border-bottom:0}
.methods-note{margin-top:28px;padding:18px 20px;background:#fff;border-left:4px solid var(--coral);border-radius:9px}
@media(max-width:700px){.method-jumps{grid-template-columns:1fr}.methods-table{min-width:680px}}

/* V3.9 — centrirani header + akreditacija i EU projekti */
.main-nav .nav-centered{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}
.primary-menu-wrap{
  display:flex;
  justify-content:center;
}
.primary-menu-wrap > ul,
.primary-menu-wrap .menu{
  justify-content:center;
}
.header-special-links{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.header-special-link{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:6px 9px;
  border:1px solid rgba(11,43,85,.16);
  border-radius:8px;
  background:#fff;
  color:#0b2b55;
  font-size:11px;
  font-weight:700;
  line-height:1.05;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.header-special-link:hover,
.header-special-link:focus{
  transform:translateY(-1px);
  border-color:#0e6fc7;
  box-shadow:0 5px 14px rgba(11,43,85,.10);
}
.header-special-link .special-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  height:25px;
  padding:0 5px;
  border-radius:6px;
  background:#eaf3f9;
  color:#0e6fc7;
  font-size:10px;
  letter-spacing:.04em;
}
.accreditation-link .special-kicker{
  background:#fff1ee;
  color:#f2543d;
}
@media(max-width:1180px){
  .main-nav .nav-centered{gap:9px}
  .header-special-link{padding:6px}
  .header-special-link > span:last-child{display:none}
}
@media(max-width:820px){
  .main-nav .nav-centered{
    display:block;
  }
  .primary-menu-wrap{display:block}
  .header-special-links{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:12px 0 4px;
  }
  .header-special-link{
    justify-content:center;
    min-height:44px;
  }
  .header-special-link > span:last-child{display:inline}
}
@media(max-width:480px){
  .header-special-links{grid-template-columns:1fr}
}

/* V3.9.1 — grafičke EU oznake + Nacionalni programi */
.header-special-links{
  display:flex;
  align-items:center;
  gap:8px;
}
.header-eu-graphic{
  display:flex;
  align-items:center;
  justify-content:center;
  width:104px;
  height:42px;
  padding:3px 5px;
  overflow:hidden;
  border:1px solid rgba(11,43,85,.14);
  border-radius:7px;
  background:#fff;
}
.header-eu-graphic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.accreditation-link{
  height:42px;
  min-height:42px;
}
.accreditation-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#0e6fc7;
  color:#fff;
  font-size:15px;
  font-weight:800;
}
.national-programs{
  background:#f4f7fa;
}
.national-program-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.national-program-card{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:150px;
  padding:24px;
  border:1px solid rgba(11,43,85,.10);
  border-radius:16px;
  background:#fff;
  color:#0b2b55;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(11,43,85,.05);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.national-program-card:hover,
.national-program-card:focus{
  transform:translateY(-3px);
  border-color:rgba(14,111,199,.34);
  box-shadow:0 12px 30px rgba(11,43,85,.09);
}
.program-symbol{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eaf3f9;
  color:#0e6fc7;
  font-size:14px;
  font-weight:800;
}
.program-copy{display:flex;flex-direction:column;gap:5px}
.program-copy small{
  color:#6c7a89;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.program-copy strong{
  font-size:18px;
  line-height:1.25;
}
.program-copy > span:last-child{
  margin-top:6px;
  color:#0e6fc7;
  font-size:13px;
  font-weight:700;
}
@media(max-width:1180px){
  .header-eu-graphic{width:82px;height:38px}
  .accreditation-link{height:38px;min-height:38px}
}
@media(max-width:900px){
  .national-program-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .header-special-links{grid-template-columns:1fr 1fr 1fr}
  .header-eu-graphic{width:100%;height:58px}
  .accreditation-link{height:58px}
}
@media(max-width:480px){
  .header-special-links{grid-template-columns:1fr}
  .header-eu-graphic{height:64px}
}

/* V3.9.4 — kompaktne ikone: akreditacija + 2 EU projekta */
.header-icon-links{
  display:flex !important;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.header-icon-link{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:3px;
  border:1px solid rgba(11,43,85,.13);
  border-radius:8px;
  background:#fff;
  text-decoration:none;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.header-icon-link img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.header-icon-link:hover,
.header-icon-link:focus{
  transform:translateY(-2px);
  border-color:#0e6fc7;
  box-shadow:0 5px 14px rgba(11,43,85,.12);
}
@media(max-width:1180px){
  .header-icon-link{width:34px;height:34px;padding:2px}
}
@media(max-width:820px){
  .header-icon-links{
    display:flex !important;
    justify-content:center;
    padding:10px 0 4px;
  }
  .header-icon-link{width:42px;height:42px}
}

/* V3.9.5 — glavni meni centriran, ikone fiksno skroz desno */
@media(min-width:821px){
  .main-nav .nav-centered{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
  }
  .primary-menu-wrap{
    margin-left:auto;
    margin-right:auto;
  }
  .header-icon-links{
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    margin:0;
  }
  .header-icon-link:hover,
  .header-icon-link:focus{
    transform:translateY(-2px);
  }
}

/* V3.9.6 — fotografske kartice najtraženijih usluga */
.services-head-clean{align-items:center}
.services-head-clean .eyebrow{margin:0}
.service-photo-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:18px;
}
.service-photo-card{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:150px auto;
  gap:0;
  padding:0;
  overflow:hidden;
  border-radius:16px;
  background:#fff;
}
.service-photo-card:nth-child(4){grid-column:2 / span 2}
.service-photo-card:nth-child(5){grid-column:4 / span 2}
.service-photo-card > img{
  grid-column:1 / -1;
  width:100%;
  height:150px;
  object-fit:cover;
}
.service-photo-copy{
  padding:18px 10px 18px 20px;
}
.service-photo-copy h3{margin:0 0 5px}
.service-photo-copy p{margin:0}
.service-photo-card > b{
  align-self:center;
  margin-right:18px;
  font-size:28px;
  color:#0e6fc7;
}
@media(max-width:980px){
  .service-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-photo-card,
  .service-photo-card:nth-child(4),
  .service-photo-card:nth-child(5){grid-column:auto}
  .service-photo-card:last-child{grid-column:1 / -1}
}
@media(max-width:620px){
  .service-photo-grid{grid-template-columns:1fr}
  .service-photo-card,
  .service-photo-card:last-child{grid-column:auto}
}

/* V3.9.8 */
.service-square-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:1180px;margin:0 auto}
.service-square-card,.service-square-card:nth-child(4),.service-square-card:nth-child(5),.service-square-card:last-child{grid-column:auto!important;display:grid!important;grid-template-columns:112px minmax(0,1fr) 34px!important;grid-template-rows:112px!important;min-height:112px!important;padding:0!important;overflow:hidden;border-radius:14px}
.service-square-card>img{grid-column:1!important;grid-row:1!important;width:112px!important;height:112px!important;aspect-ratio:1/1;object-fit:cover!important}
.service-square-card .service-photo-copy{grid-column:2!important;grid-row:1!important;align-self:center;padding:12px 8px 12px 16px!important}
.service-square-card .service-photo-copy h3{margin:0 0 5px;font-size:16px;line-height:1.18}
.service-square-card .service-photo-copy p{margin:0;font-size:13px;line-height:1.35}
.service-square-card>b{grid-column:3!important;grid-row:1!important;align-self:center;justify-self:center;margin:0!important;font-size:24px}
@media(max-width:980px){.service-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.service-square-grid{grid-template-columns:1fr!important}}

/* V3.9.9 — pet usluga: 3 gore + 2 centrirane */
@media(min-width:981px){
.service-square-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.service-square-card{grid-column:span 2!important}
.service-square-card:nth-child(4){grid-column:2/span 2!important}
.service-square-card:nth-child(5){grid-column:4/span 2!important}
}

/* V3.9.10 — ispravak: HACCP ostaje; uklonjena Zdravstvena ekologija */
@media(min-width:981px){
.service-square-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:900px!important}
.service-square-card,.service-square-card:nth-child(4),.service-square-card:nth-child(5){grid-column:auto!important}
}

/* V3.9.11 — six services, exact 3x2 order */
@media(min-width:981px){
.service-square-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px!important}
.service-square-card,.service-square-card:nth-child(4),.service-square-card:nth-child(5),.service-square-card:nth-child(6){grid-column:auto!important}
}

/* V3.9.12 */
.services-title{margin:0;font-size:32px;line-height:1.1;color:#0b2b55}
.department-link{margin:10px 0!important}
.department-link a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid rgba(11,43,85,.12);border-radius:12px;background:#fff;text-decoration:none;color:#0b2b55}
.department-link a:hover{border-color:#0e6fc7;box-shadow:0 5px 16px rgba(11,43,85,.08)}
.department-link span{color:#0e6fc7;font-size:22px}
.page-content h2{margin-top:30px}
.page-content h3{margin-top:24px}
.page-content p{line-height:1.72}

/* V3.9.14 */
.content-notice{margin:22px 0;padding:16px 18px;border-left:4px solid #f2543d;background:#fff4f1;border-radius:8px;line-height:1.55}
.document-placeholder{padding:12px 15px;background:#f5f8fb;border-radius:8px}

/* V3.9.15 — urednija tipografija Školske medicine */
body.page-slug-skolska-medicina .page-content h2,
body.page-slug-skolska-medicina .page-content h3{
  color:#0b2b55;
  letter-spacing:-.015em;
}
body.page-slug-skolska-medicina .page-content h2{
  margin:34px 0 14px;
  padding-bottom:9px;
  border-bottom:2px solid rgba(14,111,199,.18);
  font-size:24px;
  line-height:1.25;
}
body.page-slug-skolska-medicina .page-content h3{
  margin:27px 0 10px;
  padding-left:12px;
  border-left:4px solid #0e6fc7;
  font-size:19px;
  line-height:1.3;
}
body.page-slug-skolska-medicina .page-content h2 + p,
body.page-slug-skolska-medicina .page-content h3 + p{margin-top:0}

/* V3.9.16 — manji podnaslovi u Školskoj medicini */
body.page-slug-skolska-medicina .page-content h3{
  font-size:16px !important;
  margin:18px 0 8px !important;
  padding-left:10px !important;
  border-left-width:3px !important;
}

/* V3.9.17 — stvarni elementi na stranici Školske medicine */
body.page-slug-skolska-medicina .page-content .school-shift{
  margin:5px 0 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:600 !important;
  letter-spacing:.01em !important;
  color:#3f5368 !important;
}
body.page-slug-skolska-medicina .page-content .school-list{
  font-size:14px !important;
  line-height:1.65 !important;
  color:#44566a !important;
}
body.page-slug-skolska-medicina .page-content .school-secondary-list{
  font-size:13.5px !important;
}
body.page-slug-skolska-medicina .page-content h2{
  font-size:20px !important;
  margin:25px 0 10px !important;
}

/* V3.9.18 — Školska medicina */
body.page-slug-skolska-medicina .page-content{
  max-width:1040px;
}
body.page-slug-skolska-medicina .school-team-card{
  margin:0 0 28px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(11,43,85,.11);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(11,43,85,.055);
}
body.page-slug-skolska-medicina .school-team-card>h2{
  margin:0 !important;
  padding:18px 22px !important;
  border:0 !important;
  background:#f2f7fb;
  color:#0b2b55 !important;
  font-size:21px !important;
  line-height:1.25 !important;
}
body.page-slug-skolska-medicina .school-team-body{
  padding:20px 22px 23px;
}
body.page-slug-skolska-medicina .school-team-body h2{
  margin:23px 0 9px !important;
  padding:0 0 7px !important;
  border-bottom:1px solid rgba(14,111,199,.16) !important;
  font-size:16px !important;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
  color:#0b2b55 !important;
}
body.page-slug-skolska-medicina .school-team-body .school-shift{
  display:inline-block;
  margin:3px 7px 5px 0 !important;
  padding:6px 9px;
  border-radius:7px;
  background:#f5f8fb;
  font-size:13px !important;
  font-weight:600 !important;
  color:#40546a !important;
}
body.page-slug-skolska-medicina .school-contact-line{
  margin:4px 0 !important;
  font-size:14px;
  line-height:1.5;
}
body.page-slug-skolska-medicina .school-list{
  margin:0 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
  color:#506174 !important;
}
body.page-slug-skolska-medicina .school-team-body p{
  max-width:900px;
}
body.page-slug-skolska-medicina .school-team-body a{
  font-weight:600;
}
@media(max-width:700px){
  body.page-slug-skolska-medicina .school-team-card>h2{padding:15px 16px !important;font-size:18px !important}
  body.page-slug-skolska-medicina .school-team-body{padding:16px}
}

/* V3.9.19 — manji nazivi škola, uključujući ambulantu Knin */
body.page-slug-skolska-medicina .school-team-body .school-list,
body.page-slug-skolska-medicina .school-team-body .school-secondary-list{
  font-size:12.5px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
}
body.page-slug-skolska-medicina .school-team-body h2{
  font-size:14px !important;
}

/* V3.9.20 — stvarni nazivi osnovnih/srednjih škola */
body.page-slug-skolska-medicina .page-content .school-names-compact,
body.page-slug-skolska-medicina .page-content .school-names-compact p,
body.page-slug-skolska-medicina .page-content .school-names-compact li,
body.page-slug-skolska-medicina .page-content .school-name-row{
  font-size:12px !important;
  line-height:1.48 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}
body.page-slug-skolska-medicina .page-content .school-names-compact p{
  margin:3px 0 !important;
}

/* V3.9.21 — prema stvarnom prikazu sa screenshota */
body.page-slug-skolska-medicina .page-content .school-name-small{
  margin:8px 0 15px !important;
  padding:7px 0 9px !important;
  border-bottom:1px solid rgba(14,111,199,.15) !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  color:#334b63 !important;
  text-transform:none !important;
}

/* V3.9.23 — stabilan popravak: bez mijenjanja HTML strukture */
body.page-slug-skolska-medicina .page-content h2 + p,
body.page-slug-skolska-medicina .page-content h3 + p{
  /* ostaje postojeći stil; specifične škole uređuje V3.9.21 */
}

/* Tekst koji slijedi odmah iza naslova STUDENTI.
   :has() se koristi samo za stil, bez premještanja sadržaja/kartica. */
body.page-slug-skolska-medicina .page-content h2:has(+ p) + p,
body.page-slug-skolska-medicina .page-content h3:has(+ p) + p{
  line-height:1.45;
}

/* Fallback: tekstualni redovi u karticama ostaju kompaktni. */
body.page-slug-skolska-medicina .school-team-card{
  overflow:hidden !important;
}

/* V3.9.24 — kartica Obavijesti i obrasci */
body.page-slug-skolska-medicina .school-notices-card{
  margin:30px 0 8px;
  overflow:hidden;
  border:1px solid rgba(11,43,85,.11);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 28px rgba(11,43,85,.055);
}
body.page-slug-skolska-medicina .school-notices-card>h2{
  margin:0 !important;
  padding:17px 22px !important;
  border:0 !important;
  background:#f2f7fb;
  color:#0b2b55 !important;
  font-size:20px !important;
}
body.page-slug-skolska-medicina .school-notices-body{
  padding:10px 22px 13px;
}
body.page-slug-skolska-medicina .school-notices-body p{
  margin:0 !important;
  padding:13px 0 !important;
  border-bottom:1px solid rgba(14,111,199,.13);
  font-size:16px !important;
  line-height:1.45 !important;
}
body.page-slug-skolska-medicina .school-notices-body p:last-child{
  border-bottom:0;
}
@media(max-width:700px){
 body.page-slug-skolska-medicina .school-notices-card>h2{padding:15px 16px !important;font-size:18px !important}
 body.page-slug-skolska-medicina .school-notices-body{padding:8px 16px 10px}
 body.page-slug-skolska-medicina .school-notices-body p{font-size:15px !important}
}

/* V3.9.25 */
body.page-slug-skolska-medicina .school-notices-card:first-child{
  margin-top:0;
  margin-bottom:28px;
}

/* V3.9.26 — identična tipografija za nazive škola i tekst pod STUDENTI */
body.page-slug-skolska-medicina .page-content .school-name-small,
body.page-slug-skolska-medicina .page-content .student-name-small{
  margin:8px 0 15px !important;
  padding:7px 0 9px !important;
  border-bottom:1px solid rgba(14,111,199,.15) !important;
  font-size:12px !important;
  line-height:1.45 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  color:#334b63 !important;
  text-transform:none !important;
}

/* V3.9.27 — čitljiviji nazivi škola i studenti */
body.page-slug-skolska-medicina .page-content .school-name-small,
body.page-slug-skolska-medicina .page-content .student-name-small{
  font-size:14px !important;
  line-height:1.55 !important;
}

/* V3.9.28 — O nama */
body.page-slug-o-nama .page-content{max-width:1080px}
body.page-slug-o-nama .about-intro{
  margin:0 0 22px;padding:26px 28px;border-radius:16px;
  background:#f2f7fb;border:1px solid rgba(11,43,85,.09)
}
body.page-slug-o-nama .about-kicker,
body.page-slug-o-nama .about-section-head>span,
body.page-slug-o-nama .about-label{
  display:block;margin-bottom:6px;color:#0e6fc7;font-size:12px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase
}
body.page-slug-o-nama .about-intro h2{margin:0!important;border:0!important;font-size:27px!important;color:#0b2b55}
body.page-slug-o-nama .about-lead-card,
body.page-slug-o-nama .about-board-card{
  margin:0 0 22px;padding:22px 24px;background:#fff;border:1px solid rgba(11,43,85,.1);
  border-radius:14px;box-shadow:0 7px 24px rgba(11,43,85,.045)
}
body.page-slug-o-nama .about-lead-card strong{display:block;color:#0b2b55;font-size:19px}
body.page-slug-o-nama .about-board-card h2,
body.page-slug-o-nama .about-activities>h2,
body.page-slug-o-nama .about-section-head h2{
  margin:0 0 14px!important;padding:0!important;border:0!important;color:#0b2b55!important;font-size:22px!important
}
body.page-slug-o-nama .about-board-body p{margin:5px 0!important;font-size:15px;line-height:1.55}
body.page-slug-o-nama .about-activities{margin:30px 0}
body.page-slug-o-nama .about-activity-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px
}
body.page-slug-o-nama .about-activity{
  display:flex;align-items:center;min-height:78px;padding:15px 16px;
  border:1px solid rgba(11,43,85,.1);border-radius:12px;background:#fff;
  color:#0b2b55;font-size:14px;font-weight:700;line-height:1.35
}
body.page-slug-o-nama .about-activity:before{
  content:"";flex:0 0 7px;width:7px;height:7px;margin-right:10px;border-radius:50%;background:#f2543d
}
body.page-slug-o-nama .about-departments{margin:34px 0 6px}
body.page-slug-o-nama .about-section-head{margin-bottom:16px}
body.page-slug-o-nama .about-section-head p{margin:0;color:#526579;font-size:15px}
body.page-slug-o-nama .about-department-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px
}
body.page-slug-o-nama .about-department-grid .department-link{
  display:flex!important;align-items:center;min-height:105px;margin:0!important;padding:18px!important;
  border:1px solid rgba(11,43,85,.1)!important;border-radius:14px!important;background:#fff!important;
  color:#0b2b55!important;font-size:15px!important;font-weight:700!important;line-height:1.35!important;
  box-shadow:0 6px 20px rgba(11,43,85,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
body.page-slug-o-nama .about-department-grid .department-link:hover{
  transform:translateY(-2px);border-color:rgba(14,111,199,.35)!important;
  box-shadow:0 10px 26px rgba(11,43,85,.08)
}
@media(max-width:850px){
 body.page-slug-o-nama .about-activity-grid,
 body.page-slug-o-nama .about-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 body.page-slug-o-nama .about-intro{padding:20px}
 body.page-slug-o-nama .about-intro h2{font-size:23px!important}
 body.page-slug-o-nama .about-activity-grid,
 body.page-slug-o-nama .about-department-grid{grid-template-columns:1fr}
}

/* V3.9.31 */
body.page-slug-o-nama .about-law-ref{
  white-space:nowrap;
}

/* V3.9.34 — Natječaji */
body.page-slug-natjecaji .page-content{max-width:1080px}
body.page-slug-natjecaji .tenders-intro{margin:0 0 24px;padding:20px 24px;border-radius:16px;background:#f2f7fb;border-left:4px solid #0e6fc7;color:#334b63;font-size:17px}
body.page-slug-natjecaji .tenders-intro p{margin:0}
body.page-slug-natjecaji .tenders-list{display:grid;gap:14px}
body.page-slug-natjecaji .tender-item{padding:22px 24px;border:1px solid rgba(11,43,85,.12);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(11,43,85,.05)}
body.page-slug-natjecaji .tender-date{margin-bottom:8px;color:#66798d;font-size:14px;font-weight:600}
body.page-slug-natjecaji .tender-item h2{margin:0 0 13px;font-size:19px;line-height:1.35;text-transform:none}
body.page-slug-natjecaji .tender-item h2 a{color:#0b2b55;text-decoration:none}
body.page-slug-natjecaji .tender-item h2 a:hover{color:#0e6fc7}
body.page-slug-natjecaji .tender-more{display:inline-flex;gap:7px;align-items:center;color:#0e6fc7;font-size:14px;font-weight:700;text-decoration:none}
@media(max-width:600px){body.page-slug-natjecaji .tender-item{padding:18px}body.page-slug-natjecaji .tender-item h2{font-size:17px}}

/* V3.9.43 — Aktualno slider: novi raspored, 5 slajdova i centrirane kontrole */
.aktualno-slider-section{padding-top:30px;padding-bottom:58px;background:#f7faff}
.aktualno-slider{position:relative;padding-bottom:42px}
.aktualno-track{
  position:relative;height:460px;border-radius:18px;overflow:visible;
}
.aktualno-slide{
  position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .42s ease;overflow:hidden;border-radius:18px;
  background-size:58% 100%;background-repeat:no-repeat;background-position:right center;
  background-color:#0b2b55;box-shadow:0 14px 34px rgba(11,43,85,.12);
}
.aktualno-slide.is-active{opacity:1;visibility:visible;z-index:2}
.aktualno-overlay{
  position:absolute;inset:0;
  background:linear-gradient(90deg,#0b2b55 0%,#123b66 39%,rgba(18,59,102,.93) 48%,rgba(18,59,102,.42) 62%,rgba(18,59,102,0) 78%);
}
.aktualno-content{
  position:relative;z-index:2;width:52%;max-width:none;
  padding:62px 58px 54px 86px;color:#fff;
}
.aktualno-content time{display:block;margin-bottom:16px;font-size:16px;opacity:.95}
.aktualno-content h3{
  max-width:690px;margin:0 0 18px;color:#fff;
  font-size:clamp(32px,3.15vw,50px);line-height:1.08;letter-spacing:-.02em;
}
.aktualno-content p{
  max-width:720px;margin:0 0 26px;color:#fff;
  font-size:18px;line-height:1.55;opacity:.95;
}
.aktualno-content .btn.primary{
  display:inline-flex;align-items:center;min-height:52px;padding:0 24px;
  border-radius:10px;background:#f2543d;color:#fff;font-weight:700;
}
.aktualno-arrow{
  position:absolute;z-index:10;top:50%;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;
  width:58px;height:58px;padding:0;border:0;border-radius:50%;
  background:#fff;color:#0b2b55;cursor:pointer;
  box-shadow:0 9px 24px rgba(11,43,85,.15);
}
.aktualno-arrow svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.aktualno-prev{left:-29px}
.aktualno-next{right:-29px}
.aktualno-arrow:hover,.aktualno-arrow:focus-visible{color:#f2543d}
.aktualno-dots{
  position:absolute;z-index:10;left:50%;bottom:-34px;transform:translateX(-50%);
  display:flex;align-items:center;gap:11px;
}
.aktualno-dot{
  width:12px;height:12px;padding:0;border:0;border-radius:50%;
  background:#cad7e5;cursor:pointer;transition:.2s ease;
}
.aktualno-dot.is-active{width:12px;border-radius:50%;background:#f2543d}
@media(max-width:900px){
  .aktualno-track{height:470px}
  .aktualno-slide{background-size:cover;background-position:center}
  .aktualno-overlay{background:rgba(5,35,70,.78)}
  .aktualno-content{width:auto;padding:58px 55px}
}
@media(max-width:720px){
  .aktualno-track{height:500px}
  .aktualno-content{padding:46px 34px}
  .aktualno-content h3{font-size:31px}
  .aktualno-content p{font-size:15px}
  .aktualno-arrow{width:46px;height:46px}
  .aktualno-arrow svg{width:19px;height:19px}
  .aktualno-prev{left:-8px}
  .aktualno-next{right:-8px}
}

/* V3.9.44 — završno dotjerivanje slidera */
.aktualno-track{height:500px!important}
.aktualno-content{
  padding:62px 58px 72px 86px!important;
  box-sizing:border-box!important;
}
.aktualno-content p{margin-bottom:30px!important}
.aktualno-content .btn.primary{
  margin-bottom:10px!important;
  position:relative!important;
  z-index:5!important;
}
.aktualno-arrow{
  top:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  pointer-events:auto!important;
  z-index:50!important;
}
.aktualno-arrow svg{
  margin:0!important;
  transform:none!important;
  pointer-events:none!important;
}
.aktualno-dots{
  bottom:-38px!important;
  z-index:50!important;
}
@media(max-width:900px){
  .aktualno-track{height:510px!important}
  .aktualno-content{padding:52px 55px 68px!important}
}
@media(max-width:720px){
  .aktualno-track{height:530px!important}
  .aktualno-content{padding:42px 34px 62px!important}
}

/* V3.9.45 — uži, kompaktniji slider */
.aktualno-slider-section .container{
  max-width:1280px!important;
}
.aktualno-slider{
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.aktualno-track{
  height:430px!important;
}
.aktualno-content{
  padding:52px 52px 62px 72px!important;
}
.aktualno-content h3{
  font-size:clamp(30px,2.7vw,44px)!important;
}
.aktualno-content p{
  font-size:17px!important;
  line-height:1.5!important;
}
@media(max-width:900px){
  .aktualno-slider{max-width:100%!important}
  .aktualno-track{height:470px!important}
  .aktualno-content{padding:48px 48px 64px!important}
}
@media(max-width:720px){
  .aktualno-track{height:510px!important}
  .aktualno-content{padding:40px 32px 60px!important}
}


/* V3.9.47 — vertikalno centriran sadržaj slidera */
.aktualno-content{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  height:100%!important;
  padding-top:42px!important;
  padding-bottom:42px!important;
  box-sizing:border-box!important;
}
.aktualno-content h3{
  margin-top:12px!important;
  margin-bottom:18px!important;
  line-height:1.08!important;
}
.aktualno-content p{
  margin-top:0!important;
  margin-bottom:26px!important;
}
.aktualno-content .btn.primary{
  margin-top:0!important;
  margin-bottom:0!important;
  flex:0 0 auto!important;
}
/* Dugi naslovi ostaju unutar bannera bez gurkanja gumba izvan slidera */
.aktualno-content h3{
  font-size:clamp(28px,2.45vw,42px)!important;
}
@media(max-width:900px){
  .aktualno-content{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }
}
@media(max-width:720px){
  .aktualno-content{
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
  .aktualno-content h3{
    font-size:clamp(27px,8vw,36px)!important;
  }
}

/* V3.9.51 — pet najnovijih Obavijesti */
.obavijesti-section{padding:64px 0 72px;background:#f4f7fb}
.obavijesti-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
.obavijesti-heading h2{margin:0;color:#0b2b55}
.obavijesti-all{color:#f2543d;font-weight:800;text-decoration:none;white-space:nowrap}
.obavijesti-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.obavijest-card{background:#fff;border:1px solid rgba(11,43,85,.10);border-radius:14px;box-shadow:0 8px 24px rgba(11,43,85,.05);overflow:hidden}
.obavijest-card-link{display:flex;flex-direction:column;min-height:210px;height:100%;padding:22px 20px 20px;color:inherit;text-decoration:none;box-sizing:border-box}
.obavijest-category{align-self:flex-start;padding:6px 10px;margin-bottom:13px;border-radius:7px;background:#eaf3fb;color:#0e6fc7;font-size:12px;font-weight:800;line-height:1}
.obavijest-card time{color:#647b92;font-size:13px;margin-bottom:10px}
.obavijest-card h3{margin:0 0 22px;color:#0b2b55;font-size:18px;line-height:1.28}
.obavijest-more{margin-top:auto;display:flex;justify-content:space-between;gap:12px;color:#f2543d;font-weight:800;font-size:14px}
.obavijest-card-link:hover .obavijest-more{text-decoration:underline}
@media(max-width:1180px){.obavijesti-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.obavijesti-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.obavijesti-grid{grid-template-columns:1fr}.obavijesti-heading{align-items:flex-start}}

/* V3.9.52 — kompaktniji blok Obavijesti */
.obavijesti-heading{margin-bottom:28px!important}
.obavijesti-heading h2{font-size:clamp(32px,3vw,42px)!important;line-height:1.1!important}
.obavijesti-heading .section-accent{display:block;width:68px;height:4px;margin-top:15px;border-radius:4px;background:#f2543d}
.obavijest-card-link{min-height:180px!important;padding:20px 20px 18px!important}
.obavijest-card h3{font-size:17px!important;line-height:1.3!important;margin-bottom:18px!important}
.obavijest-more{text-decoration:none!important}
.obavijest-card-link:hover .obavijest-more{text-decoration:underline!important}

/* V3.9.53 — sadržaj pojedinačnog natječaja */
.natjecaj-single-intro,.natjecaj-single-docs{
  max-width:900px;margin:0 auto 24px;padding:28px 30px;
  background:#fff;border:1px solid rgba(11,43,85,.10);
  border-radius:14px;box-shadow:0 8px 24px rgba(11,43,85,.05)
}
.natjecaj-single-badge{
  display:inline-block;padding:7px 11px;border-radius:7px;
  background:#eaf3fb;color:#0e6fc7;font-size:13px;font-weight:800
}
.natjecaj-single-date{color:#647b92;margin:14px 0 18px}
.natjecaj-single-docs h2{color:#0b2b55;margin-top:0}

/* V3.9.54 — male slike na karticama Obavijesti */
.obavijest-card-link{padding:0 20px 18px!important;overflow:hidden}
.obavijest-image{
  height:122px;
  margin:0 -20px 18px;
  overflow:hidden;
  background:#eaf3fb;
}
.obavijest-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.obavijest-image.is-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#eaf3fb,#f4f7fb);
}
.obavijest-image.is-placeholder span{
  display:flex;
  width:38px;height:38px;
  align-items:center;justify-content:center;
  border:2px solid #0e6fc7;border-radius:50%;
  color:#0e6fc7;font-weight:800;font-size:20px;
}
.obavijest-card{transition:transform .18s ease,box-shadow .18s ease}
.obavijest-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,43,85,.09)}
@media(max-width:560px){.obavijest-image{height:150px}}

/* V3.9.55 — dinamička rubrika Natječaji */
.natjecaji-dynamic{max-width:1050px;margin:0 auto}
.natjecaji-dynamic-intro{margin:0 0 26px;color:#526b83;font-size:17px}
.natjecaji-dynamic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.natjecaj-dynamic-card{
  background:#fff;border:1px solid rgba(11,43,85,.10);border-radius:14px;
  box-shadow:0 8px 24px rgba(11,43,85,.05);overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease
}
.natjecaj-dynamic-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,43,85,.09)}
.natjecaj-dynamic-card>a{display:flex;flex-direction:column;height:100%;padding:24px;color:inherit;text-decoration:none}
.natjecaj-dynamic-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.natjecaj-dynamic-meta span{padding:6px 10px;border-radius:7px;background:#eaf3fb;color:#0e6fc7;font-size:12px;font-weight:800}
.natjecaj-dynamic-meta time{color:#647b92;font-size:13px}
.natjecaj-dynamic-card h2{margin:0 0 13px;color:#0b2b55;font-size:21px;line-height:1.3}
.natjecaj-dynamic-card p{margin:0 0 20px;color:#526b83;line-height:1.55}
.natjecaj-dynamic-card strong{margin-top:auto;color:#f2543d;font-size:14px}
.natjecaj-dynamic-card>a:hover strong{text-decoration:underline}
@media(max-width:760px){.natjecaji-dynamic-list{grid-template-columns:1fr}}

/* V3.9.56 — redizajn Nacionalnih programa, bez brojeva */
.national-programs-v3956{padding:64px 0 72px;background:#f4f7fb;overflow:hidden}
.np-hero{position:relative;min-height:205px;margin-bottom:26px}
.np-heading{position:relative;z-index:2;max-width:720px}
.np-eyebrow{display:block;margin-bottom:8px;color:#647b92;font-size:14px;font-weight:800;letter-spacing:.08em}
.np-heading h2{margin:0;color:#0b2b55;font-size:clamp(34px,3vw,46px);line-height:1.08}
.np-accent{display:block;width:68px;height:4px;margin:18px 0 26px;border-radius:4px;background:#f2543d}
.np-heading p{max-width:680px;margin:0;color:#647b92;font-size:18px;line-height:1.55}
.np-hero-visual{position:absolute;right:120px;top:-64px;width:48%;height:270px;overflow:hidden;opacity:.72}
.np-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f7fb 0%,rgba(244,247,251,.08) 38%,rgba(244,247,251,.08) 72%,#f4f7fb 100%)}
.np-hero-visual img{width:100%;height:100%;object-fit:cover}
.np-hero-message{position:absolute;z-index:2;right:5%;top:45px;color:#8298ad;font-size:23px;font-style:italic;line-height:1.35;transform:rotate(-3deg)}
.np-all{position:absolute;z-index:3;right:0;bottom:22px;color:#f2543d;font-weight:800;text-decoration:none}
.np-grid{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.np-card{display:grid;grid-template-columns:36% 64%;min-height:282px;background:#fff;border:1px solid rgba(11,43,85,.10);border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(11,43,85,.05);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.np-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(11,43,85,.09)}
.np-card>img{width:100%;height:100%;min-height:282px;object-fit:cover}
.np-card-content{display:flex;flex-direction:column;padding:28px 24px 24px}
.np-card-content>span{margin-bottom:9px;color:#647b92;font-size:12px;font-weight:800;letter-spacing:.04em}
.np-card h3{margin:0 0 15px;color:#0b2b55;font-size:21px;line-height:1.3}
.np-card p{margin:0 0 18px;color:#647b92;font-size:15px;line-height:1.5}
.np-card strong{margin-top:auto;color:#f2543d;font-size:14px}
.np-card:hover strong{text-decoration:underline}
@media(max-width:1050px){.np-hero{min-height:240px}.np-hero-visual{right:-30px;width:55%;opacity:.42}.np-grid{grid-template-columns:1fr}.np-card{grid-template-columns:220px 1fr;min-height:220px}.np-card>img{min-height:220px}}
@media(max-width:650px){.national-programs-v3956{padding:48px 0 54px}.np-hero{min-height:auto;padding-bottom:58px}.np-hero-visual{display:none}.np-heading p{font-size:16px}.np-all{left:0;right:auto;bottom:10px}.np-card{grid-template-columns:1fr}.np-card>img{height:170px;min-height:0}.np-card-content{padding:22px}}

/* V3.9.57 — novi prezentacijski blok Zavoda */
.community-hero-v3957{background:#eef6fc;overflow:hidden}
.community-hero-main{display:grid;grid-template-columns:1.02fr .98fr;max-width:1530px;margin:0 auto;min-height:590px}
.community-copy{padding:64px 54px 38px 20px;display:flex;flex-direction:column;justify-content:center}
.community-eyebrow{color:#647b92;font-size:13px;font-weight:900;letter-spacing:.12em}
.community-copy h2{margin:18px 0 0;color:#0b2b55;font-size:clamp(48px,4.4vw,72px);line-height:1.02;letter-spacing:-.035em}
.community-accent{display:block;width:66px;height:4px;margin:22px 0 28px;border-radius:5px;background:#f2543d}
.community-copy>p{max-width:720px;margin:0;color:#294d72;font-size:18px;line-height:1.55}
.community-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.community-values>div{display:grid;grid-template-columns:42px 1fr;align-items:center;padding:16px 13px;background:rgba(255,255,255,.88);border:1px solid rgba(11,43,85,.10);border-radius:12px}
.cv-icon{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #0e6fc7;border-radius:10px;color:#0e6fc7;font-weight:900;font-size:18px}
.community-values strong{color:#0b2b55;font-size:13px}
.community-values small{margin-top:4px;color:#647b92;font-size:11px;line-height:1.35}
.community-actions{display:flex;gap:14px;margin-top:26px}
.community-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:8px;font-weight:800;text-decoration:none}
.community-primary{background:#f2543d;color:#fff;box-shadow:0 10px 24px rgba(242,84,61,.18)}
.community-secondary{background:#fff;color:#0b2b55;border:1px solid rgba(11,43,85,.18)}
.community-photo{position:relative;min-height:590px}
.community-photo:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:90px;background:linear-gradient(90deg,#eef6fc,transparent)}
.community-photo img{width:100%;height:100%;object-fit:cover;display:block}
.community-photo-quote{position:absolute;z-index:2;right:34px;bottom:34px;padding:18px 24px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid rgba(11,43,85,.08);border-radius:16px;color:#0b2b55;font-size:18px;line-height:1.35;box-shadow:0 8px 24px rgba(11,43,85,.08)}
.community-photo-quote:after{content:"";display:block;width:52px;height:3px;margin-top:12px;background:#f2543d;border-radius:3px}
.community-facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1530px;margin:0 auto;background:#fff;border-top:1px solid rgba(11,43,85,.08)}
.community-facts>div{display:flex;align-items:center;gap:16px;min-height:100px;padding:18px 30px;border-right:1px solid rgba(11,43,85,.10)}
.community-facts>div:last-child{border-right:0}
.fact-icon{color:#0e6fc7;font-size:29px;font-weight:900}
.community-facts p{display:flex;flex-direction:column;margin:0}
.community-facts small{color:#647b92;font-size:12px}
.community-facts strong{margin-top:4px;color:#0b2b55;font-size:14px;line-height:1.35}
@media(max-width:1180px){
 .community-hero-main{grid-template-columns:1fr 1fr}
 .community-copy{padding:50px 30px}
 .community-values{grid-template-columns:repeat(2,1fr)}
 .community-copy h2{font-size:52px}
}
@media(max-width:850px){
 .community-hero-main{grid-template-columns:1fr}
 .community-photo{min-height:390px}
 .community-copy{padding:48px 24px}
 .community-facts{grid-template-columns:repeat(2,1fr)}
 .community-facts>div:nth-child(2){border-right:0}
}
@media(max-width:560px){
 .community-copy h2{font-size:42px}
 .community-values{grid-template-columns:1fr}
 .community-actions{flex-direction:column}
 .community-photo{min-height:300px}
 .community-facts{grid-template-columns:1fr}
 .community-facts>div{border-right:0;border-bottom:1px solid rgba(11,43,85,.10)}
}

/* V3.9.58 — uži prezentacijski blok, usklađen s ostatkom naslovnice */
.community-hero-v3957{padding:0 24px!important}
.community-hero-main{
  max-width:1280px!important;
  grid-template-columns:48% 52%!important;
  min-height:520px!important;
}
.community-copy{padding:52px 38px 34px 0!important}
.community-copy h2{font-size:clamp(44px,3.7vw,62px)!important}
.community-photo{min-height:520px!important;border-radius:0 14px 14px 0;overflow:hidden}
.community-values{gap:10px!important}
.community-values>div{padding:14px 10px!important}
.community-facts{
  max-width:1280px!important;
  margin:0 auto!important;
  border-left:1px solid rgba(11,43,85,.08);
  border-right:1px solid rgba(11,43,85,.08);
}
.community-facts>div{padding:16px 22px!important;min-height:92px!important}
@media(max-width:1180px){
 .community-hero-main{grid-template-columns:1fr 1fr!important}
 .community-copy{padding:46px 28px 32px 0!important}
}
@media(max-width:850px){
 .community-hero-v3957{padding:0!important}
 .community-hero-main{grid-template-columns:1fr!important}
 .community-copy{padding:46px 24px!important}
 .community-photo{min-height:390px!important;border-radius:0}
}

/* V3.9.59 — poravnanje prezentacijskog bloka s ostatkom sadržaja */
@media(min-width:851px){
  .community-hero-v3957 .community-hero-main{
    transform:translateX(24px);
  }
  .community-hero-v3957 .community-facts{
    transform:translateX(24px);
  }
}

/* V3.9.60 — precizno poravnanje s gornjim sadržajem */
@media(min-width:851px){
  .community-hero-v3957{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .community-hero-v3957 .community-hero-main,
  .community-hero-v3957 .community-facts{
    width:100%!important;
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    transform:none!important;
  }
}

/* V3.9.76 — stvarni selektori; naslovi kao Usluge */
.obavijesti-heading h2,
.national-programs .np-heading h2 {
  font-size:32px !important;
  line-height:1.1 !important;
}

/* V3.9.77 — zamijenjen redoslijed dviju završnih sekcija */
.community-facts-moved{background:#eef5fa;}
.community-facts-moved>.community-facts{max-width:1474px;margin:0 auto;}


/* V3.9.79 — Javno zdravstvo kroz godinu */
.year-health-section{
  background:#f4f8fc;
  padding:72px 0 54px;
  overflow:hidden;
}
.year-health-heading{text-align:center;max-width:850px;margin:0 auto 38px}
.year-health-eyebrow{
  display:block;color:#5e7590;font-size:13px;font-weight:800;
  letter-spacing:.13em;margin-bottom:14px
}
.year-health-heading h2{
  margin:0;color:#0b2b55;font-size:42px;line-height:1.08;font-weight:800
}
.year-health-accent{
  display:block;width:64px;height:4px;background:#f2543d;
  border-radius:4px;margin:20px auto 18px
}
.year-health-heading p{margin:0;color:#526f8f;font-size:17px;line-height:1.6}
.year-health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.season-card{
  overflow:hidden;background:#fff;border:1px solid #e1eaf2;border-radius:14px;
  box-shadow:0 8px 26px rgba(11,43,85,.045)
}
.season-visual{
  height:205px;background-size:cover;background-position:center;
  position:relative
}
.season-visual span{
  position:absolute;left:22px;top:22px;padding:8px 18px;border-radius:24px;
  color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em
}
.season-visual-spring{background-image:url('assets/images/godisnja-doba/proljece.jpg')}
.season-visual-summer{background-image:url('assets/images/godisnja-doba/ljeto.jpg')}
.season-visual-autumn{background-image:url('assets/images/godisnja-doba/jesen.jpg')}
.season-visual-winter{background-image:url('assets/images/godisnja-doba/zima.jpg')}
.season-spring .season-visual span{background:#75b62b}
.season-summer .season-visual span{background:#ffad08}
.season-autumn .season-visual span{background:#f05b3d}
.season-winter .season-visual span{background:#1682cf}
.season-copy{padding:22px 26px 26px}
.season-title{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.season-title h3{margin:0;color:#0b2b55;font-size:23px;line-height:1.2}
.season-icon{
  width:44px;height:44px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:23px;font-weight:700;background:#edf5fb;color:#0e6fc7
}
.season-spring .season-icon{background:#edf6e6;color:#67a52c}
.season-summer .season-icon{background:#fff5d9;color:#e99a00}
.season-autumn .season-icon{background:#fff0eb;color:#e65c3f}
.season-copy p{margin:0 0 20px;color:#526f8f;font-size:15px;line-height:1.55;min-height:116px}
.season-copy a{color:#0e6fc7;font-size:14px;font-weight:800;text-decoration:none}
.year-health-bottom{
  position:relative;margin-top:34px;padding:18px 0 8px;
  color:#0b2b55;font-size:22px;line-height:1.35
}
.year-health-bottom p{margin:0}
.year-health-bottom-accent{display:block;width:60px;height:4px;background:#f2543d;border-radius:4px;margin-top:14px}

@media(max-width:1100px){
  .year-health-grid{grid-template-columns:repeat(2,1fr)}
  .season-copy p{min-height:0}
}
@media(max-width:650px){
  .year-health-section{padding:52px 0 38px}
  .year-health-heading h2{font-size:32px}
  .year-health-grid{grid-template-columns:1fr}
  .season-visual{height:210px}
}

/* V3.9.80 — svi glavni naslovi sekcija kao Aktualno/Usluge */
.services-title,
.obavijesti-heading h2,
.national-programs .np-heading h2,
.year-health-heading h2,
.community-copy h2{
  font-size:32px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  color:#0b2b55 !important;
}


/* V3.9.81 — svi glavni naslovi: veličina kao Usluge, normalniji weight */
.section-head h2,
.services-title,
.obavijesti-heading h2,
.national-programs .np-heading h2,
.year-health-heading h2,
.community-copy h2{
  font-size:32px !important;
  line-height:1.1 !important;
  font-weight:600 !important;
  color:#0b2b55 !important;
}
@media(max-width:650px){
  .section-head h2,
  .services-title,
  .obavijesti-heading h2,
  .national-programs .np-heading h2,
  .year-health-heading h2,
  .community-copy h2{
    font-size:28px !important;
  }
}


/* V3.9.82 — korekcije slika i OneTap */
nav.apop-accessibility.apop-plugin-onetap .apop-container
.apop-accessibility-settings header.apop-header-top .apop-languages{
  display:none !important;
}

/* Slike Nacionalnih programa moraju ispuniti cijeli lijevi stupac kartice. */
.national-programs .np-card > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  align-self:stretch !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
}

/* Usluge: zadržan postojeći raspored, slika bez dodatnog unutarnjeg razmaka. */
.service-square-card > img{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}


/* V3.9.88 — OneTap: potvrđeni selektori iz stvarnog HTML-a plugina. CSS-only. */
#onetap-language-list,
.onetap-list-of-languages {
  display:none !important;
}

/* V3.9.89 — header: blago povećan naziv Zavoda (desktop/tablet); mobilne veličine ostaju postojeće. */

/* V3.9.94 — završna dorada headera i kompaktniji mobilni izbornik */
@media(min-width:821px){
  /* Ikone ostaju desno, ali su vizualno bliže glavnoj navigaciji. */
  .main-nav .header-icon-links{right:38px}
}

@media(max-width:820px){
  .main-nav.open{display:block}
  .main-nav .nav-centered{
    display:block;
    padding-top:8px;
    padding-bottom:10px;
  }
  .primary-menu-wrap{display:block}
  .main-nav .menu{
    display:block;
    margin:0;
    padding:0;
  }
  .main-nav .menu > li{
    position:relative;
    margin:0;
    border-bottom:1px solid rgba(11,43,85,.07);
  }
  .main-nav .menu > li:last-child{border-bottom:0}
  .main-nav .menu > li > a,
  .nav-inner .menu-item > a{
    display:flex;
    align-items:center;
    min-height:48px !important;
    padding:0 48px 0 10px !important;
    font-size:14px;
    line-height:1.25;
    white-space:normal;
  }
  .main-nav .menu > li:not(.menu-item-has-children) > a{
    padding-right:10px !important;
  }
  .main-nav .menu > li.menu-item-has-children > a::after{display:none !important}
  .dropdown-toggle{
    display:flex;
    align-items:center;
    justify-content:center;
    right:3px;
    top:3px;
    width:42px;
    height:42px;
    padding:0;
    font-size:20px;
    line-height:1;
    border-radius:7px;
    transition:transform .18s ease, background .18s ease;
  }
  .dropdown-toggle:hover,
  .dropdown-toggle:focus{background:#f1f6fa}
  .menu-item-has-children.dropdown-open > .dropdown-toggle{transform:rotate(180deg)}

  .main-nav .sub-menu,
  .nav-inner .sub-menu{
    display:none !important;
    position:static;
    width:auto;
    min-width:0;
    max-width:none;
    margin:0 8px 7px 10px;
    padding:3px 0 5px 10px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    border:0;
    border-left:2px solid #e2ebf3;
    border-radius:0;
    box-shadow:none;
    background:transparent;
  }
  .main-nav li.dropdown-open > .sub-menu{display:block !important}
  .main-nav .sub-menu a,
  .nav-inner .sub-menu a{
    min-height:0;
    padding:9px 11px !important;
    font-size:13px;
    line-height:1.35;
    border-left:0;
    border-radius:6px;
  }
  .main-nav .sub-menu .sub-menu{position:static}

  .main-nav .header-icon-links{
    display:flex !important;
    justify-content:center;
    gap:7px;
    margin:4px 0 0;
    padding:8px 0 2px;
  }
  .main-nav .header-icon-link{
    width:40px;
    height:40px;
  }
}

/* V3.9.95 — mobilne strelice podizbornika: vidljive i poravnate desno. */
@media(max-width:820px){
  .main-nav .menu > li.menu-item-has-children > .dropdown-toggle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:var(--navy) !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* V3.9.96 — uredan prikaz rezultata pretraživanja. */
.search-results-page{background:#f7faff}
.search-results-head{max-width:820px;margin-bottom:30px}
.search-results-kicker{margin:0 0 8px;color:#f2543d;font-size:12px;font-weight:800;letter-spacing:.08em}
.search-results-head h1{margin:0;color:#0b2b55;font-size:clamp(32px,4vw,44px);line-height:1.12}
.search-results-head h1:after{content:"";display:block;width:68px;height:4px;margin-top:15px;border-radius:4px;background:#f2543d}
.search-results-query{margin:18px 0 0;color:#52677d;font-size:16px}
.search-results-list{display:grid;grid-template-columns:1fr;gap:16px;max-width:960px}
.search-result-card{display:grid;grid-template-columns:180px minmax(0,1fr);overflow:hidden;background:#fff;border:1px solid #dfe8f0;border-radius:12px;box-shadow:0 6px 20px rgba(15,43,78,.045)}
.search-result-thumb{display:block;min-height:160px;background:#edf3f8}
.search-result-thumb img{display:block;width:100%;height:100%;min-height:160px;object-fit:cover}
.search-result-body{padding:20px 22px}
.search-result-meta{margin-bottom:7px;color:#6b7e91;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.search-result-body h2{margin:0 0 9px;font-size:21px;line-height:1.25}
.search-result-body h2 a{color:#0b2b55;text-decoration:none}
.search-result-body p{margin:0 0 12px;color:#52677d;line-height:1.6}
.search-result-more{color:#f2543d;font-weight:800;text-decoration:none}
.search-pagination{max-width:960px;margin-top:28px}
.search-empty{max-width:760px;padding:26px;background:#fff;border:1px solid #dfe8f0;border-radius:12px}
.search-empty h2{margin-top:0;color:#0b2b55}
.search-empty .search-form{display:flex;gap:8px;margin-top:18px}
.search-empty .search-field{min-width:0;flex:1;padding:12px 14px;border:1px solid #cfdbe6;border-radius:8px}
.search-empty .search-submit{padding:12px 18px;border:0;border-radius:8px;background:#0b2b55;color:#fff;font-weight:700}
@media(max-width:650px){
  .search-result-card{grid-template-columns:1fr}
  .search-result-thumb,.search-result-thumb img{min-height:180px;height:180px}
  .search-result-body{padding:18px}
  .search-result-body h2{font-size:19px}
}


/* V3.9.97 — search layout: WordPress adds class `search` to <body>;
   header search styles must therefore be scoped to the form only. */
body.search{display:block !important;}
body.search .search-results-page{width:100%;min-width:0;}
body.search .site-footer{width:100%;}


/* V3.9.98 — pouzdane mobilne strelice i toggle podizbornika na stvarnim mobitelima. */
@media(max-width:820px){
  /* Strelica je čisti CSS — ne ovisi o fontu, Unicode znaku ni JS-generiranom gumbu. */
  .main-nav .menu > li.menu-item-has-children > a{
    position:relative;
    padding-right:48px !important;
  }
  .main-nav .menu > li.menu-item-has-children > a::after{
    content:"" !important;
    display:block !important;
    position:absolute;
    right:18px;
    top:50%;
    width:8px;
    height:8px;
    margin:0;
    border-right:2px solid #0b2b55;
    border-bottom:2px solid #0b2b55;
    transform:translateY(-65%) rotate(45deg);
    transform-origin:center;
    transition:transform .18s ease;
  }
  .main-nav .menu > li.menu-item-has-children.dropdown-open > a::after{
    transform:translateY(-35%) rotate(225deg);
  }
  /* JS gumb više nije potreban na mobitelu; cijeli red glavne stavke je toggle. */
  .main-nav .menu > li.menu-item-has-children > .dropdown-toggle{display:none !important}

  /* Hover/focus na dodirnim uređajima ne smije držati podizbornik otvorenim. */
  .main-nav li.menu-item-has-children > .sub-menu,
  .main-nav li.menu-item-has-children:hover > .sub-menu,
  .main-nav li.menu-item-has-children:focus-within > .sub-menu{
    display:none !important;
  }
  .main-nav li.menu-item-has-children.dropdown-open > .sub-menu{
    display:block !important;
  }
}


/* V3.9.99 — Nacionalni programi: kompaktnije slike samo na mobitelu. */
@media (max-width:650px){
  .national-programs .np-card > img{
    height:190px !important;
    min-height:0 !important;
    align-self:auto !important;
    object-fit:cover !important;
  }
}


/* V3.9.101 — rezultati pretraživanja bez slike koriste punu širinu kartice. */
.search-result-card.no-thumbnail{grid-template-columns:minmax(0,1fr) !important;}
.search-result-card.no-thumbnail .search-result-body{width:100%;min-width:0;max-width:none;}

/* V3.9.107 — OneTap: kompaktan panel bez horizontalnog pomicanja stranice. */
nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open{
  right:0 !important;
  left:auto !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open::before,
nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open::after{
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

@media (min-width:821px){
  nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open{
    width:30.5vw !important;
  }
  nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open .onetap-container{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:38.125vw !important;
    max-width:none !important;
    transform:scale(.80) !important;
    transform-origin:top right !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:820px){
  /* V3.9.109 — samo mobitel: uži OneTap panel kako bi veći dio stranice ostao vidljiv. */
  nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open{
    width:75vw !important;
    max-width:75vw !important;
    right:0 !important;
    left:auto !important;
  }
  nav.onetap-accessibility.onetap-plugin-onetap.onetap-toggle-open .onetap-container{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    left:auto !important;
    width:75vw !important;
    max-width:75vw !important;
    transform:none !important;
    transform-origin:top right !important;
    box-sizing:border-box !important;
  }
}

html, body{
  overflow-x:hidden !important;
}

/* V3.9.111 — WAH visual integration with ZZJZ design */
body .accessability_container{
  width:310px !important;
  max-width:calc(100vw - 18px) !important;
  background:#fff !important;
  border-left:1px solid #e3e9f0 !important;
  box-shadow:-12px 0 32px rgba(11,43,85,.14) !important;
  color:#132b4c !important;
}
body .accessability_container #access_container,
body .accessability_container .access_container_inner,
body .accessability_container .a_module,
body .accessability_container .a_module_title,
body .accessability_container .a_module_exe{
  background:#fff !important;
  color:#132b4c !important;
}
body .accessability_container .a_module{
  padding:11px 14px !important;
  border-bottom:1px solid #e3e9f0 !important;
}
body .accessability_container .a_module_title{
  margin:0 0 9px !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:#0b2b55 !important;
}
body .accessability_container button.close_container,
body .accessability_container a.close_container{
  min-height:48px !important;
  background:#0b2b55 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body .accessability_container button.wah-action-button,
body .accessability_container .font_resizer a,
body .accessability_container .font_resizer button,
body .accessability_container .contrast_trigger{
  min-height:44px !important;
  background:#0b2b55 !important;
  color:#fff !important;
  border:1px solid #0b2b55 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  box-shadow:none !important;
  transition:background-color .18s ease,border-color .18s ease,transform .18s ease !important;
}
body .accessability_container button.wah-action-button:hover,
body .accessability_container button.wah-action-button:focus,
body .accessability_container button.wah-action-button.active_button,
body .accessability_container .font_resizer a:hover,
body .accessability_container .font_resizer a:focus,
body .accessability_container .contrast_trigger:hover,
body .accessability_container .contrast_trigger:focus{
  background:#f2543d !important;
  border-color:#f2543d !important;
  color:#fff !important;
}
body .accessability_container .font_resizer{
  gap:10px !important;
}
body .accessability_container .wah_plugin_credits,
body .accessability_container .wah-free-credits{
  background:#f5f8fb !important;
  color:#62758d !important;
  border-top:1px solid #e3e9f0 !important;
}
body .accessability_container .wah_plugin_credits a,
body .accessability_container .wah-free-credits a{
  color:#0b2b55 !important;
}
body button.aicon_link,
body .aicon_link{
  background:#0b2b55 !important;
  border-radius:10px 0 0 10px !important;
  box-shadow:0 8px 22px rgba(11,43,85,.18) !important;
}
@media(max-width:650px){
  body .accessability_container{
    width:78vw !important;
    max-width:310px !important;
  }
  body .accessability_container .a_module{
    padding:9px 12px !important;
  }
  body .accessability_container button.wah-action-button,
  body .accessability_container .font_resizer a,
  body .accessability_container .font_resizer button,
  body .accessability_container .contrast_trigger{
    min-height:42px !important;
    font-size:14px !important;
  }
}


/* V3.9.112 — WAH: potpuno skriven panel kad je zatvoren + ZZJZ ikona. */
body .accessability_container{
  right:0 !important;
  transition:transform .22s ease !important;
}
body .accessability_container:not(.active){
  transform:translateX(100%) !important;
  box-shadow:none !important;
}
body .accessability_container.active{
  transform:translateX(0) !important;
}
body .accessability_container .aicon_link,
body button.aicon_link,
body .aicon_link{
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  padding:0 !important;
  background:#0b2b55 !important;
  border:2px solid #fff !important;
  border-right:0 !important;
  border-radius:12px 0 0 12px !important;
  box-shadow:0 6px 18px rgba(11,43,85,.22) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  color:#fff !important;
}
body .accessability_container .aicon_link img,
body .accessability_container .aicon_link svg,
body button.aicon_link img,
body button.aicon_link svg{
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
}
body .accessability_container .aicon_link::before,
body button.aicon_link::before,
body .aicon_link::before{
  content:"♿" !important;
  display:block !important;
  font-family:Arial,sans-serif !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:400 !important;
  color:#fff !important;
}
body .accessability_container:not(.active) .aicon_link{
  visibility:visible !important;
  opacity:1 !important;
}
@media(max-width:650px){
  body .accessability_container .aicon_link,
  body button.aicon_link,
  body .aicon_link{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }
  body .accessability_container .aicon_link::before,
  body button.aicon_link::before,
  body .aicon_link::before{
    font-size:31px !important;
  }
}

/* V3.9.113 — WAH ikona: bez vanjskog okvira, veca i odmaknuta od ruba. */
body .accessability_container .aicon_link,
body button.aicon_link,
body .aicon_link{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  min-height:62px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  margin-top:18px !important;
}
body .accessability_container .aicon_link::before,
body button.aicon_link::before,
body .aicon_link::before{
  font-size:42px !important;
}
/* Kada je panel zatvoren, tipka ostaje malo uvučena od ruba zaslona. */
body .accessability_container:not(.active) .aicon_link{
  margin-left:18px !important;
}
@media(max-width:650px){
  body .accessability_container .aicon_link,
  body button.aicon_link,
  body .aicon_link{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    margin-top:18px !important;
  }
  body .accessability_container .aicon_link::before,
  body button.aicon_link::before,
  body .aicon_link::before{
    font-size:40px !important;
  }
}


/* V3.9.114 — WAH zatvorena ikona: potpuno vidljiva, veca i 18 px od desnog/gornjeg ruba. */
body .accessability_container .aicon_link,
body button.aicon_link,
body .aicon_link{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  min-height:66px !important;
  margin-top:18px !important;
  margin-left:0 !important;
}
body .accessability_container .aicon_link::before,
body button.aicon_link::before,
body .aicon_link::before{
  font-size:44px !important;
}
/* WAH drzi okidac lijevo od panela. Kad je panel zatvoren, pomak ulijevo daje razmak od desnog ruba zaslona. */
body .accessability_container:not(.active) .aicon_link{
  margin-left:0 !important;
  transform:translateX(-18px) !important;
}
body .accessability_container.active .aicon_link{
  transform:none !important;
}
@media(max-width:650px){
  body .accessability_container .aicon_link,
  body button.aicon_link,
  body .aicon_link{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    min-height:64px !important;
    margin-top:18px !important;
  }
  body .accessability_container .aicon_link::before,
  body button.aicon_link::before,
  body .aicon_link::before{
    font-size:43px !important;
  }
}

/* V3.9.116 — WAH mobile: zatvorena ikona ispod mobilnog zaglavlja. */
@media(max-width:820px){
  body .accessability_container:not(.active) .aicon_link{
    margin-top:104px !important;
  }
}


/* V3.9.117 — WAH mobile: native readable-font state + closed trigger at bottom-right. */
@media(max-width:820px){
  body.arial_font_on *:not(.accessability_container):not(.accessability_container *){
    font-family:Arial, Helvetica, sans-serif !important;
  }

  body .accessability_container:not(.active) .aicon_link{
    position:fixed !important;
    top:auto !important;
    right:18px !important;
    bottom:24px !important;
    left:auto !important;
    margin:0 !important;
    transform:none !important;
    z-index:99999 !important;
  }
}


/* V3.9.118 — WAH mobile: reliable closed trigger + readable font. */
@media(max-width:820px){
  /* WAH uses body.arial_font_on for its readable-font state. */
  body.arial_font_on *:not(.accessability_container):not(.accessability_container *){
    font-family:Verdana, Tahoma, Arial, sans-serif !important;
  }

  /* A transformed WAH parent makes position:fixed on the trigger unreliable on mobile.
     Collapse the CLOSED parent instead; the trigger can then stay fixed in the viewport. */
  body .accessability_container:not(.active){
    transform:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    right:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body .accessability_container:not(.active) .aicon_link{
    position:fixed !important;
    top:auto !important;
    right:18px !important;
    bottom:24px !important;
    left:auto !important;
    margin:0 !important;
    transform:none !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:99999 !important;
  }
}


/* V3.9.120 — WAH mobile: hide non-working readable-font control and move trigger to mid-right. */
@media(max-width:820px){
  body .accessability_container:not(.active) .aicon_link{
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    top:55% !important;
    right:10px !important;
    bottom:auto !important;
    left:auto !important;
    margin:0 !important;
    transform:translateY(-50%) !important;
  }
  body .accessability_container:not(.active) .aicon_link::before,
  body button.aicon_link::before,
  body .aicon_link::before{
    font-size:38px !important;
  }
}


/* V3.9.121 — WAH: mobile trigger at lower-right edge + correct action/toggle states. */
@media(max-width:820px){
  body .accessability_container:not(.active) .aicon_link{
    position:fixed !important;
    top:auto !important;
    right:0 !important;
    bottom:110px !important;
    left:auto !important;
    margin:0 !important;
    transform:none !important;
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    z-index:99999 !important;
  }
}

/* Click/focus alone must not look like a persistent enabled state. */
body .accessability_container button.wah-action-button:focus,
body .accessability_container .font_resizer a:focus,
body .accessability_container .font_resizer button:focus,
body .accessability_container .contrast_trigger:focus{
  background:#0b2b55 !important;
  border-color:#0b2b55 !important;
  color:#fff !important;
}
/* A-/A+ are actions, never persistent toggles. */
body .accessability_container .font_resizer .active_button,
body .accessability_container .font_resizer a.active_button,
body .accessability_container .font_resizer button.active_button{
  background:#0b2b55 !important;
  border-color:#0b2b55 !important;
  color:#fff !important;
}
/* Real toggle controls may stay coral while WAH marks them enabled. */
body .accessability_container button.wah-action-button.active_button,
body .accessability_container .contrast_trigger.active_button{
  background:#f2543d !important;
  border-color:#f2543d !important;
  color:#fff !important;
}


/* V3.9.122 — WAH mobile trigger anchored just below "Sve aktualno". */
@media(max-width:820px){
  body .accessability_container:not(.active) .aicon_link{
    position:fixed !important;
    top:var(--zzjz-wah-mobile-top, 320px) !important;
    right:18px !important;
    bottom:auto !important;
    left:auto !important;
    margin:0 !important;
    transform:none !important;
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    z-index:99999 !important;
  }
}

/* V3.9.126 — WAH mobile: A-/A+ and reset remain navy; no transient colour feedback. */
@media(max-width:820px){
  body .accessability_container .font_resizer a,
  body .accessability_container .font_resizer button,
  body .accessability_container .font_resizer .active_button,
  body .accessability_container .font_resizer a.active_button,
  body .accessability_container .font_resizer button.active_button{
    background:#0b2b55 !important;
    border-color:#0b2b55 !important;
    color:#fff !important;
  }
}

/* V3.9.130 — Aktualno: bez bljeska pri izmjeni + desna strelica potpuno unutar slajda */
.aktualno-slide{
  visibility:visible !important;
  opacity:0 !important;
  transition:none !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.aktualno-slide.is-active{
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:2 !important;
}
.aktualno-next{
  right:14px !important;
}
@media(max-width:720px){
  .aktualno-next{right:12px !important;}
}


/* V3.9.132 — Aktualno: desna strelica uz rub, simetrično s lijevom. */
.aktualno-next{
  right:-29px !important;
}
@media(max-width:720px){
  .aktualno-next{right:-8px !important;}
}

/* V3.9.133 — dokumenti dodani kroz jednostavno uređivanje Natječaja */
.natjecaj-uploaded-docs{margin-top:34px;padding:24px 26px;border:1px solid rgba(11,43,85,.12);border-radius:14px;background:#f7faff}
.natjecaj-uploaded-docs h2{margin:0 0 14px;color:#0b2b55;font-size:24px;line-height:1.2}
.natjecaj-uploaded-docs ul{margin:0;padding:0;list-style:none}
.natjecaj-uploaded-docs li+li{margin-top:9px}
.natjecaj-uploaded-docs a{display:inline-flex;gap:8px;color:#0e6fc7;font-weight:700;text-decoration:none}
.natjecaj-uploaded-docs a:hover{text-decoration:underline}

/* V3.9.146 — dokumenti po rubrikama */
.zzjz146-documents{margin-top:42px}.zzjz146-documents ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.zzjz146-documents li{margin:0}.zzjz146-documents li>a{display:grid;grid-template-columns:1fr auto;gap:5px 18px;align-items:center;padding:18px 20px;border:1px solid #dbe4ed;border-radius:12px;background:#fff;text-decoration:none}.zzjz146-documents li>a strong{color:#062f63;font-size:1.05rem}.zzjz146-doc-type{grid-column:2;grid-row:1;color:#53708f;font-size:.78rem;font-weight:700}.zzjz146-doc-open{grid-column:1/-1;color:#f4513c;font-weight:700;font-size:.92rem}@media(max-width:700px){.zzjz146-documents li>a{grid-template-columns:1fr auto;padding:16px}}


/* V3.9.160 — ugrađeni PDF prikaz na objavama Natječaja */
.zzjz-tender-documents{margin-top:42px}
.zzjz-tender-documents>h2{margin-bottom:22px}
.zzjz-tender-pdf{margin:0 0 34px}
.zzjz-tender-pdf h2{font-size:clamp(20px,2vw,26px);margin:0 0 14px}
.zzjz-tender-pdf-viewer{width:100%;height:min(78vh,900px);min-height:620px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.zzjz-tender-pdf-viewer iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.zzjz-tender-pdf-actions{margin:12px 0 0}
.zzjz-tender-pdf-actions a,.zzjz-tender-file a{color:var(--coral);font-weight:700}
@media(max-width:700px){.zzjz-tender-pdf-viewer{height:70vh;min-height:480px;border-radius:10px}}


/* V3.9.172 — Natječaji: manja istaknuta slika lijevo na kartici */
.natjecaj-dynamic-card>a{display:grid;grid-template-columns:96px minmax(0,1fr);padding:0}
.natjecaj-dynamic-card:not(.has-image)>a{display:block}
.natjecaj-card-image{align-self:start;width:96px;height:96px;margin:24px 0 24px 24px;background:#f5f8fb;border-radius:10px;overflow:hidden}
.natjecaj-card-image img{display:block;width:100%;height:100%;min-height:0;object-fit:cover}
.natjecaj-card-body{display:flex;flex-direction:column;min-width:0;padding:22px 24px}
.natjecaj-dynamic-card:not(.has-image) .natjecaj-card-body{height:100%}
@media(max-width:620px){.natjecaj-dynamic-card>a{grid-template-columns:76px minmax(0,1fr)}.natjecaj-card-image{width:76px;height:76px;margin:18px 0 18px 18px}.natjecaj-card-body{padding:18px}.natjecaj-dynamic-meta{align-items:flex-start;flex-direction:column;gap:8px}}

/* V3.9.173 — Natječaji: mala slika vertikalno centrirana lijevo */
.natjecaj-dynamic-card>a{grid-template-columns:88px minmax(0,1fr);align-items:stretch}
.natjecaj-card-image{align-self:center;justify-self:center;width:64px;height:64px;margin:0;background:transparent;border-radius:8px}
.natjecaj-card-image img{width:100%;height:100%;object-fit:contain}
@media(max-width:620px){.natjecaj-dynamic-card>a{grid-template-columns:72px minmax(0,1fr)}.natjecaj-card-image{width:52px;height:52px;margin:0}}

/* V3.9.175 — Natječaji: završno centriranje istaknute slike uz lijevi rub kartice */
.natjecaj-dynamic-card.has-image>a{display:block;position:relative;height:100%;padding:0}
.natjecaj-dynamic-card.has-image .natjecaj-card-image{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:64px;height:64px;margin:0}
.natjecaj-dynamic-card.has-image .natjecaj-card-body{height:100%;margin-left:104px;padding:22px 24px 22px 16px}
@media(max-width:620px){
  .natjecaj-dynamic-card.has-image .natjecaj-card-image{left:18px;width:52px;height:52px}
  .natjecaj-dynamic-card.has-image .natjecaj-card-body{margin-left:82px;padding:18px 18px 18px 12px}
}


/* V3.9.175 — Natječaji: fina korekcija položaja istaknute slike */
.natjecaj-dynamic-card.has-image .natjecaj-card-image{top:calc(50% + 18px) !important}
@media(max-width:620px){.natjecaj-dynamic-card.has-image .natjecaj-card-image{top:calc(50% + 14px) !important}}

/* V3.9.180 — desktop navigacija ostaje vidljiva pri skrolanju.
   Izgled, boje i horizontalno poravnanje ostaju identični V3.9.177. */
@media (min-width:821px){
  .main-nav.zzjz-nav-fixed{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    z-index:9998;
    background:#f8fafc !important;
    border-top:1px solid #f0f2f5;
    border-bottom:1px solid #e7edf3;
  }
  body.admin-bar .main-nav.zzjz-nav-fixed{top:32px}
}

/* V3.9.181 — header i slider koriste istu središnju os i širinu na desktopu. */
@media (min-width:821px){
  .site-header .topbar.container,
  .main-nav .nav-centered,
  .aktualno-slider-section .aktualno-slider{
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .main-nav .nav-centered{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .main-nav .primary-menu-wrap{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin:0 !important;
  }
  .main-nav .header-icon-links{
    right:0 !important;
  }
}


/* V3.9.182 — sticky navigacija zadržava izvornu boju i dobiva malo više zraka. */
@media (min-width:821px){
  .main-nav.zzjz-nav-fixed .nav-centered{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }
}


/* V3.9.183 — navigacija ima potpuno istu pozadinu prije i nakon aktiviranja sticky stanja. */
@media (min-width:821px){
  .main-nav,
  .main-nav.zzjz-nav-fixed{
    background:#f8fafc !important;
  }
}


/* V3.9.189 — zasebna sekcija Natječaji na naslovnici */
.natjecaji-home-section{padding-top:0}
.natjecaji-home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1180px){.natjecaji-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.natjecaji-home-grid{grid-template-columns:1fr}}

/* V3.9.192 — dodatno smanjen naslov na pojedinačnim Obavijestima i Natječajima */
.single-post .content-page h1{
  font-size:clamp(30px,3.3vw,40px);
  line-height:1.08;
}

/* V3.9.193 — ujednačeni H1 naslovi otvorenih Obavijesti, Natječaja i Usluga s naslovom sekcije Usluge na naslovnici. */
.single-post .content-page h1,
.service-page .page-hero h1{
  font-size:32px !important;
  line-height:1.12 !important;
}
@media(max-width:650px){
  .single-post .content-page h1,
  .service-page .page-hero h1{
    font-size:30px !important;
  }
}

/* V3.9.194 — ujednačeni naslovi Usluga i Odjela; uklonjen nadnaslov USLUGE/ODJELI iz hero područja. */
.service-page .page-hero h1,
.department-page .page-hero h1{
  font-size:32px !important;
  line-height:1.12 !important;
}
@media(max-width:650px){
  .service-page .page-hero h1,
  .department-page .page-hero h1{
    font-size:30px !important;
  }
}

/* V3.9.195 — ujednačeni naslovi običnih stranica (O nama, Dokumenti, Kontakt...); uklonjen nadnaslov Zavoda u hero području. */
.inner-page:not(.service-page):not(.department-page) .page-hero h1{
  font-size:32px !important;
  line-height:1.12 !important;
}
.inner-page:not(.service-page):not(.department-page) .page-hero .container > .eyebrow{
  display:none !important;
}
@media(max-width:650px){
  .inner-page:not(.service-page):not(.department-page) .page-hero h1{
    font-size:30px !important;
  }
}

/* V3.9.230 — mirnija hijerarhija podnaslova na stranicama odjela */
.department-page .content-page h2,
.department-page .entry-content h2{font-size:26px !important;line-height:1.22 !important;margin-top:30px;margin-bottom:14px;text-transform:none !important;font-weight:700}
.department-page .content-page h3,
.department-page .entry-content h3{font-size:21px !important;line-height:1.3 !important;text-transform:none !important}
.department-page .dept-doc-link{margin:7px 0;font-size:18px;line-height:1.45}
.department-page .dept-doc-link a{font-weight:500;text-decoration:none}
.department-page .dept-doc-link a:hover{text-decoration:underline}
@media(max-width:650px){.department-page .content-page h2,.department-page .entry-content h2{font-size:23px !important}.department-page .content-page h3,.department-page .entry-content h3{font-size:20px !important}}

/* V3.9.230 — manji podnaslovi na mikrobiologiji */
body.page-slug-mikrobiologija.department-page .content-page h2,
body.page-slug-mikrobiologija.department-page .entry-content h2{font-size:23px !important;line-height:1.25 !important;margin-top:28px;margin-bottom:12px}
@media(max-width:650px){body.page-slug-mikrobiologija.department-page .content-page h2,body.page-slug-mikrobiologija.department-page .entry-content h2{font-size:21px !important}}
.public-health-contact-clean{margin:18px 0 24px}.public-health-contact-clean p{margin:0;line-height:1.8}

/* V3.9.230 — ciljano: manji podnaslovi samo na Odjelu kliničke mikrobiologije */
body.page-slug-mikrobiologija .department-content h2,
body.page-slug-mikrobiologija .page-content h2 {
  font-size: 21px !important;
  line-height: 1.28 !important;
  margin-top: 26px !important;
  margin-bottom: 11px !important;
  text-transform: none !important;
  font-weight: 700 !important;
}
@media (max-width:650px) {
  body.page-slug-mikrobiologija .department-content h2,
  body.page-slug-mikrobiologija .page-content h2 { font-size: 19px !important; }
}

/* V3.9.230 — mikrobiologija: jasna razlika nadnaslova i podnaslova. */
body.page-slug-mikrobiologija .department-content h2.micro-section-heading,
body.page-slug-mikrobiologija .page-content h2.micro-section-heading {
  font-size: 24px !important;
  line-height: 1.25 !important;
  margin-top: 30px !important;
  margin-bottom: 18px !important;
  font-weight: 700 !important;
}
@media (max-width:650px) {
  body.page-slug-mikrobiologija .department-content h2.micro-section-heading,
  body.page-slug-mikrobiologija .page-content h2.micro-section-heading { font-size: 22px !important; }
}

/* V3.9.231 — Aktualno: uredne arhivske kartice */
.aktualno-archive-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.aktualno-archive-grid .obavijest-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.aktualno-archive-grid .obavijest-image{
  display:block;
  width:100%;
  height:210px;
  margin:0;
  flex:0 0 auto;
  overflow:hidden;
  background:#eaf3fb;
}
.aktualno-archive-grid .obavijest-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.aktualno-archive-grid .obavijest-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:20px 22px 22px;
}
.aktualno-archive-grid .obavijest-date{
  margin:0 0 10px;
  color:#647b92;
  font-size:13px;
}
.aktualno-archive-grid .obavijest-body h2{
  margin:0 0 12px;
  color:#0b2b55;
  font-size:21px;
  line-height:1.3;
}
.aktualno-archive-grid .obavijest-body p{
  margin:0 0 20px;
  color:#526b83;
  font-size:14px;
  line-height:1.6;
}
.aktualno-archive-grid .obavijest-more{
  margin-top:auto;
}
@media(max-width:900px){
  .aktualno-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .aktualno-archive-grid{grid-template-columns:1fr;gap:18px}
  .aktualno-archive-grid .obavijest-image{height:190px}
  .aktualno-archive-grid .obavijest-body{padding:18px 18px 20px}
  .aktualno-archive-grid .obavijest-body h2{font-size:19px}
}


/* V3.9.232 — Aktualno: ujednačene 16:9 slike i slika na svakoj kartici. */
.aktualno-archive-grid .obavijest-image{
  height:auto;
  aspect-ratio:16 / 9;
}
.aktualno-archive-grid .obavijest-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:600px){
  .aktualno-archive-grid .obavijest-image{height:auto;aspect-ratio:16 / 9}
}


/* V3.9.253 — HAA potvrda kao izrezana naslovnica + izdvojene izjave */
.header-icon-link-haa{width:66px;}
.header-icon-link-haa img{object-fit:cover;}
.zzjz253-izjave{margin-bottom:42px;}
.zzjz253-izjave .zzjz206-doc-list{margin-top:0;}
@media(max-width:480px){.header-icon-link-haa{width:60px;}}

/* V3.9.257 — preglednije liste na stranicama odjela */
.department-clean-list {
  margin: 0.35rem 0 2rem 1.25rem;
  padding: 0;
}
.department-clean-list li {
  margin: 0 0 0.7rem;
  padding-left: 0.2rem;
}

/* v3.9.264 — strelica za podizbornike druge razine pokazuje udesno.
   Položaj podizbornika ostaje nepromijenjen. */
@media (min-width:821px) {
  .main-nav .sub-menu li.menu-item-has-children > a { position:relative; padding-right:32px; }
  .main-nav .sub-menu li.menu-item-has-children > a::after {
    content:"";
    position:absolute;
    right:14px;
    top:50%;
    width:6px;
    height:6px;
    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;
    transform:translateY(-50%) rotate(-45deg);
  }
}

/* v3.9.265 – targeted WCAG AA contrast refinements.
   Preserve spacing, layout and the original decorative accent color. */
:root{--coral-text:#b52e20;--muted:#4c6076}
/* Accent-colored text on light surfaces */
.section-head>a,.news-body a,.obavijesti-all,.obavijest-more,
.np-all,.np-card strong,.natjecaj-dynamic-card strong,
.search-results-kicker,.search-result-more,.zzjz146-doc-open,
.zzjz-tender-pdf-actions a,.zzjz-tender-file a,
.nav-inner>a:hover,.dropdown>button:hover,.nav-inner>a.active,
.dropdown-menu a:hover,.footer-grid a:hover,
.nav-inner .menu-item>a:hover,.nav-inner .current-menu-item>a,
.main-nav .sub-menu a:hover,.main-nav .sub-menu .current-menu-item>a,
.aktualno-arrow:hover,.aktualno-arrow:focus-visible{color:var(--coral-text)}
/* White text on accent-colored buttons needs a darker fill. */
.btn.primary,.community-primary{background-color:#bd3928;color:#fff}
/* Small muted descriptions on very light surfaces */
.copyright{color:#52647a}

/* V3.9.267 — crop the decorative dots embedded in slide photos without
   adding any overlay/blur strip. Real .aktualno-dots controls are untouched. */
.aktualno-slide::after{content:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
@media(min-width:901px){
  .aktualno-slide:not(.aktualno-fallback){background-size:58% calc(100% + 32px)!important;background-position:right top!important}
}
@media(max-width:900px){
  .aktualno-slide:not(.aktualno-fallback){background-size:auto calc(100% + 32px)!important;background-position:center top!important}
}


/* v3.9.269 — targeted legibility improvements on pale homepage surfaces.
   Decorative coral accents, slider layout and navigation remain unchanged. */
.np-eyebrow,.np-heading p,.np-card-content>span,.np-card p,
.community-eyebrow,.community-values small,.community-facts small,
.year-health-eyebrow,.year-health-heading p,.season-copy p {
  color:#465d75;
}
/* This decorative hero caption overlays a photograph: use solid navy for legibility. */
.np-hero-message{color:#40536a}
/* Small white seasonal labels need a sufficiently dark solid background. */
.season-spring .season-visual span{background-color:#467b16}
.season-summer .season-visual span{background-color:#8c5900}
.season-autumn .season-visual span{background-color:#ae3522}
.season-winter .season-visual span{background-color:#075f9b}

/* v3.9.270 — targeted contrast on dates and national-program hero caption.
   No changes to slider controls, images, or page structure. */
.obavijest-card time,
.natjecaj-dynamic-meta time,
.aktualno-archive-grid .obavijest-date {
  color:#40536a;
}
/* Keep the caption legible regardless of the underlying photograph. */
.national-programs-v3956 .np-hero-visual{opacity:1}
.national-programs-v3956 .np-hero-visual img{opacity:.72}
.national-programs-v3956 .np-hero-message{
  color:#283e55;
  background:rgba(244,247,251,.96);
  border-radius:6px;
  padding:4px 8px;
}

/* v3.9.271 — give the slider's date and summary an explicit, opaque
   navy background for dependable text contrast. The image, decorative
   overlay, navigation arrows and real pagination dots remain untouched. */
.aktualno-slide .aktualno-content time,
.aktualno-slide .aktualno-content p {
  color:#fff;
  opacity:1;
  background-color:#0b2b55;
  border-radius:3px;
}
.aktualno-slide .aktualno-content time {
  width:fit-content;
  max-width:100%;
}

/* v3.9.272 — remove the visible rectangular background behind slider summaries.
   Keep the existing image gradient, slider controls and date styling unchanged. */
.aktualno-slide .aktualno-content p {
  background-color:transparent;
  background-image:none;
  border-radius:0;
}

/* V3.9.273 — samo stranica Kontakti: uravnotežena hijerarhija naslova. */
body.page-slug-kontakti .entry-content h2,
body.page-slug-kontakti .entry-content h3,
body.page-slug-kontakti .entry-content h4 {line-height:1.3;letter-spacing:normal;}
body.page-slug-kontakti .entry-content h2 {font-size:26px !important;font-weight:700 !important;margin:30px 0 16px !important;}
body.page-slug-kontakti .entry-content h3 {font-size:22px !important;font-weight:700 !important;margin:28px 0 14px !important;}
body.page-slug-kontakti .entry-content h4 {font-size:19px !important;font-weight:650 !important;margin:22px 0 12px !important;}
@media(max-width:700px){body.page-slug-kontakti .entry-content h2{font-size:23px !important}body.page-slug-kontakti .entry-content h3{font-size:20px !important}}
/* Poveznice unutar kartica su diskretnije; poveznice 'Sve/Svi' ostaju podebljane. */
.obavijest-more,.natjecaj-dynamic-card strong,.np-card-content>strong {font-weight:500 !important;}

/* v3.9.274 — dosljedni naslovi na stranici Kontakti (stvarni .page-content). */
body.zzjz-contacts-page .page-content h2 {
  font-size:24px !important;
  line-height:1.35 !important;
  letter-spacing:normal !important;
  font-weight:700 !important;
  margin:32px 0 15px !important;
  overflow-wrap:break-word;
}
body.zzjz-contacts-page .page-content h3 {
  font-size:21px !important;
  line-height:1.4 !important;
  letter-spacing:normal !important;
  font-weight:700 !important;
  margin:25px 0 13px !important;
}
body.zzjz-contacts-page .page-content h4 {
  font-size:18px !important;
  line-height:1.4 !important;
  margin:20px 0 11px !important;
}
@media(max-width:700px){
  body.zzjz-contacts-page .page-content h2{font-size:21px !important}
  body.zzjz-contacts-page .page-content h3{font-size:19px !important}
}

/* v3.9.275 — samo nazivi odjela na stranici Kontakti. */
body.zzjz-contacts-page .page-content h2.zzjz-contact-department {
  font-size:40px !important;
  line-height:1.3 !important;
  text-transform:none !important;
  letter-spacing:normal !important;
  overflow-wrap:break-word;
  margin:36px 0 18px !important;
}
@media(max-width:700px){
  body.zzjz-contacts-page .page-content h2.zzjz-contact-department {font-size:30px !important;}
}

/* v3.9.276 — Kontakti: naslovi svih odjela isti kao naslov Uprava. */
body.zzjz-contacts-page .page-content h2.zzjz-contact-department {
  font-size:21px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  margin:25px 0 13px !important;
}
@media(max-width:700px){
  body.zzjz-contacts-page .page-content h2.zzjz-contact-department {font-size:19px !important;}
}

/* v3.9.277 — poveznice u karticama godišnjih doba nisu podebljane. */
.season-copy a { font-weight: 500 !important; }

/* v3.9.278 — semibold samo na dogovorenim poveznicama i dva CTA gumba. */
.obavijest-more,
.natjecaj-dynamic-card strong,
.np-card-content > strong,
.season-copy a,
.community-actions .community-primary,
.community-actions .community-secondary {
  font-weight: 600 !important;
}

/* v3.9.279 — originalna Unsplash fotografija; nježniji prijelaz, bez natpisa */
.community-hero-v3957 .community-photo::before{width:clamp(95px,14%,180px);background:linear-gradient(90deg,#eef6fc 0%,rgba(238,246,252,.76) 25%,rgba(238,246,252,.25) 72%,rgba(238,246,252,0) 100%);pointer-events:none}
.community-hero-v3957 .community-photo img{object-position:50% 50%}
.community-hero-v3957 .community-photo-quote{display:none!important}
@media(max-width:850px){.community-hero-v3957 .community-photo::before{width:100%;height:80px;inset:0 0 auto;background:linear-gradient(180deg,#eef6fc,transparent)}.community-hero-v3957 .community-photo img{object-position:center center}}

/* v3.9.282 — pregled stranih radnika */
.zzjz-worker-email, .zzjz-worker-document a { color:#0066cc !important; font-weight:700; text-decoration:none; }
.zzjz-worker-email:hover, .zzjz-worker-email:focus-visible,
.zzjz-worker-document a:hover, .zzjz-worker-document a:focus-visible { text-decoration:underline; }
.zzjz-worker-important { margin:22px 0; padding:18px 22px; border-left:5px solid #1474bb; background:#eaf5ff; border-radius:8px; color:#123456; }
.zzjz-worker-important > strong { display:block; margin-bottom:10px; }
.zzjz-worker-important ul { margin-top:8px; margin-bottom:0; }
.zzjz-worker-translation { margin:22px 0; padding:18px 22px; border-left:5px solid #d49b24; background:#fff6db; border-radius:8px; color:#543e12; }
.zzjz-worker-document { margin:10px 0; }

/* v3.9.283 — poveznica na upute za uzorak stolice */
.zzjz-worker-important a.zzjz-worker-document-inline { color: #0066cc; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.zzjz-worker-important a.zzjz-worker-document-inline:hover { color: #004b98; }


/* v3.9.289 — jedna strelica desno za mobilni podizbornik druge razine. */
@media(max-width:820px){
 .main-nav .sub-menu li.menu-item-has-children > a::after{content:none!important;display:none!important}
 .main-nav .sub-menu li.menu-item-has-children > a{padding-right:52px!important}
 .main-nav .sub-menu li.menu-item-has-children > .dropdown-toggle{
   display:flex!important;position:absolute;top:0;right:4px;width:42px;height:42px;
   align-items:center;justify-content:center;font-size:0;line-height:0;
   transform:none!important;color:var(--navy)
 }
 .main-nav .sub-menu li.menu-item-has-children > .dropdown-toggle::after{
   content:"";display:block;width:8px;height:8px;
   border-right:2px solid currentColor;border-bottom:2px solid currentColor;
   transform:rotate(-45deg);transition:transform .18s ease
 }
 .main-nav .sub-menu li.menu-item-has-children.dropdown-open > .dropdown-toggle::after{
   transform:rotate(45deg)
 }
}

/* v3.9.298 HEPSC */
.hepsc-heading{margin:2rem 0 1rem;font-size:1.35rem}
.hepsc-post-list{margin:0 0 2rem;padding:0}
.hepsc-post-row{padding:.8rem 0 .85rem 1.1rem;border-bottom:1px solid #d9e1e7;position:relative}
.hepsc-post-row::before{content:"›";position:absolute;left:0;top:.75rem;color:#0875b9;font-size:1.4rem;line-height:1}
.hepsc-post-row a{display:block;text-decoration:none;line-height:1.45}
.hepsc-post-row a:hover{text-decoration:underline}
.hepsc-date{display:block;margin-top:.25rem;font-size:.9rem;color:#66727d}
.hepsc-doc-list{display:grid;gap:.7rem;margin:0 0 2rem}
.hepsc-doc-row{padding:.6rem .85rem;border:1px solid #dce5eb;border-radius:5px;overflow-wrap:anywhere}
.hepsc-doc-row a{line-height:1.5}
.hepsc-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;margin:2rem 0}
.hepsc-gallery figure{margin:0}
.hepsc-gallery img{display:block;width:100%;height:auto;max-width:100%;border-radius:5px}
@media(max-width:600px){.hepsc-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.hepsc-heading{font-size:1.2rem}}

/* v3.9.299 HEPSC clickable galleries */
.hepsc-gallery .hepsc-image-link{display:block;cursor:zoom-in}
.hepsc-gallery .hepsc-image-link:focus-visible{outline:3px solid #0875b9;outline-offset:3px}
.hepsc-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;padding:3rem 4rem}
.hepsc-lightbox[hidden]{display:none}
.hepsc-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 6rem);object-fit:contain}
.hepsc-lightbox button{position:absolute;border:0;background:rgba(255,255,255,.15);color:#fff;cursor:pointer;border-radius:4px;font-size:2rem;line-height:1;padding:.5rem .8rem}
.hepsc-lightbox button:hover,.hepsc-lightbox button:focus-visible{background:rgba(255,255,255,.3)}
.hepsc-lightbox .hepsc-close{top:1rem;right:1rem}
.hepsc-lightbox .hepsc-prev{left:.5rem;top:50%;transform:translateY(-50%)}
.hepsc-lightbox .hepsc-next{right:.5rem;top:50%;transform:translateY(-50%)}
@media(max-width:600px){.hepsc-lightbox{padding:3rem 2.5rem}.hepsc-lightbox button{font-size:1.5rem;padding:.45rem}}

/* v3.9.301 – HEPSC source links: recognizable blue, underline on hover. */
a[href*="dv-simaslina.com/projekt-hepsc"],
a[href*="dvtamaris.hr/index.php?option=com_k2"] {
  color: #0e6fc7 !important;
  text-decoration: none;
}
a[href*="dv-simaslina.com/projekt-hepsc"]:hover,
a[href*="dv-simaslina.com/projekt-hepsc"]:focus-visible,
a[href*="dvtamaris.hr/index.php?option=com_k2"]:hover,
a[href*="dvtamaris.hr/index.php?option=com_k2"]:focus-visible {
  color: #0b559c !important;
  text-decoration: underline;
}

/* v3.9.304 — O nama: sprječavanje vodoravnog prelijevanja teksta na mobitelima. */
@media (max-width: 600px) {
  body.page-slug-o-nama .page-content,
  body.page-slug-o-nama .page-content section,
  body.page-slug-o-nama .about-board-body,
  body.page-slug-o-nama .about-section-head,
  body.page-slug-o-nama .about-activity-grid,
  body.page-slug-o-nama .about-department-grid {
    min-width: 0;
    max-width: 100%;
  }
  body.page-slug-o-nama .page-content p,
  body.page-slug-o-nama .page-content h2,
  body.page-slug-o-nama .page-content h3,
  body.page-slug-o-nama .about-board-body,
  body.page-slug-o-nama .about-activity,
  body.page-slug-o-nama .about-department-grid .department-link {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  body.page-slug-o-nama .about-law-ref {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  body.page-slug-o-nama .about-activity-grid,
  body.page-slug-o-nama .about-department-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.page-slug-o-nama .about-activity {
    min-width: 0;
    font-size: 14px;
  }
  body.page-slug-o-nama .about-activity::before { flex-shrink: 0; }
}

/* v3.9.306 — WCAG AA contrast for the homepage slider action only. */
.aktualno-content .btn.primary,
.aktualno-content .btn.primary:hover,
.aktualno-content .btn.primary:focus-visible{
  background:#b93425;
  background-color:#b93425;
  color:#fff;
}

/* V3.9.316 — mobilni prikaz PDF dokumenata natječaja */
@media(max-width:700px){
 .zzjz-tender-pdf-actions{margin:12px 0 26px}
 .zzjz-tender-pdf-actions a{display:inline-block;background:#175bd5;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700}
 .zzjz-tender-pdf-actions a:hover,.zzjz-tender-pdf-actions a:focus-visible{background:#0b438f;color:#fff;text-decoration:underline}
}

/* v3.9.324: the entire season card is one accessible link. */
.season-card-link{display:block;height:100%;color:inherit;text-decoration:none;cursor:pointer}
.season-card-link:hover,.season-card-link:focus-visible{text-decoration:none}
.season-card-link:focus-visible{outline:3px solid #0e6fc7;outline-offset:-3px;border-radius:14px}
.season-copy .season-read-more{color:#0e6fc7;font-size:14px;font-weight:500;text-decoration:none}

/* v3.9.337: PDF.js remains visible on mobile. */

/* v3.9.334: PDF document pages, without embedded browser controls. */
.zzjz-tender-pdf-viewer.zzjz-pdfjs-document{height:auto;min-height:0;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}
.zzjz-pdfjs-page{position:relative;margin:0 auto 16px;background:#fff;line-height:0;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.zzjz-pdfjs-page canvas{display:block;width:100%;height:auto}
.zzjz-pdfjs-link{position:absolute;display:block;cursor:pointer;z-index:2}
.zzjz-pdfjs-link:focus-visible{outline:2px solid #0753a0;background:rgba(7,83,160,.13)}
.zzjz-pdfjs-loading,.zzjz-pdfjs-error{padding:18px;color:#263a55;line-height:1.5}
@media print{.zzjz-tender-pdf-viewer.zzjz-pdfjs-document{display:block}}

/* v3.9.339: samo stranica Kontakti — njezniji H4 naslovi. */
body.page-slug-kontakti .page-content h4,
body.page-slug-kontakti .entry-content h4,
body.zzjz-contacts-page .page-content h4,
body.zzjz-contacts-page .entry-content h4 {
  font-weight:600 !important;
}