@font-face{font-family:Manrope;src:url("../media/manrope-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url("../media/manrope-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url("../media/manrope-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url("../media/manrope-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url("../media/manrope-800.ttf") format("truetype");font-weight:800;font-display:swap}

.site-header,.site-header *{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:1000;width:100%;background:rgba(4,27,20,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.12);font-family:Manrope,Arial,sans-serif;color:#fff}
.site-header .header-inner{width:min(1180px,calc(100% - 40px));min-height:88px;margin-inline:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px}
.site-header .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;min-width:max-content}
.site-header .brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1.15;transform:translateY(2px)}
.site-header .brand strong{font-family:Manrope,Arial,sans-serif;font-size:1.36rem;line-height:1.1;letter-spacing:-.04em;text-transform:uppercase;color:#fff!important;font-weight:800}
.site-header .brand-mark{width:46px;height:46px;display:grid;place-items:center;color:#a9df62;flex:none}
.site-header .brand-mark img{width:42px!important;height:42px!important;display:block!important;object-fit:contain!important;max-width:none!important}
.site-header .site-nav{display:flex;align-items:center;justify-content:center;gap:36px;margin:0;padding:0}
.site-header .site-nav a{position:relative;text-decoration:none!important;color:rgba(255,255,255,.88)!important;font-weight:700;font-size:.86rem;line-height:1.65;white-space:nowrap}
.site-header .site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#a9df62;transition:right .25s ease}
.site-header .site-nav a:hover:after,.site-header .site-nav a:focus-visible:after{right:0}
.site-header .header-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 25px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff!important;border:1px solid rgba(255,255,255,.16);font-weight:700;font-size:.86rem;line-height:1.65;text-decoration:none!important;transition:transform .2s ease,background .2s ease;white-space:nowrap}
.site-header .header-cta svg{width:19px;height:19px}
.site-header .header-cta:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}
.site-header .menu-button{display:none;width:45px;height:45px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);padding:0;place-content:center;gap:5px;cursor:pointer}
.site-header .menu-button>span:not(.visually-hidden){display:block;width:21px;height:2px;background:#fff;margin:0}
.site-header .visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header .menu-button:focus-visible,.site-header .header-cta:focus-visible,.site-header .site-nav a:focus-visible{outline:3px solid #f4cc48;outline-offset:4px}

/* Na stranicama koje renderuje aktivna tema sakrij samo njen postojeći header. */
body.kbd-global-header-theme-page .wp-site-blocks>.wp-block-template-part:first-child,
body.kbd-global-header-theme-page .wp-site-blocks>header:first-child{display:none!important}

body.admin-bar .site-header{top:32px}

@media(max-width:1000px){
  .site-header .header-inner{min-height:76px;grid-template-columns:1fr auto;gap:26px}
  .site-header .header-cta{display:none}
  .site-header .menu-button{display:grid}
  .site-header .site-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:15px 24px 24px;background:rgba(4,27,20,.98);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 20px 35px rgba(15,47,33,.35);flex-direction:column;align-items:stretch;gap:0}
  .site-header .site-nav.is-open{display:flex}
  .site-header .site-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .site-header .site-nav a:after{display:none}
}

@media(max-width:782px){body.admin-bar .site-header{top:46px}}

@media(max-width:700px){
  .site-header .header-inner{width:min(calc(100% - 28px),1180px);min-height:72px}
  .site-header .brand strong{font-size:1.16rem}
}


/* Na stranicama aktivne teme sakrij njen podrazumevani footer i koristi isti KBD footer kao na početnoj. */
body.kbd-global-header-theme-page .wp-site-blocks>.wp-block-template-part:last-child,
body.kbd-global-header-theme-page .wp-site-blocks>footer:last-child{display:none!important}

body.kbd-global-header-theme-page .site-footer,
body.kbd-global-header-theme-page .site-footer *{box-sizing:border-box}
body.kbd-global-header-theme-page .site-footer{background:#0b281d;color:#fff;padding:70px 0 25px;font-family:Manrope,Arial,sans-serif;width:100%;margin:0}
body.kbd-global-header-theme-page .site-footer .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
body.kbd-global-header-theme-page .site-footer .footer-grid{display:grid;grid-template-columns:1.3fr .6fr .6fr;gap:70px}
body.kbd-global-header-theme-page .site-footer .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none!important;min-width:max-content}
body.kbd-global-header-theme-page .site-footer .brand--footer{margin-bottom:20px}
body.kbd-global-header-theme-page .site-footer .brand-copy{display:flex;flex-direction:column;justify-content:center;line-height:1.15;transform:translateY(2px)}
body.kbd-global-header-theme-page .site-footer .brand strong{font-family:Manrope,Arial,sans-serif;font-size:1.36rem;line-height:1.1;letter-spacing:-.04em;text-transform:uppercase;color:#fff!important;font-weight:800}
body.kbd-global-header-theme-page .site-footer .brand-mark{width:46px;height:46px;display:grid;place-items:center;flex:none}
body.kbd-global-header-theme-page .site-footer .brand-mark img{width:42px!important;height:42px!important;display:block!important;object-fit:contain!important;max-width:none!important}
body.kbd-global-header-theme-page .site-footer .footer-grid>div:first-child>p{max-width:410px;color:rgba(255,255,255,.6);font-size:.82rem;line-height:1.65;margin:0}
body.kbd-global-header-theme-page .site-footer .footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:22px}
body.kbd-global-header-theme-page .site-footer .footer-contact span{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#b7ef49}
body.kbd-global-header-theme-page .site-footer .footer-contact a{font-size:.95rem;font-weight:700;color:#fff!important;text-decoration:none!important}
body.kbd-global-header-theme-page .site-footer .footer-contact a:hover{text-decoration:underline!important;text-underline-offset:3px}
body.kbd-global-header-theme-page .site-footer .footer-grid h3{font-family:Manrope,Arial,sans-serif;font-size:.78rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:#b7ef49;margin:0}
body.kbd-global-header-theme-page .site-footer .footer-grid>div:not(:first-child){display:grid;align-content:start;gap:9px}
body.kbd-global-header-theme-page .site-footer .footer-grid>div:not(:first-child) a{font-size:.82rem;line-height:1.65;text-decoration:none!important;color:rgba(255,255,255,.7)!important}
body.kbd-global-header-theme-page .site-footer .footer-grid a:hover{color:#fff!important}
body.kbd-global-header-theme-page .site-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.68rem;line-height:1.5;color:rgba(255,255,255,.48)}

@media(max-width:1000px){
  body.kbd-global-header-theme-page .site-footer .footer-grid{grid-template-columns:1.2fr .7fr .7fr;gap:35px}
}
@media(max-width:700px){
  body.kbd-global-header-theme-page .site-footer{padding:60px 0 95px}
  body.kbd-global-header-theme-page .site-footer .container{width:min(calc(100% - 28px),1180px)}
  body.kbd-global-header-theme-page .site-footer .footer-grid{grid-template-columns:1fr}
  body.kbd-global-header-theme-page .site-footer .footer-bottom{display:grid;margin-top:46px}
}