.sr-main{
  max-width:1180px;
  margin:0 auto;
  padding:40px 20px;
}

@media (max-width:640px){
  .sr-main{ padding:30px 16px; }
}

.sr-meta-sep{
  margin:0 6px;
  opacity:0.5;
}
/* =====================================
   FOOTER – final (left brand + right links in one row)
===================================== */

.sr-footer{
  width: 100%;
  background: #0b0b0c;
  color: rgba(255,255,255,0.85);
  padding: 48px 20px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.sr-footer-inner{
  max-width: 1180px;
  margin: 0 auto;
}

.sr-footer-main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
}

/* LEFT */
.sr-footer-left{
  flex: 0 0 auto;
  min-width: 220px;
}

.sr-footer-brand{
  font-weight: 900;
  font-size: 18px;
  letter-spacing: .02em;
  margin: 0 0 6px 0;
}

.sr-footer-legal{
  font-size: 13px;
  opacity: .6;
  margin: 0;
}

/* RIGHT (all links in a line as long as there is room) */
.sr-footer-right{
  flex: 1 1 auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;           /* na manjim širinama smije se prelomiti */
  gap: 10px 16px;
  text-align: right;
}

/* link style */
.sr-footer-right a{
  text-decoration: none;
  font-size: 14px;
  opacity: .85;
  transition: color .15s ease, opacity .15s ease;
  white-space: nowrap;       /* spriječi "Politika privatnosti" da puca na 2 linije */
}

.sr-footer-right a:hover{
  color: var(--sr-accent);
  opacity: 1;
}

/* separators as dots, without huge spacing */
.sr-footer-right a:not(:last-child){
  position: relative;
  padding-right: 14px;
}

.sr-footer-right a:not(:last-child)::after{
  content: "•";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  opacity: .25;
}

/* Mobile */
@media (max-width: 900px){
  .sr-footer-main{
    flex-direction: column;
    align-items: flex-start;
  }

  .sr-footer-right{
    justify-content: flex-start;
    text-align: left;
  }
}