/* =========================================================
   FOOTER – minimal, kontrastan, bez okvira oko logo-a
   (rem-only, responsive-friendly)
========================================================= */

.ss-footer{
  background: #27221E;
  color: rgba(242,239,231,.78);
  border-top: 0.0625rem solid rgba(186,150,99,.22); /* 1px */
}

.ss-footer__inner{
  padding: 2.75rem 0 1.75rem;         /* 44px 0 28px */
  display: grid;
  grid-template-columns: 0.9fr 1.2fr 0.9fr;
  gap: 1.75rem;                        /* 28px */
  align-items: start;
}

/* LEFT: logo (veći, bez okvira) */
.ss-footer__brand{
  display: flex;
  align-items: center;
}

.ss-footer__logo{
  display: inline-flex;
  text-decoration: none;
}

.ss-footer__logo img{
  width: 10rem;                        /* 160px */
  height: 10rem;                       /* 160px */
  object-fit: contain;
  display: block;
}

/* MID: meta info */
.ss-footer__meta{
  display: grid;
  gap: 0.75rem;                        /* 12px */
  font-size: 1rem;
}

.ss-footer__meta-row{
  color: rgba(242,239,231,.78);
}

.ss-footer__meta-row span{
  color: rgba(186,150,99,.78);
  font-weight: 800;
  margin-right: 0.625rem;              /* 10px */
}

/* RIGHT: kontakt */
.ss-footer__contact{
  display: grid;
  gap: 0.625rem;                       /* 10px */
  justify-items: start;
}

/* "Kontakt" je link ka kontakt.html sa hover efektom */
.ss-footer__contact-title{
  font-weight: 900;
  color: #ba9663;
  font-size: 1.05rem;
  margin-bottom: 0.375rem;             /* 6px */

  text-decoration: none;
  border-bottom: 0.0625rem solid transparent; /* 1px */
  width: fit-content;
}

.ss-footer__contact-title:hover{
  color: rgba(255,255,255,.95);
  border-bottom-color: rgba(176,138,74,.6);
}

.ss-footer__contact-link{
  color: rgba(242,239,231,.78);
  text-decoration: none;
  border-bottom: 0.0625rem solid transparent; /* 1px */
  width: fit-content;
}

.ss-footer__contact-link:hover{
  color: #fff;
  border-bottom-color: rgba(176,138,74,.6);
}

/* Bottom line */
.ss-footer__bottom{
  border-top: 0.0625rem solid rgba(186,150,99,.18); /* 1px */
  background: rgba(0,0,0,.12);
}

.ss-footer__bottom-inner{
  padding: 0.875rem 0;                 /* 14px 0 */
  font-size: 0.9rem;
  color: rgba(242,239,231,.58);
  text-align: center;
}

/* =========================================================
   Responsive
   - koristimo em breakpoints da prate korisnikov font-size
========================================================= */

/* <= 992px (Bootstrap lg) -> 992/16 = 62em */
@media (max-width: 62em){
  .ss-footer__inner{
    grid-template-columns: 1fr;
    gap: 1.375rem;                     /* 22px */
    padding: 2.125rem 0 1.25rem;       /* 34px 0 20px */
  }

  /* postepeno smanji logo, ali da i dalje izgleda “brendovski” */
  .ss-footer__logo img{
    width: 7rem;                       /* ~112px */
    height: 7rem;
  }

  /* malo ergonomije na touch */
  .ss-footer__contact-link,
  .ss-footer__contact-title{
    padding: 0.25rem 0;                /* tap zona bez vizuelne promene */
    line-height: 1.35;
  }

  .ss-footer__meta{
    gap: 0.625rem;                     /* 10px */
    font-size: 0.98rem;
  }

  .ss-footer__meta-row span{
    margin-right: 0.375rem;            /* 6px */
  }
}

/* <= 576px (Bootstrap sm) -> 576/16 = 36em */
@media (max-width: 36em){
  .ss-footer__logo img{
    width: 5.75rem;                    /* ~92px */
    height: 5.75rem;
  }

  /* email i duge vrednosti da se lepo prelome */
  .ss-footer__contact{
    max-width: 100%;
  }

  .ss-footer__contact-link{
    word-break: break-word;
  }
}