/* footer.css — единый источник стилей общего футера (GC-26).
   Самодостаточен: подключается на всех публичных страницах рядом с
   partials/footer.html. Переменные и стили бренда заскоплены на .hp-footer,
   чтобы не конфликтовать с style.css / home-preview.css. */

.hp-footer {
  --footer-dark: #1A1A2E;
  --footer-w: #FFF;
  --footer-tr: 0.22s ease;
  --footer-g: #2D6A4F;
  background: var(--footer-dark);
  color: rgba(255,255,255,0.55);
  padding: 44px 0 0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  width: 100%;        /* full-width даже внутри flex-column (login.html) */
  align-self: stretch;
  box-sizing: border-box;
}
.hp-footer .hp-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.hp-footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 28px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.hp-footer .c-brand { display: flex; align-items: center; gap: 8px; }
.hp-footer .c-brand-icon { font-size: 24px; }
.hp-footer .c-brand-text { font-size: 15px; font-weight: 700; color: var(--footer-g); letter-spacing: -0.2px; }
/* GC-49: логотип-надпись в футере; brightness — читаемость зелёного на тёмном фоне */
.hp-footer .c-brand-logo { height: 22px; width: auto; display: block; filter: brightness(1.75) saturate(0.92); }
.hp-footer-about { font-size: 12px; line-height: 1.6; margin-top: 10px; max-width: 260px; }
.hp-footer-h { font-size: 11px; font-weight: 600; color: var(--footer-w); margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.6px; }
.hp-footer-link { display: block; font-size: 12px; padding: 3px 0; color: rgba(255,255,255,0.55); text-decoration: none; transition: color var(--footer-tr); }
.hp-footer-link:hover { color: var(--footer-w); }
.hp-footer-bot { padding: 16px 0; font-size: 11px; opacity: 0.35; }

@media (max-width: 768px) {
  .hp-footer-inner { grid-template-columns: 1fr 1fr; gap: 16px; }
}
@media (max-width: 480px) {
  .hp-footer-inner { grid-template-columns: 1fr; }
}