/* widget: ss-footer */
.ss-footer {
  background: var(--ss-surface);
  border-top: 1px solid rgba(127, 86, 20, .3);
  padding-block: var(--ss-section-y);
}
.ss-footer__inner {
  max-width: var(--ss-max); margin-inline: auto; padding-inline: var(--ss-gutter);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px;
}
.ss-footer__brand { display: flex; flex-direction: column; gap: 16px; max-width: 368px; }
.ss-footer__name { font-family: var(--ss-font-display); font-weight: 500; font-size: var(--ss-h2); line-height: 1.25; color: var(--ss-primary); }
.ss-footer__address { font-style: normal; line-height: 24px; color: var(--ss-muted); }

.ss-footer__logo { justify-self: center; display: block; width: 128px; transition: transform .4s var(--ss-ease); }
.ss-footer__logo:hover { transform: rotate(-6deg) scale(1.03); }
.ss-footer__logo img { width: 100%; height: auto; }

.ss-footer__links { justify-self: end; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; }
.ss-footer__links a { color: var(--ss-muted); opacity: .9; text-decoration: none; line-height: 24px; transition: color .2s, opacity .2s; }
.ss-footer__links a:hover { color: var(--ss-primary); opacity: 1; }

@media (max-width: 860px) {
  .ss-footer__inner { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 40px; }
  .ss-footer__brand { align-items: center; }
  .ss-footer__logo { order: -1; }
  .ss-footer__links { justify-self: center; align-items: center; }
}

/* SVG logo (wider than the old round one) */
.ss-footer__logo { width: 180px; }
