/* ================================================================
   SAR redizajn 2026 — novi heder i futer na svim stranicama
   Ucitava ga mu-plugin sar-redizajn-2026.php. Tema (Interface) se ne dira.
   Boje: tamnozelena #0C2B1F / zelena #17694A / zlatna #C9A227 (kao naslovna).
   ================================================================ */

/* --- stari heder, meni i futer se sklanjaju (markup ostaje u DOM-u) --- */
/* stari heder: krije se sve OSIM trake sa naslovom stranice (.page-title-wrap) */
body.sar-redizajn #branding { background: none; }
body.sar-redizajn #branding .info-bar,
body.sar-redizajn #branding .hgroup-wrap,
body.sar-redizajn #branding nav#access,
body.sar-redizajn #branding #search-box,
body.sar-redizajn nav#access,
body.sar-redizajn #colophon { display: none !important; }
/* na pojedinacnim objavama/dogadjajima naslov vec postoji u sadrzaju — traka se tu ne prikazuje */
body.sar-redizajn.single .page-title-wrap { display: none; }

/* ============ NOVI HEDER (beli) ============ */
.sar-g-omot { max-width: 1240px; margin: 0 auto; padding: 0 20px; }
.sar-g-vrh { position: sticky; top: 0; z-index: 99990; background: #FFFFFF; box-shadow: 0 1px 0 #E2EAE5; font-family: "PT Sans", "Segoe UI", system-ui, sans-serif; }
.sar-g-vrh-red { display: flex; align-items: center; justify-content: space-between; height: 70px; gap: 16px; }
.sar-g-brend { display: flex; align-items: center; gap: 11px; text-decoration: none; border: none; box-shadow: none; }
.sar-g-brend:hover { text-decoration: none; }
.sar-g-brend-ime { font-family: "PT Serif", Georgia, serif; font-weight: 700; font-size: 18px; letter-spacing: .5px; line-height: 1.15; color: #0C2B1F; }
.sar-g-brend-mesta { font-size: 11.5px; letter-spacing: 2.5px; text-transform: uppercase; color: #17694A; }
.sar-g-meni { display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 700; }
.sar-g-meni a { color: #1B2A24; text-decoration: none; border: none; }
.sar-g-meni a:hover { color: #17694A; text-decoration: none; }
.sar-g-dugme { background: #17694A; color: #FFFFFF !important; padding: 10px 22px; border-radius: 999px; font-weight: 700; font-size: 14.5px; box-shadow: 0 6px 16px rgba(23, 105, 74, 0.3); transition: background .15s; }
.sar-g-dugme:hover { background: #0F5C3F; color: #FFFFFF !important; }
.sar-g-hamb { display: none; background: #F4F8F5; border: 0; border-radius: 8px; padding: 8px; cursor: pointer; line-height: 0; }
.sar-g-meni-mob { display: none; }

@media (max-width: 980px) {
  .sar-g-meni { display: none; }
  .sar-g-hamb { display: block; }
  .sar-g-meni-mob.otvoren { display: flex; flex-direction: column; gap: 2px; padding: 8px 20px 16px; background: #FFFFFF; border-top: 1px solid #E2EAE5; }
  .sar-g-meni-mob a { padding: 11px 4px; font-weight: 700; font-size: 16px; color: #0C2B1F; text-decoration: none; border-bottom: 1px solid #EFF4F0; }
  .sar-g-brend-mesta { display: none; }
}

/* ============ NOVI FUTER (tamnozeleni) ============ */
.sar-g-futer { background: #0C2B1F; color: #DCE8E1; font-family: "PT Sans", "Segoe UI", system-ui, sans-serif; margin-top: 0; }
.sar-g-linija { height: 4px; background: linear-gradient(90deg, #17694A 0%, #C9A227 100%); }
.sar-g-futer-telo { padding: 44px 20px 28px; }
.sar-g-futer a { color: #DCE8E1; text-decoration: none; border: none; }
.sar-g-futer a:hover { color: #FFFFFF; text-decoration: none; }
.sar-g-futer-mreza { display: flex; justify-content: space-between; gap: 36px; flex-wrap: wrap; }
.sar-g-futer-opis { font-size: 14px; color: #B9CDC2; line-height: 1.55; max-width: 46ch; margin: 10px 0 0; }
.sar-g-kolone { display: flex; gap: 56px; flex-wrap: wrap; }
.sar-g-kolona { display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.sar-g-kolona span { color: #DCE8E1; }
.sar-g-kolona-naslov { font-size: 11.5px; text-transform: uppercase; letter-spacing: .15em; font-weight: 700; color: #EFD98A; margin-bottom: 4px; }
.sar-g-futer-dno { border-top: 1px solid rgba(255,255,255,.12); margin-top: 28px; padding-top: 14px; font-size: 13px; color: #8AA396; display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; }

/* ================================================================
   Globalno osvezenje stila (tipografija, boje, dugmad, forme)
   Sve pod body.sar-redizajn; FontAwesome/ikonice netaknute (svoj font-family).
   ================================================================ */

/* --- tipografija: nasledjivanje sa body-ja, ikonice zadrzavaju svoj font --- */
body.sar-redizajn { font-family: "PT Sans", "Segoe UI", system-ui, sans-serif; color: #2A4237; }
body.sar-redizajn h1, body.sar-redizajn h2, body.sar-redizajn h3,
body.sar-redizajn h4, body.sar-redizajn h5, body.sar-redizajn h6 {
  font-family: "PT Serif", Georgia, serif; color: #0C2B1F; font-weight: 700;
}
body.sar-redizajn .entry-title, body.sar-redizajn .entry-title a { color: #0C2B1F; }
body.sar-redizajn .entry-title a:hover { color: #17694A; }

/* --- linkovi: brend zelena --- */
body.sar-redizajn a { color: #17694A; }
body.sar-redizajn a:hover { color: #0F5C3F; }
/* heder/futer imaju svoje boje — globalna zelena tu ne vazi (jaca specificnost) */
body.sar-redizajn .sar-g-meni a { color: #1B2A24; }
body.sar-redizajn .sar-g-meni a:hover { color: #17694A; }
body.sar-redizajn .sar-g-meni-mob a { color: #0C2B1F; }
body.sar-redizajn .sar-g-futer a { color: #DCE8E1; }
body.sar-redizajn .sar-g-futer a:hover { color: #FFFFFF; }

/* --- traka sa naslovom stranice --- */
body.sar-redizajn .page-title-wrap { background: #0C2B1F; border-bottom: none; }
body.sar-redizajn .page-title-wrap .page-title,
body.sar-redizajn .page-title-wrap .page-title a,
body.sar-redizajn .page-title-wrap h1 { color: #FFFFFF; font-family: "PT Serif", Georgia, serif; }
body.sar-redizajn .page-title-wrap a { color: #B9DCC9; }

/* --- naslovi widgeta u sajdbaru --- */
body.sar-redizajn .widget-title { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #5A6B62; }

/* --- slike u sadrzaju --- */
body.sar-redizajn .entry-content img { border-radius: 10px; height: auto; }

/* --- CF7 forme: polja --- */
body.sar-redizajn .wpcf7-form-control.wpcf7-text,
body.sar-redizajn .wpcf7-form-control.wpcf7-textarea,
body.sar-redizajn .wpcf7-form-control.wpcf7-select,
body.sar-redizajn .wpcf7-form-control.wpcf7-number,
body.sar-redizajn .wpcf7-form-control.wpcf7-date {
  border: 1.5px solid #DCE4DE; border-radius: 10px; padding: 12px 14px;
  font-family: inherit; font-size: 15.5px; background: #FFFFFF; color: #0C2B1F;
  width: 100%; max-width: 560px; box-sizing: border-box; transition: border-color .15s, box-shadow .15s;
}
body.sar-redizajn .wpcf7-form-control.wpcf7-text:focus,
body.sar-redizajn .wpcf7-form-control.wpcf7-textarea:focus,
body.sar-redizajn .wpcf7-form-control.wpcf7-select:focus {
  outline: none; border-color: #17694A; box-shadow: 0 0 0 3px rgba(23, 105, 74, .15);
}

/* --- CF7 dugme za slanje (visina+line-height, ne padding — tema namece visinu) --- */
body.sar-redizajn .wpcf7-submit {
  background: #17694A; color: #FFFFFF; border: 0; border-radius: 999px;
  padding: 0 34px; height: 48px; line-height: 48px; display: inline-block;
  font-family: inherit; font-size: 16px; font-weight: 700;
  cursor: pointer; box-shadow: 0 8px 20px rgba(23, 105, 74, .3);
  transition: background .15s, transform .15s;
}
body.sar-redizajn .wpcf7-submit:hover { background: #0F5C3F; transform: translateY(-1px); }

/* --- ostala dugmad (tema, komentar, "Saznaj vise", pretraga) --- */
body.sar-redizajn .entry-content .more-link,
body.sar-redizajn #content .more-link,
body.sar-redizajn a.more-link,
body.sar-redizajn input#submit {
  background: #17694A; color: #FFFFFF; border: 0; border-radius: 999px;
  padding: 6px 16px; font-weight: 700;
}
body.sar-redizajn .entry-content .more-link:hover,
body.sar-redizajn #content .more-link:hover,
body.sar-redizajn a.more-link:hover,
body.sar-redizajn input#submit:hover { background: #0F5C3F; color: #FFFFFF; }
body.sar-redizajn #searchsubmit,
body.sar-redizajn input[type="submit"].search-submit {
  background: #17694A; color: #FFFFFF; border: 0;
}
body.sar-redizajn #searchsubmit:hover,
body.sar-redizajn input[type="submit"].search-submit:hover { background: #0F5C3F; }

/* ================================================================
   Kategorije, tagovi i blog listing kao kartice
   (samo .category/.tag/.blog)
   ================================================================ */
body.sar-redizajn.category #content,
body.sar-redizajn.tag #content,
body.sar-redizajn.blog #content {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: stretch;
}
body.sar-redizajn.category #content > *:not(section.hentry),
body.sar-redizajn.tag #content > *:not(section.hentry),
body.sar-redizajn.blog #content > *:not(section.hentry) { grid-column: 1 / -1; }

body.sar-redizajn.category #content > section.hentry,
body.sar-redizajn.tag #content > section.hentry,
body.sar-redizajn.blog #content > section.hentry {
  background: #FFFFFF; border: 1px solid #E2EAE5; border-radius: 16px; overflow: hidden;
  box-shadow: 0 6px 18px rgba(12, 43, 31, .06); margin: 0; padding: 0;
  display: flex; flex-direction: column; transition: transform .15s, box-shadow .15s;
}
body.sar-redizajn.category #content > section.hentry:hover,
body.sar-redizajn.tag #content > section.hentry:hover,
body.sar-redizajn.blog #content > section.hentry:hover {
  transform: translateY(-2px); box-shadow: 0 12px 28px rgba(12, 43, 31, .12);
}
body.sar-redizajn.category section.hentry .post-featured-image,
body.sar-redizajn.tag section.hentry .post-featured-image,
body.sar-redizajn.blog section.hentry .post-featured-image { margin: 0; }
body.sar-redizajn.category section.hentry .post-featured-image img,
body.sar-redizajn.tag section.hentry .post-featured-image img,
body.sar-redizajn.blog section.hentry .post-featured-image img {
  width: 100%; height: 200px; object-fit: cover; border-radius: 0; display: block;
}
body.sar-redizajn.category section.hentry .entry-title,
body.sar-redizajn.tag section.hentry .entry-title,
body.sar-redizajn.blog section.hentry .entry-title { font-size: 19px; line-height: 1.35; padding: 14px 18px 0; margin: 0; }
body.sar-redizajn.category section.hentry .entry-meta,
body.sar-redizajn.tag section.hentry .entry-meta,
body.sar-redizajn.blog section.hentry .entry-meta { padding: 4px 18px 0; font-size: 12.5px; }
body.sar-redizajn.category section.hentry .entry-content,
body.sar-redizajn.tag section.hentry .entry-content,
body.sar-redizajn.blog section.hentry .entry-content {
  padding: 8px 18px 18px; font-size: 14.5px; color: #4A6055; line-height: 1.55; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
}
/* u karticama se mediji iz tela clanka ne prikazuju (istaknuta slika je vec gore) */
body.sar-redizajn.category section.hentry .entry-content img,
body.sar-redizajn.category section.hentry .entry-content iframe,
body.sar-redizajn.category section.hentry .entry-content video,
body.sar-redizajn.category section.hentry .entry-content .wp-video,
body.sar-redizajn.tag section.hentry .entry-content img,
body.sar-redizajn.tag section.hentry .entry-content iframe,
body.sar-redizajn.tag section.hentry .entry-content video,
body.sar-redizajn.tag section.hentry .entry-content .wp-video,
body.sar-redizajn.blog section.hentry .entry-content img,
body.sar-redizajn.blog section.hentry .entry-content iframe,
body.sar-redizajn.blog section.hentry .entry-content video,
body.sar-redizajn.blog section.hentry .entry-content .wp-video { display: none !important; }

@media (max-width: 760px) {
  body.sar-redizajn.category #content,
  body.sar-redizajn.tag #content,
  body.sar-redizajn.blog #content { grid-template-columns: 1fr; }
}

/* u karticama listinga spisak kategorija je predugacak — krije se (datum ostaje) */
body.sar-redizajn.category section.hentry .entry-meta .cat-links,
body.sar-redizajn.tag section.hentry .entry-meta .cat-links,
body.sar-redizajn.blog section.hentry .entry-meta .cat-links { display: none; }

/* kategorije se ne prikazuju ni na pojedinacnim clancima (interna stvar) */
body.sar-redizajn.single .entry-meta .cat-links { display: none; }

/* cela kartica u listinzima je klikabilna (razvucen link naslova preko kartice) */
body.sar-redizajn.category #content > section.hentry,
body.sar-redizajn.tag #content > section.hentry,
body.sar-redizajn.blog #content > section.hentry { position: relative; cursor: pointer; }
body.sar-redizajn.category section.hentry .entry-title a::after,
body.sar-redizajn.tag section.hentry .entry-title a::after,
body.sar-redizajn.blog section.hentry .entry-title a::after {
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
}
/* unutrasnji linkovi (datum, Saznaj vise) ostaju zasebno klikabilni iznad */
body.sar-redizajn.category section.hentry .entry-meta a,
body.sar-redizajn.category section.hentry .more-link,
body.sar-redizajn.tag section.hentry .entry-meta a,
body.sar-redizajn.tag section.hentry .more-link,
body.sar-redizajn.blog section.hentry .entry-meta a,
body.sar-redizajn.blog section.hentry .more-link { position: relative; z-index: 2; }