/*
 * site-footer.css — Верный Курс
 * Единый финальный CTA (оранжевая полоса) + тёмный футер для всех публичных страниц.
 * Пара к site-header.css. Самодостаточный: значения с фолбэками, работает вне :root страницы.
 * Разметка — <section class="vkcta"> … </section> + <footer class="vkf"> … (см. любую публичную страницу).
 * Эталон вида — index.html (#vkx .final / .footer). Классы префиксованы .vkcta-/.vkf-,
 * ключевые визуальные свойства с !important — чтобы перебивать собственные footer{…} страниц.
 * Адаптив: ПК → планшет → моб-верт → моб-гориз (landscape).
 */

/* ==================== ФИНАЛЬНЫЙ CTA ==================== */
.vkcta{
  position:relative;overflow:hidden;text-align:center;color:#fff!important;
  padding:84px 24px!important;margin:0!important;
  background:linear-gradient(135deg,#EA580C 0%,#F97316 55%,#FF9B21 100%)!important;
  font-family:'Montserrat',sans-serif;
}
.vkcta-blob{position:absolute;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:1;}
.vkcta-blob-a{background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);top:-10%;right:4%;}
.vkcta-blob-b{background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);bottom:-14%;left:2%;}
.vkcta-inner{position:relative;z-index:2;max-width:720px;margin:0 auto;}
.vkcta-eyebrow{
  display:inline-block;background:rgba(255,255,255,.2);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:7px 16px;border-radius:9999px;margin-bottom:20px;
}
.vkcta h2{
  font-family:'Playfair Display',serif;font-weight:800;color:#fff;
  font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.12;margin:0 0 16px;
}
.vkcta p{
  font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.6;
  color:rgba(255,255,255,.92);margin:0 auto 30px;max-width:560px;
}
.vkcta-btn{
  display:inline-block;background:#fff!important;color:#EA580C!important;border:none;
  border-radius:9999px;padding:16px 38px;font-weight:700;font-size:17px;
  font-family:'Montserrat',sans-serif;text-decoration:none;cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.18);transition:transform .25s,box-shadow .25s;
}
.vkcta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.25);}

/* ==================== ФУТЕР ==================== */
.vkf{
  background:#1A1206!important;color:rgba(255,248,238,.72)!important;
  padding:56px 24px 26px!important;margin:0!important;
  font-family:'Montserrat',sans-serif;border:none!important;box-shadow:none!important;
}
.vkf-grid{
  max-width:1160px;margin:0 auto;display:grid;
  grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;text-align:left;
}
.vkf-brand{display:flex;flex-direction:column;}
.vkf-logo{display:flex;align-items:center;gap:12px;}
.vkf-mark{
  width:42px;height:42px;border-radius:13px;flex-shrink:0;
  background:linear-gradient(135deg,#F97316 0%,#FF9B21 100%);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:18px;font-weight:700;font-family:'Montserrat',sans-serif;
}
.vkf-name{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:#fff;white-space:nowrap;}
.vkf-tag{font-size:14px;line-height:1.6;margin-top:14px;max-width:280px;color:rgba(255,248,238,.62)!important;}
.vkf-h{color:#fff!important;font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;}
.vkf a{
  color:rgba(255,248,238,.72)!important;text-decoration:none;display:block;
  margin-bottom:9px;font-size:14.5px;transition:color .2s;background:none!important;padding:0!important;
}
.vkf a:hover{color:#FF9B21!important;}
.vkf-bottom{
  max-width:1160px;margin:34px auto 0;padding-top:20px;
  border-top:1px solid rgba(255,248,238,.12);
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  font-size:13px;color:rgba(255,248,238,.5);
}
.vkf-bottom a{display:inline!important;margin:0!important;font-size:13px;}

/* ==================== АДАПТИВ ==================== */
/* Планшет / крупный моб — 2 колонки, бренд на всю ширину */
@media(max-width:760px){
  .vkcta{padding:64px 20px!important;}
  .vkf-grid{grid-template-columns:1fr 1fr;gap:26px;}
  .vkf-brand{grid-column:1 / -1;}
}
/* Моб-вертикальный — одна колонка, нижняя полоса столбиком */
@media(max-width:520px){
  .vkcta{padding:54px 18px!important;}
  .vkcta-eyebrow{margin-bottom:16px;}
  .vkf-grid{grid-template-columns:1fr;gap:24px;}
  .vkf-bottom{flex-direction:column;text-align:center;}
  .vkcta-btn{width:100%;}
}
/* Моб-горизонтальный (landscape, низкая высота) — компактнее по вертикали */
@media(max-height:500px) and (orientation:landscape){
  .vkcta{padding:44px 24px!important;}
  .vkf{padding:40px 24px 22px!important;}
}