/* ===========================================================================
   50-footer — dark reference footer (oct_promo, DESIGN_SPEC §8).
   bg = --pr-dark-text-color, white text, four columns, hairline bottom bar.
   =========================================================================== */
/* The stock stylesheet's sticky-footer pattern (footer{position:absolute;
   bottom:-1px} + #container{margin-bottom:300px}) reserves only 300px and
   would let a taller footer overlap content — replace it with a normal
   in-flow footer and drop the reserve. */
footer.vk-footer{position:static;bottom:auto;border:0}
#container{margin-bottom:0}

.vk-footer{
  background:var(--pr-dark-text-color);
  color:#fff;
  margin-top:24px;
  padding:56px 0 0;
  font-size:14px;
}
.vk-f-grid{
  display:grid;
  grid-template-columns:1.2fr .7fr .7fr 1.15fr;
  gap:40px;
}
.vk-f-col{min-width:0}

/* --- column 1: brand + contacts ------------------------------------------ */
.vk-f-brand{
  font-size:26px;line-height:1;font-weight:800;letter-spacing:.04em;
  color:#aab1c6;margin-bottom:28px;
}
.vk-f-block{margin-top:20px}
.vk-f-head{display:flex;gap:10px;align-items:center;font-weight:700;font-size:16px}
.vk-f-head i{width:18px;text-align:center;opacity:.85}
.vk-f-body{margin-top:6px;font-weight:400;padding-left:28px}
.vk-f-muted{color:var(--pr-grey-color)}
.vk-f-phone,.vk-f-mail{display:flex;gap:10px;align-items:center;margin-top:20px}
.vk-f-phone i,.vk-f-mail i{width:18px;text-align:center;opacity:.85}
.vk-f-phone span{font-weight:700;font-size:16px}
.vk-f-mail span{font-weight:400;text-decoration:underline}
/* The footer prints white on #121715, so a visited link MUST be repainted white
   here — the global a:visited default is the dark body colour and would render
   the link invisible against its own background. This is the rule whose absence
   turned half the footer red once the links had been clicked. Literal hex: var()
   is not reliably resolved inside :visited. */
/* The footer never stated a base link colour of its own, so whichever inherited
   rule happened to win got to decide — and what rendered was #c94e28, the old
   OS24 skin's terracotta. That is the "red text in the footer" Hlib reported.
   Two older rules were in the running, `footer a{color:#ccc}` from stock
   stylesheet.css and `footer a{color:var(--footer-link)}` (#a8c6da) from
   vkladovke-skin.css, and neither is what painted, so the actual winner is
   something this sweep did not pin down. Stating the colour here at 0,1,1
   settles it regardless of which rule it was. */
.vk-footer a{color:#fff}
.vk-footer a:visited{color:#fff}
.vk-footer a:hover,.vk-footer a:visited:hover{color:var(--pr-blue-color)}

/* --- link columns --------------------------------------------------------- */
.vk-f-title{font-weight:700;font-size:16px;margin-bottom:16px}
.vk-f-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vk-f-links a{font-size:12px;line-height:18px;font-weight:400;text-decoration:underline}

/* --- column 4: newsletter + socials --------------------------------------- */
/* the old skin reuses .vk-newsletter/.vk-f-bottom with row-flex layouts —
   override explicitly (this file loads after vkladovke-skin.css) */
.vk-newsletter{display:flex;flex-direction:column}
.vk-f-pitch{display:flex;gap:14px;align-items:flex-start}
.vk-f-pitch i{font-size:26px;opacity:.9;margin-top:2px}
.vk-f-pitch p{margin:0;font-weight:400;line-height:22px}
.vk-nl-row{display:flex;margin-top:16px}
.vk-nl-row input{
  border:0;border-radius:8px 0 0 8px;min-height:48px;width:100%;
  font-size:12px;padding:8px 16px;color:var(--pr-dark-text-color);
}
.vk-nl-row input:focus{border:0;outline:0}
.vk-nl-btn{
  border:0;border-radius:0 8px 8px 0;flex-shrink:0;
  background:var(--pr-primary-light-color);color:#fff;
  font-family:inherit;font-weight:700;font-size:14px;padding:0 18px;
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  transition:background-color var(--pr-main-transition);
}
.vk-nl-btn:hover{background:#44528a}
.vk-nl-consent{
  display:flex;gap:8px;align-items:flex-start;margin-top:10px;
  font-size:12px;line-height:18px;font-weight:400;color:#cfd3da;cursor:pointer;
}
.vk-nl-consent input{
  width:16px;height:16px;min-height:0;margin-top:1px;flex-shrink:0;
  accent-color:var(--pr-primary-light-color);
}
.vk-nl-note{margin-top:8px;font-size:10px;line-height:15px;color:var(--pr-grey-color)}
.vk-f-soc-title{margin-top:28px;display:flex;gap:10px;align-items:center}
.vk-f-socials{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;
}
.vk-f-socials a{display:flex;gap:10px;align-items:center;font-size:12px;font-weight:400}
.vk-f-socials a span{text-decoration:underline}
.vk-f-socials i{font-size:18px;width:20px;text-align:center}

/* --- bottom bar ------------------------------------------------------------ */
.vk-f-bottom{
  display:block;
  border-top:1px solid rgba(255,255,255,.1);
  margin-top:44px;padding:20px 0;text-align:center;
  font-size:12px;line-height:18px;font-weight:400;color:var(--pr-grey-color);
}
.vk-f-bottom a{color:var(--pr-grey-color);text-decoration:underline}

/* --- responsive ------------------------------------------------------------ */
@media (max-width:991px){
  .vk-f-grid{grid-template-columns:1fr 1fr;gap:32px}
  .vk-footer{padding-top:40px}
}
@media (max-width:575px){
  .vk-f-grid{grid-template-columns:1fr;gap:28px}
  .vk-f-brand{margin-bottom:16px}
  .vk-f-bottom{margin-top:32px}
}