/* =====================================================================
   dk-footer.css — стили футера (denkirs / АЛЬТ-ОН), графит/grounded
   Подключается в header.twig рядом с dk-product.css → изменения видны
   сразу после F5 (кэш сбрасывать не нужно).
   Переменные (--dk-p и т.п.) берутся из :root в dk-product.css, который
   грузится глобально на каждой странице. См. PROJECT_MAP, раздел «Футер».
   Maza footer group_owner=15, skin 28:
   201831=Каталог, 201834=О компании, 201836=Покупателю,
   201838=contact col / 201839=карточка, 201840=строка копирайта.
   Палитра: bg #1b1e25, панель #23272f, текст #aeb6c2, заголовки #fff,
   акцент var(--dk-p) #ffb100, hover #ffc24d.
   ===================================================================== */

/* kill the empty trailing home section that left a white gap above the footer
   (device_hidden is also set in DB, but home content is page-cached — CSS is immediate) */
#entry_215624 { display: none !important; }

/* whole footer goes graphite (covers middle + bottom rows) */
.footer { background-color: #1b1e25 !important; color: #aeb6c2; }
.footer #entry_201829 { padding-top: 46px; padding-bottom: 22px; }

/* column balance on desktop */
@media (min-width: 992px) {
  .footer #entry_201831 { flex: 0 0 27%; max-width: 27%; }
  .footer #entry_201834 { flex: 0 0 21%; max-width: 21%; }
  .footer #entry_201836 { flex: 0 0 21%; max-width: 21%; }
  .footer #entry_201838 { flex: 0 0 31%; max-width: 31%; }
}
.footer #entry_201838 { align-items: stretch; justify-content: flex-start; }
.footer #entry_201839 { width: 100%; flex: 0 0 auto; }

/* --- unified headings (all 4 columns identical) + brand accent underline --- */
.footer #entry_201829 .design-title,
.dk-foot-title {
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #fff !important;
  margin: 0 0 18px !important;
}
.footer #entry_201829 .design-title::after,
.dk-foot-title::after {              /* yellow highlight under every heading */
  content: ""; display: block; width: 24px; height: 3px;
  background: var(--dk-p); border-radius: 2px; margin-top: 9px;
}

/* --- smaller, calmer menu links --- */
.footer #entry_201829 .design-menu a.nav-link {
  font-size: 13.5px;
  color: #aeb6c2;
  padding-top: .26rem;
  padding-bottom: .26rem;
  transition: color .15s;
}
.footer #entry_201829 .design-menu a.nav-link:hover { color: #ffc24d; }

/* --- contact card — elevated graphite panel with a thin gold border (highlight) --- */
.dk-foot-card {
  background: #23272f;
  border: 1px solid var(--dk-p);
  border-radius: 18px;
  padding: 22px 24px;
}
.dk-foot-phone {
  display: inline-block; font-size: 25px; font-weight: 800;
  color: #fff; text-decoration: none; line-height: 1.05; letter-spacing: -.01em;
}
.dk-foot-phone:hover { color: #ffc24d; }
.dk-foot-hours { font-size: 12.5px; font-weight: 600; color: #7d838f; margin: 7px 0 0; }
.dk-foot-lines { margin-top: 18px; padding-top: 16px; border-top: 1px solid #2e333d; }
.dk-foot-line {
  display: flex; align-items: flex-start; gap: 10px;
  color: #aeb6c2; text-decoration: none; font-size: 13.5px; line-height: 1.45; margin-bottom: 11px;
}
.dk-foot-line:last-child { margin-bottom: 0; }
.dk-foot-line svg { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 2px; fill: #6b7280; transition: fill .15s; }
a.dk-foot-line:hover { color: #fff; }
a.dk-foot-line:hover svg { fill: var(--dk-p); }
.dk-foot-soc {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-top: 18px; padding-top: 16px; border-top: 1px solid #2e333d;
}
.dk-foot-soc-left { display: flex; align-items: center; gap: 15px; }
.dk-foot-pay {                       /* МИР/SberPay/СБП — brand colors, pinned to card's right edge */
  height: 24px; width: auto;
}
.dk-foot-soc-i { display: inline-flex; align-items: center; color: #7d838f; transition: color .15s; }
.dk-foot-soc-i svg { width: 23px; height: 23px; fill: currentColor; }   /* Telegram: glyph padded inside 24 viewBox */
.dk-foot-soc-i[aria-label="MAX"] svg { width: 19px; height: 19px; }     /* MAX: logo fills its box -> smaller to match */
.dk-foot-soc-i:hover { color: var(--dk-p); }

/* --- bottom row (copyright): white section bg removed at the source (Maza setting on 201840),
   so it inherits the graphite footer. Here only the divider + spacing. --- */
.footer #entry_201840 .entry-section {
  border-top: 1px solid #2a2e36;
  padding-top: 20px; padding-bottom: 22px;
}
.footer #entry_201840 p { color: #6b7280; font-size: 12.5px; margin: 0; }
.footer #entry_201840 .dropdown-toggle { color: #aeb6c2; }
.footer #entry_201840 a { color: #aeb6c2; }
.footer #entry_201840 a:hover { color: #ffc24d; }