/* ===== FOOTER ===== */
.site-footer{
  background:#1c1c1c;
  color:#e0e0e0;
  padding:34px 20px 18px;
  font-size:14px;
}
.site-footer a{ color:#f1c40f; text-decoration:none; }
.site-footer a:hover{ color:#fff; }

.footer-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap:26px;
  align-items:start; /* poravnanje gornjeg reda */
}

.footer-col h3{
  font-size:16px;
  margin:0 0 12px;
  color:#fff;
}
.footer-col p{ line-height:1.6; margin:6px 0 0; }
.footer-col ul{ list-style:none; padding:0; margin:0; }
.footer-col ul li{ margin:0 0 8px; line-height:1.5; }

.footer-brand-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.footer-logo{ width:92px; height:auto; display:block; flex:0 0 auto; }
.footer-brand-text strong{ display:block; font-size:14px; margin-top:2px; }
.footer-social a{ display:inline-block; margin-top:10px; font-weight:800; }
.footer-note{ margin-top:10px; color:#b7b7b7; font-size:13px; }

.footer-bottom{
  border-top:1px solid #333;
  margin-top:22px;
  padding-top:14px;
  text-align:center;
  font-size:13px;
  color:#aaa;
}

@media (max-width: 980px){
  .footer-container{ grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 600px){
  .footer-container{ grid-template-columns: 1fr; }
  .footer-logo{ width:84px; }
}