/* FTR-001: общий стиль технического образца и шаблонов сайта. */
@import url('./foundations.css');

.mama-site-footer,
.mama-site-footer * { box-sizing: border-box; }

.mama-site-footer {
  background: var(--mama-color-footer-surface);
  color: var(--mama-color-footer-text);
  font: 400 var(--mama-text-sm)/1.5 var(--mama-font-sans);
}

.mama-site-footer__inner {
  max-width: var(--mama-container-max);
  margin-inline: auto;
  padding: var(--mama-space-12) var(--mama-page-gutter);
}

.mama-site-footer__columns {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr));
  gap: var(--mama-space-8);
}

.mama-site-footer__brand,
.mama-site-footer__group { display: flex; flex-direction: column; align-items: flex-start; gap: var(--mama-space-2); min-width: 0; }
.mama-site-footer__brand { gap: var(--mama-space-3); }
.mama-site-footer__title { margin: 0; color: var(--mama-color-footer-heading); font-size: .9375rem; font-weight: 600; }
.mama-site-footer__phone { color: var(--mama-color-footer-heading); font-size: 1.25rem; font-weight: 600; line-height: 1.2; }
.mama-site-footer :is(a, a:visited) { color: var(--mama-color-footer-text); border-bottom: 0; text-decoration: none; }
.mama-site-footer a:hover { color: var(--mama-color-footer-heading); text-decoration: underline; text-underline-offset: .2em; }
.mama-site-footer a:focus-visible { outline: 3px solid var(--mama-color-action); outline-offset: 3px; }
.mama-site-footer a.mama-site-footer__phone { color: var(--mama-color-footer-heading); }
.mama-site-footer__legal { max-width: 900px; margin: var(--mama-space-10) 0 0; color: var(--mama-color-footer-muted); font-size: var(--mama-text-xs); line-height: 1.6; }
.mama-site-footer__license { max-width: 900px; margin: var(--mama-space-4) 0 0; color: var(--mama-color-footer-text); font-size: var(--mama-text-xs); line-height: 1.6; }
.mama-site-footer__license strong { color: var(--mama-color-footer-heading); font-weight: 600; }
.mama-site-footer__license a { text-decoration: underline; text-underline-offset: .2em; }

/* Принятый полный FTR-001: все семь действующих групп меню Битрикс. */
.mama-site-footer--full-menu .mama-site-footer__columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mama-site-footer--full-menu .mama-site-footer__group { align-self: start; }
.mama-site-footer__legal-links { display: flex; flex-wrap: wrap; gap: var(--mama-space-2) var(--mama-space-5); margin-top: var(--mama-space-8); font-size: var(--mama-text-xs); }
.mama-site-footer__legal-links a { text-decoration: underline; text-underline-offset: .2em; }
.mama-site-footer a.mama-site-footer__title { color: var(--mama-color-footer-heading); }
.mama-site-footer__social { display: flex; flex-wrap: wrap; gap: var(--mama-space-2) var(--mama-space-5); margin-top: var(--mama-space-8); }
.mama-site-footer__social :is(ul, li) { display: contents; margin: 0; padding: 0; list-style: none; }
.mama-site-footer__social > br { display: none; }
.mama-site-footer__social a { text-decoration: underline; text-underline-offset: .2em; }
.mama-site-footer__credit { margin: var(--mama-space-4) 0 0; color: var(--mama-color-footer-muted); font-size: var(--mama-text-xs); }

@media (max-width: 1199px) {
  .mama-site-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mama-space-8) var(--mama-space-12); }
  .mama-site-footer--full-menu .mama-site-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .mama-site-footer__inner { padding-block: var(--mama-space-10); }
  .mama-site-footer__columns { grid-template-columns: minmax(0, 1fr); gap: var(--mama-space-8); }
  .mama-site-footer--full-menu .mama-site-footer__columns { grid-template-columns: minmax(0, 1fr); }
  .mama-site-footer__legal { margin-top: var(--mama-space-8); }
}