/* ==========================================================
   ZZ – Moderni izgled sajta (OŠ „Žarko Zrenjanin“)
   Boje, fontovi i zaobljenja dolaze iz Elementor globalnih
   varijabli (--zz-*). Menjajte ih u Elementoru: Varijable.
   ========================================================== */

/* 1. Hero naslov – istaknute reči
      kurziv = narandžasta (naglasak), podebljano = zelena, podvučeno = žuti marker */
.zz-naslov-hero-h1 em{font-style:normal;color:var(--zz-orange);}
.zz-naslov-hero-h1 strong{font-weight:inherit;color:var(--zz-green);}
.zz-naslov-hero-h1 u{text-decoration:none;background:linear-gradient(transparent 60%,var(--zz-sun) 60%);padding:0 .08em;}

/* 2. Lebdeće kartice u heru (klasa: zz-hero-lebdeca-kartica) */
@keyframes zz-lebdenje{0%,100%{translate:0 0}50%{translate:0 -14px}}
.zz-hero-lebdeca-kartica{animation:zz-lebdenje 5s ease-in-out infinite;}
.zz-hero-lebdeca-kartica:nth-of-type(odd){animation-duration:6s;animation-delay:.8s;}

/* 3. Kartice brzih linkova – strelica na prelaz mišem (klasa: zz-kartica-link) */
.zz-kartica-link{position:relative;}
.zz-kartica-link::after{content:"→";position:absolute;top:24px;right:24px;font-size:22px;font-weight:700;color:var(--zz-ink);opacity:0;translate:-8px 0;transition:all .35s;}
.zz-kartica-link:hover::after{opacity:1;translate:0 0;}

/* 4. Kartice članaka (widgeti "Чланци / Posts" i "Archive Posts", skin Cards) – važi na celom sajtu */
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__card{border:0!important;border-radius:var(--zz-radius)!important;overflow:hidden;background:var(--zz-white)!important;box-shadow:0 10px 30px rgba(13,59,42,.08)!important;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(13,59,42,.18)!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__thumbnail img{transition:scale .9s cubic-bezier(.2,.8,.2,1)!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__card:hover .elementor-post__thumbnail img{scale:1.08;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__badge{background:var(--zz-sun)!important;color:var(--zz-ink)!important;font-weight:800!important;border-radius:999px!important;padding:6px 14px!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__title,
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__title a{font-family:var(--zz-font-heading),sans-serif!important;font-weight:600!important;line-height:1.35!important;color:var(--zz-ink)!important;transition:color .3s;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__card:hover .elementor-post__title a{color:var(--zz-orange)!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__excerpt p{font-family:var(--zz-font-body),sans-serif!important;color:var(--zz-muted)!important;}
:is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__meta-data{font-family:var(--zz-font-body),sans-serif!important;font-weight:700;color:var(--zz-muted)!important;border-top-color:var(--zz-cream)!important;}

/* 5. Pomoćne klase za starije (V3) Elementor sekcije
      Dodaju se u Elementoru: Napredno → CSS klase
      zz-v3-sekcija  = poravnanje i razmak kao nove sekcije (bela pozadina)
      zz-v3-krem     = dodatak za krem pozadinu
      zz-v3-naslov   = naslov sekcije u novom stilu */
.zz-v3-sekcija{background:var(--zz-white)!important;--padding-top:80px!important;--padding-bottom:96px!important;--padding-left:var(--zz-gutter)!important;--padding-right:var(--zz-gutter)!important;--content-width:100%!important;}
.zz-v3-sekcija.zz-v3-krem{background:var(--zz-cream)!important;}
.zz-v3-naslov .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif!important;font-weight:700!important;font-size:clamp(26px,3.2vw,42px)!important;line-height:1.15!important;color:var(--zz-ink)!important;text-align:left!important;text-transform:none!important;}
.zz-v3-naslov .elementor-heading-title::before{content:"";display:block;width:56px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--zz-orange),var(--zz-sun));margin-bottom:18px;}
@media (max-width:1024px){.zz-v3-sekcija{--padding-left:32px!important;--padding-right:32px!important;}}
@media (max-width:767px){.zz-v3-sekcija{--padding-top:56px!important;--padding-bottom:64px!important;--padding-left:20px!important;--padding-right:20px!important;}}

/* 6. Manje animacija za posetioce koji to traže u podešavanjima uređaja */
@media (prefers-reduced-motion:reduce){
  .zz-hero-lebdeca-kartica{animation:none!important;}
  :is(.elementor-widget-posts,.elementor-widget-archive-posts) .elementor-post__card,.zz-kartica-link{transition:none!important;}
}


/* 7. Najnovije vesti na vrhu početne (klasa na widgetu Članci: zz-vesti-udarne)
      Prva vest: velika, naslov preko fotografije.
      Ostale četiri: horizontalne kartice (slika levo, naslov desno). */
.zz-v3-sekcija.zz-v3-vesti{--padding-top:28px!important;--padding-bottom:80px!important;}
.zz-vesti-udarne .elementor-posts-container{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
.zz-vesti-udarne .elementor-post{margin:0!important;}

/* Glavna vest */
.zz-vesti-udarne .elementor-post:first-child .elementor-post__card{display:grid;grid-template-rows:1fr auto;height:100%;min-height:380px;position:relative;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__thumbnail__link{grid-area:1/1/3/2;position:relative;display:block;height:100%;margin:0!important;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__thumbnail{position:absolute!important;inset:0;height:100%;padding-bottom:0!important;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__thumbnail__link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,59,42,0) 35%,rgba(13,59,42,.55) 65%,rgba(13,59,42,.92) 100%);pointer-events:none;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__text{grid-area:1/1/2/2;align-self:end;position:relative;z-index:2;padding:0 32px 6px!important;margin:0!important;pointer-events:none;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__title a{pointer-events:auto;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__meta-data{grid-area:2/1/3/2;position:relative;z-index:2;border:0!important;padding:4px 32px 28px!important;color:rgba(255,255,255,.8)!important;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__title,
.zz-vesti-udarne .elementor-post:first-child .elementor-post__title a{color:var(--zz-white)!important;font-size:clamp(22px,2.3vw,32px)!important;font-weight:700!important;line-height:1.2!important;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__card:hover .elementor-post__title a{color:var(--zz-sun)!important;}
.zz-vesti-udarne .elementor-post:first-child .elementor-post__badge{background:var(--zz-orange)!important;color:var(--zz-white)!important;z-index:3;}

/* Ostale vesti */
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__card{display:grid;grid-template-columns:clamp(110px,38%,180px) minmax(0,1fr);grid-template-rows:1fr auto;height:100%;min-height:118px;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__card:hover{transform:translateY(-4px);}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__thumbnail__link{grid-area:1/1/3/2;position:relative;display:block;height:100%;margin:0!important;width:auto!important;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__thumbnail{position:absolute!important;inset:0;height:100%;padding-bottom:0!important;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__badge{display:none!important;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__text{grid-area:1/2/2/3;align-self:center;padding:16px 20px 4px!important;margin:0!important;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__meta-data{grid-area:2/2/3/3;border:0!important;padding:0 20px 14px!important;}
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__title,
.zz-vesti-udarne .elementor-post:not(:first-child) .elementor-post__title a{font-size:15px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.zz-vesti-udarne .elementor-post__excerpt{display:none;}

@media (min-width:768px) and (max-width:1024px){
  .zz-vesti-udarne .elementor-posts-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .zz-vesti-udarne .elementor-post:first-child{grid-column:1/-1;}
  .zz-vesti-udarne .elementor-post:first-child .elementor-post__card{min-height:420px;}
}
@media (min-width:1025px){
  .zz-vesti-udarne .elementor-posts-container{grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;grid-template-rows:repeat(4,minmax(118px,auto));gap:18px 24px!important;}
  .zz-vesti-udarne .elementor-post:first-child{grid-column:1;grid-row:1/span 4;}
  .zz-vesti-udarne .elementor-post:not(:first-child){grid-column:2;}
  .zz-vesti-udarne .elementor-post:first-child .elementor-post__card{min-height:540px;}
}
@media (max-width:767px){
  .zz-vesti-udarne .elementor-post:first-child .elementor-post__card{min-height:340px;}
  .zz-vesti-udarne .elementor-post:first-child .elementor-post__text{padding:0 20px 4px!important;}
  .zz-vesti-udarne .elementor-post:first-child .elementor-post__meta-data{padding:4px 20px 20px!important;}
}

/* 8. Dinamički brojevi (shortcode) u heru i statistici */
.zz-hero-lebdeca-broj .elementor-shortcode,.zz-statistika-broj .elementor-shortcode{line-height:1.1;}

/* 9. Header – logo se lagano smanjuje pri skrolovanju nadole i vraća na vrhu.
      Elementor sam dodaje klasu .elementor-sticky--effects na lepljivi (sticky) red
      kad se pređe 80 px skrolovanja (Header → Motion Effects → Effects Offset). */
.elementor-location-header .elementor-sticky{transition:padding .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,background-color .5s ease;}
.elementor-location-header .elementor-widget-theme-site-logo img{max-width:90px;transition:max-width .5s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1);will-change:max-width;}
.elementor-location-header .elementor-sticky--effects{--padding-top:4px;--padding-bottom:4px;box-shadow:0 12px 32px rgba(13,59,42,.12)!important;}
.elementor-location-header .elementor-sticky--effects .elementor-widget-theme-site-logo img{max-width:54px!important;}
@media (max-width:767px){
  .elementor-location-header .elementor-sticky--effects .elementor-widget-theme-site-logo img{max-width:46px!important;}
}
@media (prefers-reduced-motion:reduce){
  .elementor-location-header .elementor-sticky,.elementor-location-header .elementor-widget-theme-site-logo img{transition:none!important;}
}


/* ==========================================================
   10. OSTALE STRANICE, ARHIVE I POJEDINAČNI ČLANCI
   Sve boje i fontovi su iz varijabli --zz-*. Važi na celom sajtu.
   ========================================================== */

/* 10a. Naslov stranice – isti izgled svuda (obične stranice, arhive, članci) */
.page-header .entry-title,
.elementor-widget-theme-archive-title .elementor-heading-title,
.elementor-location-archive .elementor-widget-heading h1.elementor-heading-title,
.elementor-location-single .elementor-widget-theme-post-title .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif!important;font-weight:700!important;font-size:clamp(28px,4vw,50px)!important;line-height:1.12!important;letter-spacing:-.5px;color:var(--zz-ink)!important;}
.page-header .entry-title::before,
.elementor-widget-theme-archive-title .elementor-heading-title::before,
.elementor-location-archive .elementor-widget-heading h1.elementor-heading-title::before{content:"";display:block;width:56px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--zz-orange),var(--zz-sun));margin-bottom:18px;}
/* Krem pojas preko cele širine ekrana iza naslova */
.page-header,
.elementor-location-archive .elementor-widget-theme-archive-title,
.elementor-location-archive .elementor-widget-heading:has(> .elementor-widget-container > h1),
.elementor-location-archive .elementor-widget-heading:has(> h1){position:relative;padding:44px 0 36px!important;margin-bottom:36px!important;background:var(--zz-cream);box-shadow:0 0 0 100vmax var(--zz-cream);clip-path:inset(0 -100vmax);}
.page-header{margin-top:0!important;}
/* u šablonima arhiva naslov je u koloni sa 10px razmaka – pojas se pomera do headera */
.elementor-location-archive .elementor-widget-theme-archive-title,.elementor-location-archive .elementor-widget-heading:has(h1){margin-top:-10px!important;}
@media (max-width:767px){
  .page-header,.elementor-location-archive .elementor-widget-theme-archive-title,.elementor-location-archive .elementor-widget-heading:has(h1){padding:30px 0 24px!important;margin-bottom:24px!important;}
}

/* Dokumenti, javne nabavke i ostale pojedinačne strane (osim vesti) – isti krem pojas */
body:not(.single-post) .elementor-location-single .elementor-widget-theme-post-title{position:relative;padding:40px 0 8px!important;background:var(--zz-cream);box-shadow:0 0 0 100vmax var(--zz-cream);clip-path:inset(-40px -100vmax 0 -100vmax);}
body:not(.single-post) .elementor-location-single .elementor-widget-theme-post-title .elementor-heading-title::before{content:"";display:block;width:56px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--zz-orange),var(--zz-sun));margin-bottom:18px;}

/* 10b. Tekst stranica i članaka – čitljiva tipografija */
.page-content,.elementor-widget-theme-post-content{font-size:18px;line-height:1.75;color:var(--zz-ink);}
.page-content :is(h2,h3,h4),.elementor-widget-theme-post-content :is(h2,h3,h4){font-family:var(--zz-font-heading),sans-serif;color:var(--zz-ink);line-height:1.25;margin:1.6em 0 .6em;}
.page-content h2,.elementor-widget-theme-post-content h2{font-size:clamp(22px,2.4vw,30px);}
.page-content h3,.elementor-widget-theme-post-content h3{font-size:clamp(19px,2vw,23px);}
.page-content h4,.elementor-widget-theme-post-content h4{font-size:19px;}
.page-content :is(p,td,li:not(.elementor-icon-list-item)) > a,
.elementor-widget-theme-post-content :is(p,td,li) > a{color:var(--zz-orange-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(255,119,0,.35);transition:all .25s;}
.page-content :is(p,td,li:not(.elementor-icon-list-item)) > a:hover,
.elementor-widget-theme-post-content :is(p,td,li) > a:hover{color:var(--zz-orange);text-decoration-color:var(--zz-orange);}
.page-content :is(ul,ol) li::marker,.elementor-widget-theme-post-content :is(ul,ol) li::marker{color:var(--zz-orange);}
.page-content img,.elementor-widget-theme-post-content img{border-radius:18px;}
.page-content blockquote,.elementor-widget-theme-post-content blockquote{margin:1.5em 0;padding:20px 26px;background:var(--zz-cream);border-left:5px solid var(--zz-orange);border-radius:0 18px 18px 0;font-style:normal;}
.page-content table,.elementor-widget-theme-post-content table{width:100%;border-collapse:separate;border-spacing:0;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(13,59,42,.08);font-size:16px;}
.page-content table :is(th,td),.elementor-widget-theme-post-content table :is(th,td){padding:12px 16px;border:0;border-bottom:1px solid var(--zz-cream);}
.page-content table th,.elementor-widget-theme-post-content table th{background:var(--zz-green-dark);color:var(--zz-white);font-family:var(--zz-font-body),sans-serif;font-weight:800;text-align:left;}
.page-content table tr:nth-child(even) td,.elementor-widget-theme-post-content table tr:nth-child(even) td{background:var(--zz-cream);}
@media (max-width:767px){.page-content,.elementor-widget-theme-post-content{font-size:17px;}}

/* Dugme u tekstu članka (klasa zz-dugme-u-tekstu – koristi se u starim vestima umesto WPBakery dugmadi) */
.zz-dugme-u-tekstu{margin:1.2em 0;}
.zz-dugme-u-tekstu a{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;background:var(--zz-orange);color:var(--zz-white)!important;font-family:var(--zz-font-body),sans-serif;font-weight:800;line-height:1.3;text-decoration:none!important;box-shadow:0 10px 24px rgba(255,119,0,.28);transition:all .3s;}
.zz-dugme-u-tekstu a::after{content:"→";}
.zz-dugme-u-tekstu a[href$=".pdf"]::after,.zz-dugme-u-tekstu a[href$=".doc"]::after,.zz-dugme-u-tekstu a[href$=".docx"]::after{content:"↓";}
.zz-dugme-u-tekstu a:hover{background:var(--zz-ink);transform:translateY(-2px);}
/* WordPress galerija u tekstu ([gallery]) */
:is(.page-content,.elementor-widget-theme-post-content) .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:1.5em 0!important;}
:is(.page-content,.elementor-widget-theme-post-content) .gallery br{display:none;}
:is(.page-content,.elementor-widget-theme-post-content) .gallery-item{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;}
:is(.page-content,.elementor-widget-theme-post-content) .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:0!important;border-radius:14px;transition:transform .4s,box-shadow .4s;}
:is(.page-content,.elementor-widget-theme-post-content) .gallery-item a:hover img{transform:scale(1.03);box-shadow:0 14px 30px rgba(13,59,42,.18);}
:is(.page-content,.elementor-widget-theme-post-content) .gallery-caption{font-size:14px;color:var(--zz-muted);padding-top:6px;}
@media (max-width:767px){:is(.page-content,.elementor-widget-theme-post-content) .gallery{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* YouTube i drugi ugrađeni video snimci u tekstu */
.elementor-widget-theme-post-content iframe[src*="youtube"]{width:100%;height:auto;aspect-ratio:16/9;border-radius:18px;}

/* 10c. Pojedinačna vest – naslovna fotografija, podaci i dugmad za deljenje */
.elementor-location-single .elementor-widget-image img{border-radius:var(--zz-radius);box-shadow:0 20px 50px rgba(13,59,42,.14);}
.elementor-location-single .elementor-widget-post-info .elementor-icon-list-item{background:var(--zz-cream);border-radius:999px;padding:6px 14px!important;margin-right:8px!important;font-weight:700;}
.elementor-location-single .elementor-widget-post-info .elementor-icon-list-item::after{display:none!important;}
.elementor-location-single .elementor-share-btn{border-radius:12px!important;transition:transform .25s;}
.elementor-location-single .elementor-share-btn:hover{transform:translateY(-3px);}
.elementor-location-single .elementor-widget-gallery .e-gallery-image{border-radius:14px;}

/* 10d. Dokumenti za preuzimanje – shortcode [prikazi-listu-dokumenata]
      (PHP snippet "Prikazi listu dokumenata"). Svaka stavka: ikona tipa fajla,
      naziv, meta podaci (tip · veličina · datum) i dugme "Преузми". */
.zz-dokumenti{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:12px;}
.zz-dokument{position:relative;display:flex;align-items:center;gap:16px;margin:0!important;padding:14px 14px 14px 16px!important;background:var(--zz-white);border-radius:16px;box-shadow:0 6px 18px rgba(13,59,42,.08);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;}
.zz-dokument:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(13,59,42,.14);}
.zz-dokument__ikona{position:relative;flex:0 0 46px;height:56px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:9px;font-family:var(--zz-font-body),sans-serif;font-weight:900;font-size:11px;letter-spacing:.6px;color:var(--zz-white);background:var(--zz-muted);clip-path:polygon(0 0,68% 0,100% 24%,100% 100%,0 100%);}
.zz-dokument__ikona::after{content:"";position:absolute;top:0;right:0;width:32%;height:24%;background:rgba(255,255,255,.45);clip-path:polygon(0 0,100% 100%,0 100%);}
.zz-dokument--pdf .zz-dokument__ikona{background:var(--zz-coral);}
.zz-dokument--doc .zz-dokument__ikona{background:var(--zz-sky);}
.zz-dokument--xls .zz-dokument__ikona{background:var(--zz-green);}
.zz-dokument--ppt .zz-dokument__ikona{background:var(--zz-orange);}
.zz-dokument--img .zz-dokument__ikona{background:var(--zz-sun);color:var(--zz-ink);}
.zz-dokument--zip .zz-dokument__ikona{background:var(--zz-ink);}
.zz-dokument__tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}
.zz-dokument__naziv{font-weight:800;font-size:16px;color:var(--zz-ink)!important;line-height:1.35;text-decoration:none!important;transition:color .25s;}
.zz-dokument__naziv::after{content:"";position:absolute;inset:0;border-radius:16px;}
.zz-dokument:hover .zz-dokument__naziv{color:var(--zz-orange-dark)!important;}
.zz-dokument__meta{font-size:13px;font-weight:700;color:var(--zz-muted);letter-spacing:.2px;}
.zz-dokument__preuzmi{position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;background:var(--zz-orange-soft);color:var(--zz-orange-dark)!important;font-family:var(--zz-font-body),sans-serif;font-weight:800;font-size:14px;text-decoration:none!important;transition:all .25s;}
.zz-dokument__preuzmi:hover{background:var(--zz-orange);color:var(--zz-white)!important;}
.zz-dokument__preuzmi svg{width:18px;height:18px;flex:0 0 18px;}
/* Numerisana lista (javne nabavke – [prikazi-listu-javnih-nabavki]) */
.zz-dokumenti--numerisano{counter-reset:zz-dok;}
.zz-dokumenti--numerisano .zz-dokument{counter-increment:zz-dok;}
.zz-dokumenti--numerisano .zz-dokument__naziv::before{content:counter(zz-dok) ". ";color:var(--zz-orange-dark);font-weight:900;}
.zz-dokument__naziv:focus-visible,.zz-dokument__preuzmi:focus-visible{outline:3px solid var(--zz-orange);outline-offset:3px;}
@media (max-width:1024px){.zz-dokument__preuzmi{width:44px;padding:0;justify-content:center;}.zz-dokument__preuzmi-tekst{display:none;}}
@media (max-width:767px){.zz-dokument{gap:12px;padding:12px!important;}.zz-dokument__ikona{flex-basis:40px;height:50px;}.zz-dokument__naziv{font-size:15px;}}
.elementor-location-single .e-con.e-child{border-radius:var(--zz-radius);}

/* 10e. Liste dokumenata i javnih nabavki (Archive Posts, skin Classic) */
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post{position:relative;background:var(--zz-white)!important;border:0!important;border-radius:18px!important;padding:20px 24px 18px 30px!important;box-shadow:0 6px 20px rgba(13,59,42,.07);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;overflow:hidden;}
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,var(--zz-orange),var(--zz-sun));}
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,59,42,.14);}
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post__title,
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post__title a{font-family:var(--zz-font-heading),sans-serif!important;font-weight:600!important;font-size:18px!important;line-height:1.35!important;color:var(--zz-ink)!important;transition:color .25s;}
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post:hover .elementor-post__title a{color:var(--zz-orange-dark)!important;}
.elementor-widget-archive-posts .elementor-posts--skin-classic .elementor-post__meta-data{font-weight:700;color:var(--zz-muted)!important;margin-top:6px;}

/* 10f. Kartice zaposlenih (JetEngine listing) */
.jet-listing-grid__item > [data-elementor-type="jet-listing-items"] > .e-con{background:var(--zz-white)!important;border-radius:18px!important;border-width:0 0 0 5px!important;border-style:solid!important;border-color:var(--zz-orange)!important;box-shadow:0 6px 20px rgba(13,59,42,.07)!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;height:100%;}
.jet-listing-grid__item > [data-elementor-type="jet-listing-items"] > .e-con:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,59,42,.14)!important;}
.jet-listing-grid__item .elementor-heading-title,
.jet-listing-grid__item .elementor-heading-title a{font-family:var(--zz-font-heading),sans-serif!important;font-weight:600!important;color:var(--zz-ink)!important;transition:color .25s;}
.jet-listing-grid__item .elementor-heading-title a:hover{color:var(--zz-orange-dark)!important;}
.jet-listing-grid__item .jet-listing-dynamic-terms{color:var(--zz-muted);font-weight:700;}

/* 10g. Paginacija (Elementor i JetSmartFilters) */
.elementor-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;}
.elementor-pagination .page-numbers,
.jet-filters-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px!important;margin:0!important;border-radius:999px!important;background:var(--zz-white)!important;color:var(--zz-ink)!important;font-family:var(--zz-font-body),sans-serif;font-weight:800;box-shadow:0 4px 14px rgba(13,59,42,.08);transition:all .25s;}
.elementor-pagination a.page-numbers:hover,.jet-filters-pagination__item:not(.jet-filters-pagination__current) .jet-filters-pagination__link:hover{background:var(--zz-orange)!important;color:var(--zz-white)!important;}
.elementor-pagination .page-numbers.current,.jet-filters-pagination__current .jet-filters-pagination__link{background:var(--zz-green-dark)!important;color:var(--zz-white)!important;}
.elementor-pagination span.page-numbers.prev,.elementor-pagination span.page-numbers.next{opacity:.4;box-shadow:none;}

/* 10h. Formulari (JetFormBuilder – npr. kontakt) */
.jet-form-builder__field:is(input,textarea,select){border:1.5px solid #E5DED0!important;border-radius:12px!important;padding:12px 16px!important;background:var(--zz-white)!important;font-family:var(--zz-font-body),sans-serif;transition:border-color .25s,box-shadow .25s;}
.jet-form-builder__field:is(input,textarea,select):focus{outline:none;border-color:var(--zz-orange)!important;box-shadow:0 0 0 4px rgba(255,119,0,.15)!important;}
.jet-form-builder__action-button{border-radius:999px!important;background:var(--zz-orange)!important;color:var(--zz-white)!important;font-family:var(--zz-font-body),sans-serif;font-weight:800!important;padding:14px 30px!important;border:0!important;box-shadow:0 10px 24px rgba(255,119,0,.28);transition:all .3s;}
.jet-form-builder__action-button:hover{background:var(--zz-ink)!important;transform:translateY(-2px);}


/* ==========================================================
   11. HEADER
   Boje pozadina traka su u Elementoru (Header šablon) i koriste globalne boje.
   Klase: zz-header-naziv (naziv škole uz logo), zz-meni-glavni (glavni meni).
   ========================================================== */
.elementor-location-header .elementor-sticky{border-bottom:1px solid var(--zz-cream);}
/* Naziv škole pored logoa */
.zz-header-naziv .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif;font-weight:700;font-size:17px;line-height:1.15;color:var(--zz-ink);white-space:nowrap;}
.zz-header-naziv .elementor-heading-title a{color:inherit!important;}
.zz-header-naziv .elementor-heading-title span{display:block;margin-top:5px;font-family:var(--zz-font-body),sans-serif;font-weight:900;font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:var(--zz-orange);}
@media (max-width:1200px){.zz-header-naziv .elementor-heading-title{font-size:15px;}}
@media (max-width:767px){.zz-header-naziv .elementor-heading-title{font-size:13px;white-space:nowrap;}.zz-header-naziv .elementor-heading-title span{font-size:9px;letter-spacing:2.5px;margin-top:3px;}}
/* Glavni meni – „pilule“ na prelaz mišem */
.zz-meni-glavni .elementor-nav-menu--main .elementor-item{border-radius:999px;padding:10px 14px!important;transition:background .25s,color .25s,box-shadow .25s;}
.zz-meni-glavni .elementor-nav-menu--main .elementor-item:hover,
.zz-meni-glavni .elementor-nav-menu--main .elementor-item.highlighted{background:var(--zz-orange-soft);color:var(--zz-orange-dark)!important;}
.zz-meni-glavni .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--zz-orange-dark)!important;}
/* Padajući meniji */
.zz-meni-glavni .elementor-nav-menu--main .sub-menu{padding:8px!important;border:0!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(13,59,42,.18)!important;min-width:270px!important;overflow:visible!important;background:var(--zz-white)!important;}
.zz-meni-glavni .elementor-nav-menu--main .sub-menu .elementor-sub-item{border-radius:10px;padding:10px 14px!important;font-weight:700;color:var(--zz-ink)!important;border:0!important;}
.zz-meni-glavni .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover{background:var(--zz-orange-soft)!important;color:var(--zz-orange-dark)!important;}
/* Gornja traka: slogan levo (klasa zz-header-slogan), kontakt linkovi desno – u jednom redu */
.zz-header-slogan{flex:0 0 auto!important;width:auto!important;max-width:100%;}
.zz-header-slogan .elementor-headline{white-space:nowrap;margin:0;line-height:1.2!important;}
.zz-header-slogan svg{display:none!important;}
.zz-header-slogan .elementor-headline-dynamic-wrapper{font-weight:inherit;}
/* Tekst u zelenoj traci: prigušeno belo, na prelaz mišem potpuno belo */
.zz-header-slogan .elementor-headline,.zz-header-slogan .elementor-headline *{color:rgba(255,255,255,.78)!important;}
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-text{color:rgba(255,255,255,.72)!important;transition:color .25s;}
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-icon :is(i,svg){color:rgba(255,255,255,.72)!important;fill:rgba(255,255,255,.72)!important;transition:color .25s,fill .25s;}
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-item a:hover .elementor-icon-list-text{color:#fff!important;}
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-item a:hover .elementor-icon-list-icon :is(i,svg){color:#fff!important;fill:#fff!important;}
/* Napomena: podmeniji ne smeju imati overflow:hidden ni margin-left/top sa !important – Elementor (SmartMenus) njima pozicionira treći nivo. */
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-item a{transition:color .25s;}
/* Traka sa sloganom i kontakt traka */
.elementor-location-header .elementor-widget-animated-headline .elementor-headline{letter-spacing:-.2px;}
.elementor-location-header .elementor-widget-icon-list .elementor-icon-list-text{font-weight:700;font-size:13px;}

/* ==========================================================
   12. FOOTER
   Pozadine su u Elementoru (Footer šablon, globalne boje).
   Klase: zz-footer, zz-footer-dno, zz-footer-naslov, zz-footer-lista,
   zz-footer-kontakt, zz-footer-logo, zz-footer-slogan, zz-footer-dno-tekst
   ========================================================== */
.zz-footer{position:relative;overflow:hidden;background-image:radial-gradient(circle at 92% 0%,rgba(255,119,0,.22),transparent 38%),radial-gradient(circle at 0% 100%,rgba(255,194,61,.12),transparent 40%)!important;}
.zz-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--zz-orange),var(--zz-sun),var(--zz-orange));}
.zz-footer-naslov .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif!important;font-weight:700!important;font-size:20px!important;color:var(--zz-white)!important;}
.zz-footer-naslov .elementor-heading-title::after{content:"";display:block;width:36px;height:4px;border-radius:4px;background:var(--zz-orange);margin-top:12px;}
.zz-footer-lista .elementor-icon-list-item{padding-bottom:6px!important;}
.zz-footer-lista .elementor-icon-list-text{color:rgba(255,255,255,.82)!important;font-weight:600;transition:color .25s,padding .25s;}
.zz-footer-lista a:hover .elementor-icon-list-text{color:var(--zz-orange)!important;padding-left:4px;}
.zz-footer-lista .elementor-icon-list-icon i,.zz-footer-lista .elementor-icon-list-icon svg{color:var(--zz-orange)!important;fill:var(--zz-orange)!important;}
.zz-footer-kontakt,.zz-footer-kontakt *{color:rgba(255,255,255,.85)!important;}
.zz-footer-kontakt :is(i,svg){color:var(--zz-orange)!important;fill:var(--zz-orange)!important;}
.zz-footer-kontakt a:hover,.zz-footer-kontakt a:hover *{color:var(--zz-orange)!important;}
.zz-footer-kontakt :is(h1,h2,h3,h4,strong,b){color:var(--zz-white)!important;}
.zz-footer-logo img{width:76px!important;height:auto;padding:12px;background:var(--zz-white);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.zz-footer-slogan .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif!important;font-weight:700!important;font-size:18px!important;line-height:1.3!important;color:var(--zz-sun)!important;margin:4px 0 14px;}
.zz-footer-drustvene .elementor-social-icon{border-radius:12px!important;transition:transform .25s,background .25s;}
.zz-footer-drustvene .elementor-social-icon:hover{transform:translateY(-3px);background:var(--zz-white)!important;}
.zz-footer-drustvene .elementor-social-icon:hover i{color:var(--zz-orange)!important;}
.zz-footer .elementor-widget-image a img{transition:transform .25s;}
.zz-footer .elementor-widget-image a:hover img{transform:translateY(-3px);}
.zz-footer-dno-tekst .elementor-heading-title,.zz-footer-dno-tekst .elementor-heading-title a{font-family:var(--zz-font-body),sans-serif!important;font-size:13px!important;font-weight:600!important;color:rgba(255,255,255,.6)!important;transition:color .25s;}
.zz-footer-dno-tekst .elementor-heading-title a:hover{color:var(--zz-orange)!important;}


/* ==========================================================
   13. STRANICA KONTAKT (/kontakt/)
   Klase (Elementor → Napredno → CSS klase): zz-kontakt-sekcija, zz-kontakt-kartica,
   zz-kontakt-formular, zz-kontakt-nadnaslov, zz-kontakt-naslov(--beli), zz-kontakt-direktor,
   zz-kontakt-podaci (koristi i zz-footer-kontakt za bele boje), zz-kontakt-dugme(--providno),
   zz-kontakt-mapa-sekcija, zz-kontakt-mapa
   ========================================================== */
.zz-kontakt-sekcija{padding:8px 0 32px!important;}
.zz-kontakt-sekcija > .elementor-container{gap:28px;}
.zz-kontakt-kartica,.zz-kontakt-formular{border-radius:32px;overflow:hidden;}
.zz-kontakt-kartica > .elementor-widget-wrap,.zz-kontakt-formular > .elementor-widget-wrap{padding:44px!important;align-content:flex-start;}
.zz-kontakt-kartica{background-image:radial-gradient(circle at 100% 0%,rgba(255,119,0,.28),transparent 45%),radial-gradient(circle at 0% 100%,rgba(255,194,61,.12),transparent 40%)!important;box-shadow:0 30px 60px rgba(13,59,42,.22);}
.zz-kontakt-formular{box-shadow:0 20px 50px rgba(13,59,42,.10);border:1px solid var(--zz-cream);}
.zz-kontakt-nadnaslov .elementor-heading-title{font-family:var(--zz-font-body),sans-serif!important;font-weight:900!important;font-size:14px!important;letter-spacing:3px;color:var(--zz-orange)!important;margin:0;}
.zz-kontakt-naslov .elementor-heading-title{font-family:var(--zz-font-heading),sans-serif!important;font-weight:700!important;font-size:clamp(26px,3vw,38px)!important;line-height:1.15!important;color:var(--zz-ink)!important;}
.zz-kontakt-naslov--beli .elementor-heading-title{color:var(--zz-white)!important;}
.zz-kontakt-naslov .elementor-heading-title::after{content:"";display:block;width:48px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--zz-orange),var(--zz-sun));margin-top:14px;}
.zz-kontakt-direktor .elementor-heading-title{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);color:var(--zz-white)!important;font-family:var(--zz-font-body),sans-serif!important;font-weight:800!important;font-size:15px!important;}
.zz-kontakt-podaci{font-size:17px;line-height:1.7;}
.zz-kontakt-kartica .elementor-widget-button{display:inline-block;margin-right:10px;}
.zz-kontakt-dugme .elementor-button{background:var(--zz-orange)!important;color:var(--zz-white)!important;border-radius:999px!important;padding:14px 24px!important;font-family:var(--zz-font-body),sans-serif;font-weight:800!important;box-shadow:0 10px 24px rgba(255,119,0,.3)!important;transition:all .3s;}
.zz-kontakt-dugme .elementor-button:hover{background:var(--zz-white)!important;color:var(--zz-ink)!important;transform:translateY(-2px);}
.zz-kontakt-dugme--providno .elementor-button{background:rgba(255,255,255,.12)!important;box-shadow:none!important;border:1.5px solid rgba(255,255,255,.35)!important;}
.zz-kontakt-formular .elementor-widget-jet-form-builder-form,.zz-kontakt-formular .elementor-widget-jet-form-builder-form > .elementor-widget-container,.zz-kontakt-formular .jet-form-builder{padding:0!important;margin:0!important;background:none!important;width:100%;}
.zz-kontakt-formular .jet-form-builder-row{padding:0 0 12px!important;}
.zz-kontakt-formular .jet-form-builder__field:is(input,textarea){width:100%!important;}
.zz-kontakt-mapa-sekcija{padding:12px 0 88px!important;}
.zz-kontakt-mapa iframe{border-radius:28px;box-shadow:0 24px 60px rgba(13,59,42,.14);filter:saturate(1.05);}
@media (max-width:767px){
  .zz-kontakt-kartica > .elementor-widget-wrap,.zz-kontakt-formular > .elementor-widget-wrap{padding:28px 22px!important;}
  .zz-kontakt-kartica,.zz-kontakt-formular{border-radius:24px;margin-bottom:20px;}
  .zz-kontakt-sekcija,.zz-kontakt-mapa-sekcija{padding-left:14px!important;padding-right:14px!important;}
  .zz-kontakt-kartica .elementor-widget-button{margin:0 8px 10px 0;}
}


/* ==========================================================
   14. MOBILNI MENI (popup "Mobile Menu")
   Klase: zz-mobilni-meni-panel, zz-mobilni-meni-logo, zz-mobilni-meni,
   zz-mobilni-meni-kontakt-naslov, zz-mobilni-meni-kontakt(--svetlo)
   ========================================================== */
.dialog-widget:has(.zz-mobilni-meni-panel){backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.dialog-widget-content:has(.zz-mobilni-meni-panel){border-radius:28px 0 0 28px;box-shadow:-20px 0 60px rgba(13,59,42,.25);overflow-y:auto;}
.zz-mobilni-meni-panel > .elementor-container > .elementor-column > .elementor-widget-wrap{padding:22px 22px 32px!important;}
.zz-mobilni-meni-logo img{width:58px!important;}
.zz-mobilni-meni-logo{padding-bottom:18px;margin-bottom:10px!important;border-bottom:1px solid var(--zz-cream);}
/* Stavke menija */
.zz-mobilni-meni .elementor-nav-menu--dropdown{background:transparent!important;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .elementor-item{font-family:var(--zz-font-heading),sans-serif!important;font-weight:600!important;font-size:17px!important;color:var(--zz-ink)!important;padding:14px 6px!important;border-bottom:1px solid var(--zz-cream)!important;background:transparent!important;transition:color .2s;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .elementor-item:is(:hover,.highlighted,.elementor-item-active){color:var(--zz-orange-dark)!important;}
/* Strelice za podmenije – okrugla dugmad */
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-arrow{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;border-radius:50%;background:var(--zz-orange-soft);color:var(--zz-orange-dark);transition:transform .25s,background .25s;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-arrow{padding:0!important;margin-top:0!important;line-height:1!important;flex:0 0 32px;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-arrow :is(i,svg){margin:0!important;padding:0!important;display:block;width:14px;height:14px;font-size:14px;line-height:1;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .elementor-item.has-submenu,.zz-mobilni-meni .elementor-nav-menu--dropdown .elementor-sub-item.has-submenu{display:flex!important;align-items:center;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .highlighted > .sub-arrow,.zz-mobilni-meni .elementor-nav-menu--dropdown a.highlighted .sub-arrow{transform:rotate(180deg);background:var(--zz-orange);color:var(--zz-white);}
/* Podmeniji – uvučeni, na krem pozadini */
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-menu{background:var(--zz-cream)!important;border-radius:16px;margin:6px 0 10px!important;padding:6px!important;border:0!important;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item{font-family:var(--zz-font-body),sans-serif!important;font-weight:700!important;font-size:15px!important;color:var(--zz-ink)!important;padding:10px 12px!important;border:0!important;border-radius:10px;background:transparent!important;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover{background:var(--zz-white)!important;color:var(--zz-orange-dark)!important;}
.zz-mobilni-meni .elementor-nav-menu--dropdown .sub-menu .sub-menu{background:var(--zz-white)!important;}
/* Kontakt na dnu menija */
.zz-mobilni-meni-kontakt-naslov{margin-top:22px!important;}
.zz-mobilni-meni-kontakt-naslov .elementor-heading-title{font-family:var(--zz-font-body),sans-serif!important;font-weight:900!important;font-size:12px!important;letter-spacing:3px;text-transform:uppercase;color:var(--zz-orange)!important;}
.zz-mobilni-meni-kontakt{margin-bottom:10px!important;}
.zz-mobilni-meni-kontakt .elementor-button{width:100%;justify-content:flex-start;background:var(--zz-green-dark)!important;color:var(--zz-white)!important;border-radius:16px!important;padding:16px 18px!important;font-family:var(--zz-font-body),sans-serif;font-weight:800!important;font-size:16px!important;box-shadow:none!important;}
.zz-mobilni-meni-kontakt .elementor-button-icon{color:var(--zz-orange);}
.zz-mobilni-meni-kontakt--svetlo .elementor-button{background:var(--zz-orange-soft)!important;color:var(--zz-ink)!important;}
.zz-mobilni-meni-kontakt--svetlo .elementor-button-icon{color:var(--zz-orange-dark);}
.zz-mobilni-meni-kontakt .elementor-button-content-wrapper{justify-content:flex-start;}
.dialog-widget-content:has(.zz-mobilni-meni-panel) .dialog-close-button{width:40px;height:40px;border-radius:50%;background:var(--zz-cream);display:flex;align-items:center;justify-content:center;}
.dialog-widget-content:has(.zz-mobilni-meni-panel) .dialog-close-button i{color:var(--zz-ink);}