/* =======================================================================
   FOOTER — стиль в палитре сайта (чернила/крафт/терракота)
   Скоуп: только #footer. Планшеты/мобилки — компактнее.
   ======================================================================= */

#footer{
  background: var(--ink);
  color: var(--paper-100);
  padding: 3rem 0 2rem;          /* базовые отступы (десктоп) */
  font-size: 0.95rem;            /* базовый кегль (десктоп) */
}

/* Ссылки по умолчанию */
#footer a{
  color: var(--paper-100);
  text-decoration: none;
  transition: color .25s ease, text-shadow .25s ease, transform .2s ease;
}
/* общий hover — терракота (кроме соц.иконок — ниже переопределение) */
#footer a:hover{ color: var(--terracotta); }

/* Сетка */
#footer .footer-grid{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  align-items: start;
}

/* Левая колонка — бренд */
#footer .footer-brand h3{
  color: var(--terracotta);
  margin-bottom: .5rem;
}
#footer .footer-brand p{
  color: var(--paper-200);
  font-size: 0.9rem;
}

/* Центр — контакты */
#footer .footer-contacts p{ margin: .25rem 0; }
#footer .footer-contacts i{
  margin-right: .4rem;
  color: var(--terracotta);
}
#footer .footer-socials{ margin-top: .5rem; }
#footer .footer-socials a{
  margin-right: .8rem;
  font-size: 1.4rem;
  line-height: 1;
  color: inherit;                 /* иконки по умолчанию как было (наследуют цвет футера) */
}

/* Правая колонка — юр. информация */
#footer .footer-legal{
  text-align: right;
  font-size: 0.85rem;
  color: var(--paper-200);
}
#footer .footer-legal a{
  display: block;
  margin-top: .25rem;
  font-size: 0.85rem;
}

/* ──────────────────────────────────────────────────────────────
   ТОЧЕЧНЫЕ ХОВЕРЫ
   ────────────────────────────────────────────────────────────── */

/* Телефон: при наведении становится терракотовым (ПК/ноут) */
@media (hover: hover) and (pointer: fine){
  #footer .footer-contacts a[href^="tel:"]{
    transition: color .25s ease, text-shadow .25s ease;
  }
  #footer .footer-contacts a[href^="tel:"]:hover{
    color: var(--terracotta);
    text-shadow: 0 0 10px rgba(198,90,46,.25);
  }
}


/* 2) Социальные иконки:
      • по умолчанию — как было (наследуют цвет текста футера)
      • при ховере ссылка окрашивает ИКОНКУ в брендовый цвет */
@media (hover: hover) and (pointer: fine){
  #footer .footer-socials a:hover .bi-telegram{ color: #229ED9; }  /* Telegram */
  #footer .footer-socials a:hover .bi-whatsapp{ color: #25D366; }  /* WhatsApp */
  /* лёгкое приподнятие и свечение — опционально, но аккуратно */
  #footer .footer-socials a:hover{ transform: translateY(-1px); }
}

/* 3) Политика конфиденциальности — спокойный акцент */
#footer .privacy-link{
  color: color-mix(in srgb, var(--terracotta) 80%, #fff 20%);
  text-decoration: underline dotted 1px transparent;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine){
  #footer .privacy-link:hover{
    color: var(--terracotta-hover);
    text-decoration-color: currentColor;
  }
}

/* Фокус для клавиатуры (a11y) */
#footer a:focus-visible{
  outline: 2px dashed rgba(255,255,255,.55);
  outline-offset: 3px;
  text-decoration: none;
}

/* =======================================================================
   АДАПТИВ
   ======================================================================= */

/* Планшеты ≤ 1199.98px — компактнее */
@media (max-width: 1199.98px){
  #footer{
    padding: 2.25rem 0 1.5rem;   /* было 3rem/2rem */
    font-size: 0.9rem;           /* -5% кегль */
  }
  #footer .footer-grid{ gap: 1.5rem; }
  #footer .footer-brand p{ font-size: 0.85rem; }
  #footer .footer-socials a{ font-size: 1.25rem; margin-right: .7rem; }
  #footer .footer-legal{ font-size: 0.8rem; }
  #footer .footer-legal a{ font-size: 0.8rem; }
}

/* Мобилки ≤ 768px — одна колонка */
@media (max-width: 768px){
  #footer .footer-grid{
    grid-template-columns: 1fr;
    text-align: center;
  }
  #footer .footer-legal{ text-align: center; }
}

/* Узкие мобилки ≤ 575.98px — максимально экономно */
@media (max-width: 575.98px){
  #footer{
    padding: 1.5rem 0 1rem;
    font-size: 0.85rem;
  }
  #footer .footer-grid{ gap: 1rem; }
  #footer .footer-brand h3{ margin-bottom: .4rem; }
  #footer .footer-brand p{ font-size: 0.82rem; }
  #footer .footer-contacts p{ margin: .2rem 0; }
  #footer .footer-socials{ margin-top: .4rem; }
  #footer .footer-socials a{ font-size: 1.1rem; margin-right: .6rem; }
  #footer .footer-legal{ font-size: 0.78rem; }
  #footer .footer-legal a{ font-size: 0.78rem; margin-top: .2rem; }
}