/* ============================================================

   Zajednička navigacija — site-nav.css

   ============================================================ */

.iz-site-header,

.iz-site-header *{box-sizing:border-box}



.iz-site-header{

  background:rgba(255,255,255,.92)!important;

  backdrop-filter:blur(20px);

  -webkit-backdrop-filter:blur(20px);

  border-bottom:1px solid var(--border,#e2eaf6)!important;

  position:sticky!important;

  top:0!important;

  z-index:9999!important;

  color:var(--text,#0b1730)!important;

  width:100%!important;

  min-height:0!important;

  margin:0!important;

  padding:0!important;

}

body.dark .iz-site-header{

  background:rgba(10,13,20,.88)!important;

  border-bottom-color:var(--border,#1e2d42)!important;

}



.iz-site-container{

  width:min(100% - 56px,1360px)!important;

  margin:0 auto!important;

  position:relative!important;

  z-index:1!important;

}



/* Nav grid: logo | links | actions */

.iz-site-nav{

  min-height:72px!important;

  display:grid!important;

  grid-template-columns:auto 1fr auto!important;

  align-items:center!important;

  gap:32px!important;

  padding:0!important;

}



/* Logo */

.iz-site-logo{

  display:flex!important;

  align-items:center!important;

  text-decoration:none!important;

  color:inherit!important;

  min-width:0!important;

  flex-shrink:0!important;

}

.iz-site-logo img{

  display:block!important;

  width:180px!important;

  height:auto!important;

  max-width:100%!important;

}

.iz-logo-fallback{

  display:none!important;

  font-weight:800;

  font-size:20px;

  letter-spacing:-.04em;

  color:var(--text,#0b1730);

}

.iz-site-logo img[src=""],

.iz-site-logo img:not([src]){display:none!important}

.iz-site-logo img[src=""]+.iz-logo-fallback{display:inline-flex!important}



/* Menu links */

.iz-site-menu{

  display:flex!important;

  justify-content:center!important;

  align-items:center!important;

  gap:6px!important;

  flex-wrap:nowrap!important;

}

.iz-site-menu a{

  text-decoration:none!important;

  color:var(--text,#0b1730)!important;

  font-size:14px!important;

  font-weight:600!important;

  padding:8px 14px!important;

  border-radius:8px!important;

  position:relative!important;

  opacity:.75!important;

  border:0!important;

  background:transparent!important;

  white-space:nowrap!important;

  line-height:1!important;

  transition:opacity .15s, color .15s, background .15s!important;

}

.iz-site-menu a:hover{

  opacity:1!important;

  color:var(--blue,#2474ff)!important;

  background:rgba(36,116,255,.06)!important;

}

.iz-site-menu a.active{

  color:var(--blue,#2474ff)!important;

  opacity:1!important;

  background:rgba(36,116,255,.08)!important;

  font-weight:700!important;

}

.iz-site-menu a.active::after{

  content:'';

  position:absolute;

  bottom:-1px;

  left:14px;

  right:14px;

  height:2px;

  border-radius:99px;

  background:var(--blue,#2474ff);

}



/* Right-side actions: theme toggle + CTA */

.iz-nav-actions{

  display:flex!important;

  align-items:center!important;

  gap:10px!important;

  flex-shrink:0!important;

}



.iz-site-header .theme-toggle{

  width:36px!important;

  height:36px!important;

  min-width:36px!important;

  min-height:36px!important;

  border:1px solid var(--border,#e2eaf6)!important;

  border-radius:10px!important;

  background:var(--solid,var(--surface,#fff))!important;

  color:var(--text,#0b1730)!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  font-size:15px!important;

  font-family:var(--sans,'Sora',sans-serif)!important;

  font-weight:700!important;

  cursor:pointer!important;

  box-shadow:0 2px 8px rgba(15,23,42,.06)!important;

  padding:0!important;

  line-height:1!important;

  position:static!important;

  inset:auto!important;

  z-index:auto!important;

  gap:0!important;

  overflow:hidden!important;

  text-indent:0!important;

  transition:border-color .15s, box-shadow .15s!important;

}

.iz-site-header .theme-toggle:hover{

  border-color:var(--blue,#2474ff)!important;

  box-shadow:0 0 0 3px rgba(36,116,255,.10)!important;

}



/* CTA button */

.iz-nav-cta{

  display:inline-flex!important;

  align-items:center!important;

  gap:8px!important;

  padding:10px 18px!important;

  border-radius:10px!important;

  background:linear-gradient(135deg,var(--blue,#2474ff),#1a5fdd)!important;

  color:#fff!important;

  font-size:13px!important;

  font-weight:700!important;

  text-decoration:none!important;

  white-space:nowrap!important;

  box-shadow:0 4px 14px rgba(36,116,255,.30)!important;

  transition:transform .15s, box-shadow .15s, opacity .15s!important;

  line-height:1!important;

}

.iz-nav-cta:hover{

  transform:translateY(-1px)!important;

  box-shadow:0 6px 20px rgba(36,116,255,.40)!important;

  opacity:.92!important;

}

.iz-nav-cta svg{flex-shrink:0}



/* Mobile hamburger */

.iz-menu-btn{

  display:none!important;

  align-items:center!important;

  gap:6px!important;

  border:1px solid var(--border,#e2eaf6)!important;

  border-radius:10px!important;

  background:var(--solid,var(--surface,#fff))!important;

  color:var(--text,#0b1730)!important;

  font-family:var(--sans,'Sora',sans-serif)!important;

  font-weight:800!important;

  font-size:12px!important;

  padding:8px 12px!important;

  cursor:pointer!important;

  line-height:1!important;

}



/* ---- Responsive ---- */

@media(max-width:1100px){

  .iz-site-nav{gap:20px!important}

  .iz-site-menu{gap:2px!important}

  .iz-site-menu a{padding:8px 10px!important;font-size:13.5px!important}

  .iz-nav-cta{padding:10px 14px!important}

}



@media(max-width:860px){

  .iz-site-container{width:min(100% - 32px,1360px)!important}

  .iz-site-nav{

    min-height:auto!important;

    padding:14px 0!important;

    grid-template-columns:1fr auto auto!important;

    gap:12px!important;

  }

  .iz-site-logo img{width:155px!important}

  .iz-menu-btn{display:inline-flex!important}

  .iz-nav-cta{display:none!important}



  .iz-site-menu{

    grid-column:1/-1!important;

    display:none!important;

    justify-content:flex-start!important;

    flex-wrap:wrap!important;

    gap:6px 4px!important;

    position:static!important;

    background:transparent!important;

    border:0!important;

    border-radius:0!important;

    padding:4px 0 8px!important;

    box-shadow:none!important;

  }

  .iz-menu-open .iz-site-menu{display:flex!important}

  .iz-site-menu a{

    padding:8px 12px!important;

    border-radius:8px!important;

    background:var(--surface,rgba(255,255,255,.6))!important;

    border:1px solid var(--border,#e2eaf6)!important;

    opacity:1!important;

  }

  .iz-site-menu a.active::after{display:none!important}

}



@media(max-width:620px){

  .iz-site-container{width:min(100% - 24px,1360px)!important}

  .iz-site-nav{gap:8px!important}

  .iz-site-logo img{width:138px!important}

  .iz-menu-btn{padding:8px 10px!important}

  .iz-site-header .theme-toggle{width:36px!important;height:36px!important}

}



@media print{.iz-site-header{display:none!important}}





/* ============================================================

   Zajednički footer — site-nav.css

   ============================================================ */

.iz-footer-wrap,

.iz-footer-wrap *{box-sizing:border-box}



.iz-footer-wrap{

  position:relative;

  z-index:1;

  color:var(--text,#0f172a);

  font-family:var(--sans,'Sora',sans-serif);

  padding:0 0 0;

  width:100%!important;

  border-top:1px solid var(--border,#e2eaf6);

  margin-top:40px;

}



.iz-footer-container{

  width:min(100% - 56px,1360px)!important;

  margin:0 auto!important;

}



/* ---- Footer top grid ---- */

.iz-footer-top{

  display:grid;

  grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;

  gap:40px;

  padding:48px 0 40px;

}



.iz-footer-brand{}

.iz-footer-brand-logo{

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:14px;

  text-decoration:none;

  color:inherit;

}

.iz-footer-brand-logo img{width:140px;height:auto}

.iz-footer-brand-tagline{

  color:var(--text2,#52617c);

  font-size:13px;

  font-weight:500;

  line-height:1.65;

  max-width:240px;

  margin-bottom:20px;

}

.iz-footer-social{display:flex;gap:10px}

.iz-footer-social a{

  width:34px;height:34px;

  border-radius:8px;

  border:1px solid var(--border,#e2eaf6);

  background:var(--surface,#fff);

  display:flex;align-items:center;justify-content:center;

  color:var(--text2,#52617c);

  text-decoration:none;

  font-size:13px;font-weight:800;

  transition:border-color .15s,color .15s;

}

.iz-footer-social a:hover{border-color:var(--blue,#2474ff);color:var(--blue,#2474ff)}



.iz-footer-col h4{

  font-size:12px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:.06em;

  color:var(--text,#0b1730);

  margin-bottom:14px;

}

.iz-footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}

.iz-footer-col ul li a{

  color:var(--text2,#52617c);

  font-size:13px;

  font-weight:500;

  text-decoration:none;

  transition:color .15s;

}

.iz-footer-col ul li a:hover{color:var(--blue,#2474ff)}



/* ---- Footer bottom bar ---- */

.iz-footer-bottom-bar{

  border-top:1px solid var(--border,#e2eaf6);

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:20px;

  padding:16px 0;

  flex-wrap:wrap;

}

.iz-footer-bottom-bar p{

  color:var(--muted,#71809b);

  font-size:12px;

  font-weight:500;

  margin:0;

}

.iz-footer-bottom-links{

  display:flex;gap:22px;flex-wrap:wrap;

}

.iz-footer-bottom-links a{

  color:var(--muted,#71809b);

  font-size:12px;

  font-weight:600;

  text-decoration:none;

  transition:color .15s;

}

.iz-footer-bottom-links a:hover{color:var(--blue,#2474ff)}



/* ---- Legacy banner (used on inner pages) ---- */

.iz-footer-banner{

  display:none; /* hidden on home; inner pages can override */

}



/* ---- Responsive footer ---- */

@media(max-width:1000px){

  .iz-footer-top{grid-template-columns:1fr 1fr 1fr;gap:28px}

  .iz-footer-brand{grid-column:1/-1}

  .iz-footer-brand-tagline{max-width:100%}

}

@media(max-width:620px){

  .iz-footer-container{width:min(100% - 24px,1360px)!important}

  .iz-footer-top{grid-template-columns:1fr 1fr;gap:24px;padding:32px 0 28px}

  .iz-footer-brand{grid-column:1/-1}

  .iz-footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:10px}

  .iz-footer-bottom-links{gap:14px}

}

@media print{.iz-footer-wrap{display:none!important}}





/* ============================================================

   Pozadina za podstranice (nije home)

   ============================================================ */

body:not(.iz-home){

  margin:0!important;

  padding:0!important;

  min-height:100vh;

  overflow-x:hidden;

  background:

    radial-gradient(ellipse 60% 40% at 70% -10%, rgba(91,127,255,.10) 0%, transparent 60%),

    radial-gradient(ellipse 40% 30% at 10% 85%, rgba(61,255,192,.08) 0%, transparent 55%),

    linear-gradient(var(--border,#dbe3ee) 1px, transparent 1px),

    linear-gradient(90deg, var(--border,#dbe3ee) 1px, transparent 1px),

    var(--bg,#f5f7fb)!important;

  background-size:auto,auto,44px 44px,44px 44px!important;

  background-attachment:scroll!important;

}

body:not(.iz-home).dark{

  background:

    radial-gradient(ellipse 60% 40% at 70% -10%, rgba(91,127,255,.13) 0%, transparent 60%),

    radial-gradient(ellipse 40% 30% at 10% 85%, rgba(61,255,192,.07) 0%, transparent 55%),

    linear-gradient(var(--border,#1e2a3d) 1px, transparent 1px),

    linear-gradient(90deg, var(--border,#1e2a3d) 1px, transparent 1px),

    var(--bg,#0a0d12)!important;

  background-size:auto,auto,44px 44px,44px 44px!important;

}

body:not(.iz-home) .bg-grid{display:none!important}

body:not(.iz-home) .iz-site-header{width:100%}



body:not(.iz-home) > .wrap{padding:clamp(28px,4vw,52px) 20px 44px!important}

body:not(.iz-home) > .card{margin:clamp(28px,4vw,52px) auto 44px!important}

body:not(.iz-home) > .container:first-of-type,

body:not(.iz-home) > header:not(.iz-site-header):first-of-type{padding-top:clamp(32px,4.4vw,56px)!important}

body:not(.iz-home) .iz-footer-wrap{margin-top:12px}



/* Inner pages: show legacy banner */

body:not(.iz-home) .iz-footer-banner{

  display:grid!important;

  grid-template-columns:1fr 1fr auto;

  gap:16px;

  align-items:center;

  margin:24px auto 24px;

  padding:18px;

  border:1px solid var(--border,#dbe3ee);

  border-radius:22px;

  background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(6,182,212,.06),rgba(16,185,129,.05));

  box-shadow:0 12px 36px rgba(15,23,42,.08);

}

body.dark:not(.iz-home) .iz-footer-banner{

  box-shadow:none;

  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(6,182,212,.07),rgba(16,185,129,.05));

}

.iz-footer-banner-item{display:flex;align-items:center;gap:14px;min-width:0}

.iz-footer-banner-icon{

  width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;

  flex:0 0 auto;background:rgba(59,130,246,.12);color:var(--accent-blue,#3b82f6);

  border:1px solid rgba(59,130,246,.18);

}

.iz-footer-banner-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.iz-footer-banner strong{display:block;font-size:14px;color:var(--text,#0f172a);font-weight:800;margin-bottom:3px}

.iz-footer-banner p{margin:0;color:var(--text2,#475569);font-size:12px;line-height:1.55;font-weight:500}

.iz-footer-contact-btn{

  display:inline-flex;align-items:center;justify-content:center;gap:8px;

  border-radius:999px;padding:12px 16px;

  background:linear-gradient(135deg,var(--accent-blue,#3b82f6),var(--accent-cyan,#06b6d4));

  color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;

  box-shadow:0 12px 30px rgba(59,130,246,.22);

}

.iz-footer-contact-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}



@media(max-width:900px){

  body:not(.iz-home) .iz-footer-banner{grid-template-columns:1fr}

}

@media(max-width:620px){

  body:not(.iz-home){background-size:auto,auto,34px 34px,34px 34px!important}

  body:not(.iz-home) > .wrap{padding:26px 12px 34px!important}

  body:not(.iz-home) > .card{width:calc(100% - 24px)!important;margin:26px auto 34px!important}

  body:not(.iz-home) > .container:first-of-type,

  body:not(.iz-home) > header:not(.iz-site-header):first-of-type{padding-top:30px!important}

  body:not(.iz-home) .iz-footer-banner{padding:16px;border-radius:18px}

  .iz-footer-banner-item{align-items:flex-start}

  .iz-footer-contact-btn{width:100%}

}



/* ============================================================

   Header theme toggle — uvijek samo ikona, bez teksta

   ============================================================ */

.iz-site-header .theme-toggle{

  font-size:0!important;

  text-indent:0!important;

  white-space:nowrap!important;

}

.iz-site-header .theme-toggle > *{

  display:none!important;

}

.iz-site-header .theme-toggle::before{

  content:'🌙';

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  width:100%!important;

  height:100%!important;

  font-size:15px!important;

  line-height:1!important;

  text-indent:0!important;

}

body.dark .iz-site-header .theme-toggle::before{

  content:'☀️';

}





/* Fix featured/post images filling article container on desktop and mobile */

.single-post .entry-content img,

.single-post .post-content img,

.single-post figure img,

.single-post .wp-block-image img {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    display: block;

    margin: 0 !important;

    border-radius: 22px;

}



.single-post .wp-block-image,

.single-post figure {

    width: 100% !important;

    max-width: 100% !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

}



.single-post .post-thumbnail img,

.single-post .featured-image img,

.single-post .entry-thumbnail img {

    width: 100% !important;

    height: auto !important;

    object-fit: cover;

    display: block;

}



.single-post .post-thumbnail,

.single-post .featured-image,

.single-post .entry-thumbnail {

    width: 100% !important;

    overflow: hidden;

    border-radius: 22px;

}



/* WP footer: second title inside the final footer column */

.iz-footer-col .iz-footer-subtitle{

  margin-top:22px;

}