/* ===========================
   FOOTER — AMIGURUMIS NEON GLASS
   Violet + Pink, dark glass
=========================== */

/* Локальные переменные внутри футера */
.site-footer{
  --accent:   var(--violet);                 /* #b000ff */
  --accent-2: var(--pink);                   /* #ff3fd4 */
  --ink:      var(--text);                   /* rgba(255,255,255,.92) */
  --muted:    var(--muted);                  /* rgba(255,255,255,.70) */
  --stroke:   rgba(255,255,255,.10);

  --glass:    rgba(255,255,255,.06);
  --glass-2:  rgba(255,255,255,.08);

  --grad-cta: linear-gradient(135deg, var(--violet), var(--pink));
  --grad-underline: linear-gradient(90deg, var(--violet), var(--pink));
}

/* База */
.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 rgba(255,255,255,.10);

  /* мягкая граница + glow */
  box-shadow:
    0 -1px 0 rgba(255,255,255,.05) inset,
    0 -30px 90px rgba(176,0,255,.10);
  position: relative;
  overflow: hidden;
}

/* мягкий неоновый haze внутри футера */
.site-footer::before{
  content:"";
  position:absolute;
  inset:-20%;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(900px 520px at 18% 25%, rgba(176,0,255,.18), transparent 62%),
    radial-gradient(860px 560px at 85% 38%, rgba(255,63,212,.14), transparent 62%),
    radial-gradient(760px 520px at 45% 110%, rgba(176,0,255,.10), transparent 65%);
  filter: blur(18px);
}

.site-footer .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 1;
}

.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 18px rgba(176,0,255,.22));
}

.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 rgba(255,255,255,.12);

  text-decoration:none;

  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.04) inset;

  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);

  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

.footer-social a:hover{
  transform: translateY(-3px);
  background: var(--grad-cta);
  color:#0b0612;
  border-color: rgba(255,255,255,.18);

  box-shadow:
    0 22px 54px rgba(0,0,0,.36),
    0 0 36px rgba(176,0,255,.22),
    0 0 26px rgba(255,63,212,.14);
}

/* ========== КОНТАКТЫ ========== */
.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: rgba(255,255,255,.72);
  text-decoration: none;
  transition: color .25s ease, transform .2s ease, text-shadow .25s ease;
}
.footer-contacts a:hover{
  color: rgba(255,255,255,.95);
  transform: translateX(2px);
  text-shadow: 0 0 14px rgba(176,0,255,.22);
}
.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: rgba(255,255,255,.72);
  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;
  box-shadow: 0 0 18px rgba(176,0,255,.18);
}

.footer-links a:hover{
  color: rgba(255,255,255,.95);
  text-shadow: 0 0 14px rgba(255,63,212,.14);
}
.footer-links a:hover::after{ width:100%; }

/* ========== НИЖНЯЯ СТРОКА ========== */
.footer-bottom{
  text-align:center;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  font-size:14px;
  color: rgba(255,255,255,.66);
  position: relative;
  z-index: 1;
}
.footer-bottom p{ margin:0; }
.footer-bottom p span{
  color: rgba(255,255,255,.92);
  text-shadow: 0 0 16px rgba(176,0,255,.18);
  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; }
}