@charset "UTF-8";
/* Модуль ventolux_footer - Figma 2351:112882.
   ПК: лого 200 + 5 колонок по 200 (гап 20), поля 60. Моб: колонки списком. */
.footer {
  background: var(--c-white);
  box-shadow: inset 0 1px 0 0 var(--c-grey-light);
}

.footer__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  padding-block: var(--space-4);
}

/* моб: лого і гаряча лінія одним блоком зверху */
.footer__top {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.footer__hotline {
  display: flex;
  flex-direction: column;
}

.footer__hotline-number {
  font: var(--t-subtitle);
  letter-spacing: var(--t-subtitle-ls);
  color: var(--c-text);
}

.footer__hotline-note {
  font: var(--t-body);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text-muted);
}

/* моб: смуга з поштою під футером */
.footer__email {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
}

.footer__logo {
  display: flex;
  align-items: center;
  height: 52px;
  padding-inline: var(--space-2);
}

.footer__logo img {
  width: 110px;
  height: 36px;
}

.footer__columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-5);
}

/* моб: «Контакти» і «Графік роботи» - одна комірка сітки */
.footer__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
}

.footer__social-col {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}

.footer__col {
  display: flex;
  flex-direction: column;
}

.footer__title {
  font: var(--t-body-medium);
  letter-spacing: var(--t-body-ls);
  color: var(--c-text);
  padding-left: 2px;
  margin-bottom: var(--space-1);
}

.footer__title--social {
  margin-top: var(--space-6);
  padding-left: var(--space-2);
}

.footer__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

/* пункт футера - той самий Nav Button, тільки вирівняний по лівому краю */
.footer__link {
  justify-content: flex-start;
  min-height: 32px;
  color: var(--c-text-muted);
}

.footer__schedule-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: 32px;
  padding: var(--space-2) var(--space-1);
  font: var(--t-subbody);
  letter-spacing: var(--t-subbody-ls);
}

.footer__schedule-day {
  color: var(--c-text-muted);
}

.footer__schedule-time {
  color: var(--c-text);
}

.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
}

.footer__bottom {
  border-top: 1px solid var(--c-grey-light);
  padding-block: var(--space-4);
}

.footer__copy {
  font: var(--t-caption);
  letter-spacing: var(--t-caption-ls);
  color: var(--c-text-muted);
}

@media (min-width: 1024px) {
  /* ПК: група розпадається на дві окремі колонки сітки */
  .footer__group {
    display: contents;
  }
  .footer__columns {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: auto auto;
  }
  .footer__col {
    grid-row: 1/span 2;
  }
  .footer__col--schedule {
    grid-column: 5;
    grid-row: 1;
  }
  .footer__social-col {
    grid-column: 5;
    grid-row: 2;
    align-self: start;
  }
  .footer__inner {
    flex-direction: row;
    gap: var(--space-5);
    padding-block: 60px;
  }
  .footer__top {
    flex: 0 0 200px;
  }
  .footer__title {
    margin-bottom: var(--space-4);
  }
  .footer__social {
    justify-content: flex-start;
    gap: var(--space-2);
  }
  .footer__columns {
    flex: 1 0 0;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--space-5);
  }
}