/* Подвал ред. 2 — соцсети + крупные контакты. TASK-20260924-01, Designer, макет.
   Подключается как отдельный файл темы (assets/footer.css) и работает на ВСЕХ страницах:
   правила адресуют реальную разметку подвала (footer .foot-grid …), поэтому перебивают
   старые инлайновые (.foot ul и т. п.), которые до сих пор не срабатывали. */

/* ── 1. Починка списков: старое правило .foot ul не работало — ul лежат не внутри .foot ── */
footer .foot-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
footer .foot-grid ul li{list-style:none;margin:0;padding:0}
footer .foot-grid ul li::marker{content:""}
footer .foot-grid h4{font:400 13px/1.2 "PT Sans Narrow","PT Sans",sans-serif;text-transform:uppercase;letter-spacing:.09em;
  color:var(--faint);margin:0 0 14px;padding:0}
footer .foot-grid a{color:var(--muted);font-size:14.5px;text-decoration:none;transition:color .16s}
footer .foot-grid a:hover{color:var(--primary)}

/* ── 2. Колонка контактов: телефон и почта крупно ── */
footer .foot-grid .contact .addr{color:var(--muted);font-size:14.5px;line-height:1.5;margin:0 0 16px}
footer .foot-grid .contact .big{display:block;font-family:"PT Sans",sans-serif;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);line-height:1.18;text-decoration:none}
footer .foot-grid .contact .big:hover{color:var(--primary)}
footer .foot-grid .contact .tel{font-size:25px;margin-bottom:4px}
footer .foot-grid .contact .tel2{font-size:17px;font-weight:400;color:var(--muted);margin-bottom:12px}
footer .foot-grid .contact .mail{font-size:19px;margin-bottom:18px;word-break:break-all}
footer .foot-grid .contact .lbl{display:block;font:400 12.5px/1.2 "PT Sans Narrow","PT Sans",sans-serif;text-transform:uppercase;
  letter-spacing:.09em;color:var(--faint);margin-bottom:5px}

/* ── 3. Ряд соцсетей ── */
footer .soc{display:flex;align-items:center;gap:10px;margin-top:4px}
footer .soc a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  border:1px solid var(--border);color:var(--muted);background:transparent;transition:color .16s,border-color .16s,background .16s}
footer .soc a:hover{color:#fff;background:var(--primary);border-color:var(--primary)}
footer .soc svg{width:21px;height:21px;display:block;fill:currentColor}
footer .soc .lbl{margin:0 8px 0 0}

/* ── 4. Вариант B: отдельная контактная полоса ── */
footer .foot-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-top:34px;padding-top:26px;border-top:1px solid var(--border)}
footer .foot-cta .pair{display:flex;gap:44px;flex-wrap:wrap}
footer .foot-cta .big{display:block;font:700 27px/1.15 "PT Sans",sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
footer .foot-cta .big.mail{font-size:22px}
footer .foot-cta .big:hover{color:var(--primary)}
footer .foot-cta .lbl{display:block;font:400 12.5px/1.2 "PT Sans Narrow","PT Sans",sans-serif;text-transform:uppercase;
  letter-spacing:.09em;color:var(--faint);margin-bottom:6px}
footer .foot-cta .soc{margin:0}

/* ── 5. Мобайл ── */
@media (max-width:860px){
  footer .foot-grid .contact .tel{font-size:23px}
  footer .foot-grid .contact .mail{font-size:18px}
  footer .foot-cta{align-items:flex-start;flex-direction:column;gap:22px}
  footer .foot-cta .pair{gap:20px;flex-direction:column}
  footer .foot-cta .big{font-size:24px}
  footer .foot-cta .big.mail{font-size:19px}
}
@media (max-width:640px){
  footer .foot-grid{gap:26px}
  footer .soc a{width:44px;height:44px}
}

/* ── 6. Иконка без ссылки (напр. MAX, пока нет URL): тот же кружок, но некликабельный ── */
footer .soc .soon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;
  border:1px dashed var(--border);color:var(--faint);cursor:default}
footer .soc .soon svg{width:21px;height:21px;display:block;fill:currentColor}
@media (max-width:640px){footer .soc .soon{width:44px;height:44px}}
/* ряд рассчитан на рост 3 → 5 иконок */
footer .soc{flex-wrap:wrap;row-gap:10px;max-width:280px}

/* ══ Вариант C — по образцу skillbox: линейка под заголовком колонки, нижний ряд контактов ══ */
footer .foot-grid.c3{grid-template-columns:1.7fr 1fr 1fr}
footer .foot-grid.c3 .fcol h4{font-size:15px;text-transform:none;letter-spacing:0;color:var(--ink);
  font-family:"PT Sans",sans-serif;font-weight:700;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--border)}
footer .foot-grid.c3 .fcol ul{gap:12px}

footer .foot-contacts{display:grid;grid-template-columns:auto auto 1fr auto;align-items:start;gap:34px;margin-top:56px}
footer .foot-contacts .big{display:block;font:700 25px/1.15 "PT Sans",sans-serif;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
footer .foot-contacts .big.mail{font-size:22px}
footer .foot-contacts .big:hover{color:var(--primary)}
footer .foot-contacts .note{display:block;margin-top:8px;color:var(--muted);font-size:13.5px;line-height:1.45;max-width:26ch}
footer .foot-contacts .addr{color:var(--muted);font-size:14.5px;line-height:1.5;max-width:44ch}
footer .foot-contacts .soc{margin:0;justify-self:end}

/* залитые кружки, как в образце */
footer .soc.fill a,footer .soc.fill .soon{width:38px;height:38px;border:0;background:var(--ink);color:var(--base)}
footer .soc.fill a:hover{background:var(--primary);color:var(--on-primary)}
footer .soc.fill .soon{background:var(--faint);color:var(--base);cursor:default}
footer .soc.fill svg{width:19px;height:19px}

@media (max-width:980px){
  footer .foot-grid.c3{grid-template-columns:1fr 1fr}
  footer .foot-contacts{grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}
  footer .foot-contacts .soc{justify-self:start;grid-column:1/-1}
}
@media (max-width:640px){
  footer .foot-grid.c3{grid-template-columns:1fr}
  footer .foot-contacts{grid-template-columns:1fr;gap:22px}
  footer .foot-contacts .big{font-size:23px}
  footer .foot-contacts .big.mail{font-size:19px}
  footer .soc.fill a,footer .soc.fill .soon{width:42px;height:42px}
}