/* Подвал — вынесен из shop3.css без изменения вида (W0a, plan-0.4 §2). Подключается после shop3.css (event.php headerAssets(), CHROME_CSS)
   тем же набором CSS. Шаблон: common/footer */

/* короткая страница: подвал у низа окна (O1) — sticky с top: высота окна сдвигает его вниз не дальше конца body (min-height: 100vh),
   на длинной странице сдвигать некуда; раскладку остальных блоков не меняет */
.s3-footer { position: sticky; top: var(--s3-viewport-screen-height); padding-top: var(--s3-space-7); font-size: var(--s3-font-size-sm); }
.s3-footer__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--s3-layout-column), 1fr)); gap: var(--s3-space-5); padding-bottom: var(--s3-space-6); }
.s3-footer__title { margin: 0 0 var(--s3-space-3); font-size: var(--s3-font-size-sm); font-weight: var(--s3-font-weight-bold); text-transform: uppercase; letter-spacing: var(--s3-font-tracking-wider); }
.s3-footer ul { margin: 0; padding: 0; list-style: none; }
.s3-footer li { margin-bottom: var(--s3-space-2); }
.s3-footer a { color: var(--s3-text-muted); text-decoration: none; }
.s3-footer a:hover { color: var(--s3-text); }
.s3-footer__bottom { padding: var(--s3-space-4) var(--s3-container-gutter); border-top: var(--s3-border-width-thin) solid var(--s3-border-subtle); color: var(--s3-text-muted); font-size: var(--s3-font-size-xs); }

/* Подвал из настроек (F1, design-document.md §3.2): ряды → колонки из 12 → блоки; template/shop3/chrome/footer/. Вид выше — подвал без настроек */
.s3-footer--rows { padding-top: 0; }
/* край подвала (VD #12): первый ряд на палитре страницы (main или без своей) и не на подложке — тонкая линия сверху, иначе колонки подвала
   продолжают страницу; ряд своей палитрой или подложка — край виден и так */
.s3-footer--rows > .s3-footer__row:first-child:not(.s3-footer__row--plate):not([class*="scheme-"]),
.s3-footer--rows > .s3-footer__row:first-child.scheme-main { border-top: var(--s3-border-width-thin) solid var(--s3-border-subtle); }
.s3-footer__row { padding-block: var(--s3-footer-padding-block); }
.s3-footer__row--plate { padding-block: var(--s3-footer-gap); }
.s3-footer__row--plate .s3-footer__cols { padding: var(--s3-footer-padding-block) var(--s3-footer-gap); border-radius: var(--s3-footer-plate-radius); }
.s3-footer__full { padding-inline: var(--s3-container-gutter); }
.s3-footer__wide { max-width: var(--s3-container-wide); }
.s3-footer__cols { display: grid; grid-template-columns: repeat(var(--s3-footer-columns), minmax(0, 1fr)); gap: var(--s3-footer-gap); }
.s3-footer__cell { display: flex; flex-direction: column; gap: var(--s3-space-4); grid-column: span var(--s3x-span); min-width: 0; }
.s3-footer__cell[class*="scheme-"] { padding: var(--s3-footer-gap); border-radius: var(--s3-footer-plate-radius); }
.s3-footer__row--center { text-align: center; }
.s3-footer__row--center .s3-footer__list--inline, .s3-footer__row--center .s3-footer__icons { justify-content: center; }
.s3-footer .s3-footer__row--center .s3-footer__logo { align-self: center; }
.s3-footer__row--center .s3-newsletter { margin-inline: auto; }

.s3-footer__list--inline { display: flex; flex-wrap: wrap; gap: var(--s3-space-2) var(--s3-space-5); }
.s3-footer__list--inline li { margin-bottom: 0; }
/* блок: на нём заголовок и содержимое; нижние поля списков не складываются с gap ячейки */
.s3-footer__links .s3-footer__list li:last-child, .s3-footer__acc .s3-footer__list li:last-child { margin-bottom: 0; }

/* аккордеон колонки ссылок — только телефон, без JS; от шага sm тот же список открыт всегда (links.twig) */
.s3-footer__links--wide { display: none; }
.s3-footer__summary { display: flex; align-items: center; justify-content: space-between; min-height: var(--s3-size-control-sm); cursor: pointer; list-style: none; }
.s3-footer__summary::-webkit-details-marker { display: none; }
.s3-footer__summary .s3-footer__title { margin: 0; }
.s3-footer__acc[open] .s3-footer__chevron { rotate: 180deg; }
.s3-footer__acc .s3-footer__list { padding-block: var(--s3-space-2); }
.s3-footer__acc:not([open]) .s3-footer__list { display: none; }

.s3-footer__contacts { margin: 0; font-style: normal; }
.s3-footer__contact, .s3-footer__text, .s3-footer__copyright { margin: 0; }
.s3-footer__contact + .s3-footer__contact { margin-top: var(--s3-space-2); }
.s3-footer__text, .s3-footer__contact { color: var(--s3-text-muted); }
.s3-footer__copyright { color: var(--s3-text-muted); font-size: var(--s3-font-size-xs); }

.s3-footer .s3-footer__logo { align-self: flex-start; color: var(--s3-text); font-size: var(--s3-font-size-lg); font-weight: var(--s3-font-weight-bold); }
.s3-footer__logo img { display: block; max-height: var(--s3-size-control-md); width: auto; }
.s3-footer .s3-footer__logo--wordmark { font-size: var(--s3-footer-wordmark-size); }

.s3-footer__icons, .s3-footer__apps { display: flex; flex-wrap: wrap; gap: var(--s3-space-2); }
.s3-footer__icons li, .s3-footer__apps li { margin-bottom: 0; }
.s3-footer__icon { display: inline-flex; align-items: center; justify-content: center; min-width: var(--s3-size-control-sm); min-height: var(--s3-size-control-sm); }
.s3-footer__pay { display: inline-flex; align-items: center; color: var(--s3-text-muted); }
.s3-footer__payimg { display: block; height: var(--s3-size-icon-md); width: auto; }
.s3-footer .s3-newsletter { gap: var(--s3-space-2); }
.s3-footer .s3-newsletter__text { font-size: inherit; color: var(--s3-text-muted); }
/* кнопка подписки: тот же слот, что у секции (sections/newsletter.css подвал не подключает) */
.s3-footer .s3-newsletter__button:not(:hover):not(:focus) { background: var(--s3-section-newsletter-button-accent); color: var(--s3-section-newsletter-button-accent-on); }

@media (min-width: 601px) {
  .s3-footer__acc { display: none; }
  .s3-footer__links--wide { display: block; }
  .s3-footer__cell { grid-column: span var(--s3x-span-sm); }
}
@media (min-width: 992px) {
  .s3-footer__cell { grid-column: span var(--s3x-span-md); }
  /* правая колонка ряда: соцсети и оплата — к правому краю; логическое свойство, в RTL — к левому */
  .s3-footer__cell:last-child:not(:first-child) > .s3-footer__payments,
  .s3-footer__cell:last-child:not(:first-child) > .s3-footer__block > .s3-footer__icons { justify-content: flex-end; }
}