/* ============================================================
   ai.blocksize.hr — shared site chrome (header + footer)
   Single source of truth. Loaded by every page.
   ============================================================ */

/* ---- Header ------------------------------------------------ */
header.site-header{
  background:rgba(15,23,42,0.97);
  border-bottom:1px solid #1E293B;
  padding:.9rem 2rem;
  display:flex;
  align-items:center;
  position:sticky;
  top:0;
  z-index:200;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  width:100%;
  box-sizing:border-box;
}
header.site-header nav{
  display:flex;
  align-items:center;
  width:100%;
  justify-content:space-between;
  max-width:none;
  margin:0;
  padding:0;
  border:none;
}
header.site-header .site-logo{
  font-size:1.2rem;
  font-weight:700;
  color:#F59E0B;
  text-decoration:none;
  letter-spacing:-.01em;
  flex-shrink:0;
}
header.site-header .site-logo span{color:#F1F5F9;}
header.site-header .site-nav-right{display:flex;align-items:center;gap:1.25rem;}
header.site-header .site-nav-link{
  margin:0;
  color:#94A3B8;
  font-size:.875rem;
  font-weight:500;
  text-decoration:none;
  transition:color .2s;
}
header.site-header .site-nav-link:hover{color:#F59E0B;}

/* ---- Language switcher ------------------------------------- */
header.site-header .site-lang-sw{display:flex;gap:3px;}
header.site-header .site-lang-sw a{
  margin:0;
  background:transparent;
  border:1px solid #334155;
  color:#64748B;
  font-size:.7rem;
  font-weight:700;
  padding:3px 8px;
  border-radius:5px;
  text-decoration:none;
  transition:all .2s;
  line-height:1.6;
  cursor:pointer;
}
header.site-header .site-lang-sw a:hover{border-color:#F59E0B;color:#F59E0B;}
header.site-header .site-lang-sw a.cur{background:#F59E0B;border-color:#F59E0B;color:#0F172A;}

/* ---- Certification badge ----------------------------------- */
header.site-header .site-nav-cert{
  background:rgba(217,119,6,.15);
  border:1px solid rgba(217,119,6,.3);
  color:#F59E0B;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.05em;
  padding:3px 10px;
  border-radius:20px;
  white-space:nowrap;
}

/* ---- Footer ------------------------------------------------ */
footer.site-footer{
  background:#080E1A;
  border-top:1px solid #1E293B;
  padding:2rem;
  text-align:center;
  color:#64748B;
  font-size:.875rem;
  margin-top:4rem;
}
footer.site-footer p{margin:0;}
footer.site-footer a{color:#94A3B8;text-decoration:none;transition:color .2s;}
footer.site-footer a:hover{color:#F59E0B;}

/* ---- Responsive -------------------------------------------- */
@media(max-width:768px){
  header.site-header .site-nav-cert{display:none;}
  header.site-header{padding:.75rem 1rem;}
  header.site-header .site-nav-right{gap:.75rem;}
}
@media(max-width:500px){
  header.site-header .site-nav-link{display:none;}
}