/* ===========================
   FOOTER — DARK NEON (site palette)
=========================== */

/* Локальные переменные только внутри футера */
.site-footer{
  --accent:   #28E0FF;                       /* cyan */
  --accent-2: #9AA7FF;                       /* lilac */
  --hot:      #FFA62B;                       /* orange spark */
  --ink:      #EAF6FF;                       /* основной светлый текст */
  --muted:    rgba(230,236,255,.72);         /* вторичный */
  --stroke:   rgba(230,236,255,.08);         /* деликатная линия */
  --hint:     rgba(0,0,0,.12);
  --glass:    linear-gradient(180deg, rgba(10,14,20,.72), rgba(6,10,16,.78));
  --glass-2:  linear-gradient(180deg, rgba(10,14,20,.66), rgba(6,10,16,.72));
  --grad-cta: linear-gradient(100deg, #28E0FF, #9AA7FF 55%, #FFA62B);
  --grad-underline: linear-gradient(90deg, #28E0FF, #9AA7FF 60%, #FFA62B);
}

/* База */
.site-footer{
  background: transparent;                   /* фон как у основной части сайта */
  padding: 56px 0 28px;
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border-top: 1px solid var(--stroke);
  /* лёгкий внутренний отблеск на границе */
  box-shadow: 0 -1px 0 rgba(255,255,255,.04) inset;
}

.site-footer .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.footer-row{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  align-items: start;
  margin-bottom: 36px;
}

/* ========== ЛОГО + СОЦСЕТИ ========== */
.footer-main{
  display:flex; flex-direction:column; gap:18px;
  list-style:none; margin:0; padding:0;
}
.footer-main li{ text-align: left; }

.footer-main .logo{
  display:inline-flex; align-items:center; gap:10px;
  text-decoration:none; color:var(--ink); font-weight:900; letter-spacing:.3px;
}
.footer-main .logo img{
  max-width: 130px; height:auto;
  filter: drop-shadow(0 0 8px rgba(40,224,255,.25));
}

.footer-social{
  display:flex; gap:14px; list-style:none; margin:0; padding:0;
}
.footer-social a{
  display:grid; place-items:center;
  width:42px; height:42px; border-radius:50%;
  color: var(--ink);
  background: var(--glass);
  border:1px solid var(--stroke);
  transition: transform .25s ease, border-color .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
  text-decoration:none;
  box-shadow: 0 0 0 0 rgba(40,224,255,0);   /* без тяжёлых теней */
}
.footer-social a:hover{
  transform: translateY(-3px);
  background: var(--grad-cta);
  color:#0b0d10;
  border-color: color-mix(in srgb, var(--accent) 60%, transparent);
  box-shadow: 0 0 24px rgba(40,224,255,.22), 0 0 48px rgba(154,167,255,.16);
}

/* ========== КОНТАКТЫ ========== */
.footer-contacts{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:10px; font-size:15px; align-items: start;
}
.footer-contacts a,
.footer-contacts address{
  color: var(--muted);
  text-decoration: none;
  transition: color .25s ease, transform .2s ease, text-shadow .25s ease;
}
.footer-contacts a:hover{
  color: var(--accent);
  transform: translateX(2px);
  text-shadow: 0 0 10px rgba(40,224,255,.35);
}
.footer-contacts address{ font-style:normal }

/* ========== ССЫЛКИ ========== */
.footer-links{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:10px; font-size:15px; align-items: start;
}
.footer-links a{
  color: var(--muted);
  text-decoration:none;
  position:relative;
  transition: color .25s ease, text-shadow .25s ease;
}
.footer-links a::after{
  content:""; position:absolute; left:0; bottom:-3px; width:0; height:2px;
  background: var(--grad-underline);
  border-radius:2px; transition: width .25s ease;
}
.footer-links a:hover{
  color: var(--ink);
  text-shadow: 0 0 10px rgba(154,167,255,.35);
}
.footer-links a:hover::after{ width:100% }

/* ========== НИЖНЯЯ СТРОКА ========== */
.footer-bottom{
  text-align:center; padding-top:18px;
  border-top:1px solid var(--stroke);
  font-size:14px; color: var(--muted);
}
.footer-bottom p{ margin:0 }
.footer-bottom p span{
  color: var(--accent);
  text-shadow: 0 0 8px rgba(40,224,255,.3);
  font-weight:700;
}

/* ========== АДАПТИВ ========== */
@media (max-width: 900px){
  .footer-row{ grid-template-columns: 1fr 1fr; gap:30px; }
}
@media (max-width: 640px){
  .footer-row{ grid-template-columns: 1fr; text-align:center; gap:24px; }
  .footer-main{ align-items:center }
  .footer-social{ justify-content:center }
  .footer-contacts, .footer-links{ align-items:center }
}