/* ============================================================
   EasySpain — Единый footer (.site-footer) для всех страниц.
   Mobile-first, расширяется на десктопе (≥900px).
   Полная ширина окна независимо от body-padding.
   ============================================================ */

/* Гарантируем что body не оставляет зазор СНИЗУ под footer'ом.
   В паре с body:has(> header.site-nav) { padding-top: 0 } из site-nav.css
   это даёт одинаковую высоту footer на всех страницах. */
body:has(> footer.site-footer) {
  padding-bottom: 0 !important;
}

.site-footer {
  /* Полная ширина окна, игнорируем body-padding */
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: 32px;
  margin-bottom: 0;

  background: #0F1117;
  border-top: 1px solid #1E2638;
  color: #8896B0;
  font-family: -apple-system, 'Inter', sans-serif;
  font-size: 12.5px;
  line-height: 1.5;
}

.site-footer__inner {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 22px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

/* Бренд */
.site-footer__brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #EDF1F8;
  font-weight: 800;
  letter-spacing: -0.3px;
}
.site-footer__brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px; height: 26px;
  border-radius: 7px;
  background: #C4952A;
  color: #0F1117;
  font-size: 11px;
  font-weight: 900;
}
.site-footer__brand-text { font-size: 14px; }
.site-footer__brand-text span { color: #C4952A; }

/* Ссылки */
.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 6px 4px;
}
.site-footer__links a {
  color: #A8B5CC;
  text-decoration: none;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  transition: color 0.15s, background 0.15s;
}
.site-footer__links a:hover { color: #EDF1F8; background: #1F2638; }
.site-footer__links .sep { color: #5A6A84; font-size: 11px; }

/* Мета (юр.строка) */
.site-footer__meta {
  color: #5A6A84;
  font-size: 11.5px;
  letter-spacing: 0.2px;
}

/* Десктоп — горизонтальная композиция */
@media (min-width: 900px) {
  .site-footer__inner {
    max-width: 1180px;
    padding: 28px 32px 30px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    flex-wrap: wrap;
    gap: 16px;
  }
  .site-footer__brand-mark { width: 30px; height: 30px; font-size: 12px; }
  .site-footer__brand-text { font-size: 15px; }
  .site-footer__links { gap: 4px; }
  .site-footer__links a { padding: 5px 10px; font-size: 13.5px; }
  .site-footer__meta { font-size: 12px; }
}