/* ===============================
   FOOTER — AnareusCZ (Light Premium • Lime)
   Переписано под стилистику твоего светлого сайта:
   - off-white фон + лаймовый акцент
   - мягкие тени, округления, “премиальный” минимализм
   - hover без неонового блюра, как в референсе (чисто и аккуратно)
=============================== */

.site-footer{
  /* локальные переменные футера (под твой дизайн) */
  --bg:            #F3F5F0;                 /* общий off-white */
  --paper:         rgba(255,255,255,.72);   /* карточный слой */
  --paper-strong:  rgba(255,255,255,.92);   /* сильнее белый */
  --ink:           #0D140F;                 /* основной текст */
  --muted:         rgba(13,20,15,.62);      /* вторичный */
  --line:          rgba(13,20,15,.12);      /* разделители */

  --accent:        #B9EF40;                 /* lime */
  --accent-2:      #9FE93A;                 /* чуть темнее */
  --accent-soft:   rgba(185,239,64,.20);
  --accent-glow:   rgba(185,239,64,.30);

  --shadow:        0 20px 50px rgba(13,20,15,.12);
  --shadow-soft:   0 14px 34px rgba(13,20,15,.10);

  margin-top: 60px;
  padding: 44px 0 26px;

  background:
    radial-gradient(900px 420px at 12% 0%, rgba(185,239,64,.22), transparent 58%),
    radial-gradient(900px 420px at 88% 0%, rgba(185,239,64,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.35)),
    var(--bg);

  border-top: 1px solid var(--line);
  color: var(--ink);
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  position: relative;
  overflow: hidden;
}

/* тонкая акцентная линия сверху (премиальный штрих) */
.site-footer::before{
  content:"";
  position:absolute;
  left: 6%;
  right: 6%;
  top: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(185,239,64,.95), transparent);
  opacity: .55;
  pointer-events:none;
}

/* ===== Layout ===== */
.footer-row{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 26px;
  align-items: start;
  margin-bottom: 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(13,20,15,.10);
}

@media (max-width: 900px){
  .footer-row{ grid-template-columns: 1fr 1fr; gap: 22px; }
}
@media (max-width: 640px){
  .footer-row{
    grid-template-columns: 1fr;
    text-align: center;
    gap: 18px;
  }
  .footer-main{ align-items: center; }
  .footer-social{ justify-content: center; }
  .footer-contacts, .footer-links{ align-items: center; }
}

/* ===== Brand block ===== */
.footer-main{
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-main .logo{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  width: fit-content;
}

/* логотип — чуть “дороже” выглядит на светлом фоне */
.footer-main .logo img{
  max-width: 140px;
  height: auto;
  display:block;
  filter: saturate(1.02);
}

/* ===== Links and address ===== */
.site-footer a,
.site-footer address{
  position: relative;
  color: rgba(13,20,15,.72);
  text-decoration: none;
  font-weight: 750;
  font-size: 13px;
  letter-spacing: 0.02em;
  padding: 8px 10px;
  border-radius: 999px;
  text-transform: none;
  transition:
    color 0.20s ease,
    background 0.20s ease,
    transform 0.18s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

/* Убираем “неоновый блюр”, делаем hover как в твоём светлом дизайне */
.site-footer a::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(185,239,64,.22);
  opacity: 0;
  transform: scale(0.98);
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: -1;
}

.site-footer a:hover{
  color: rgba(13,20,15,.92);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(13,20,15,.08);
}

.site-footer a:hover::before{
  opacity: 1;
  transform: scale(1);
}

/* Фокус видимый (AA-friendly) */
.site-footer a:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(185,239,64,.35), 0 12px 26px rgba(13,20,15,.10);
}

/* ===== Social Links ===== */
.footer-social{
  display: flex;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-social a{
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;

  border: 1px solid rgba(13,20,15,.14);
  background: var(--paper);
  box-shadow: var(--shadow-soft);

  transition:
    border-color 0.22s ease,
    background 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.18s ease;
}

.footer-social a:hover{
  border-color: rgba(13,20,15,.20);
  background: var(--paper-strong);
  box-shadow: 0 18px 44px rgba(13,20,15,.12);
  transform: translateY(-2px);
}

/* если ты используешь <i class="fa-..."> внутри */
.footer-social i{
  font-size: 16px;
  color: rgba(13,20,15,.72);
}

/* ===== Contacts ===== */
.footer-contacts{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  align-items: start;
}

.footer-contacts address{
  font-style: normal;
  color: rgba(13,20,15,.60);
  padding: 0;            /* address не должен быть “кнопкой” */
  border-radius: 0;
}

/* ===== Links column ===== */
.footer-links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
  align-items: start;
}

/* ===== Bottom ===== */
.footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding-top: 18px;
}

@media (max-width: 640px){
  .footer-bottom{
    flex-direction:column;
    text-align:center;
  }
}

.footer-bottom p{
  margin: 0;
  font-size: 12px;
  color: rgba(13,20,15,.60);
  font-weight: 700;
  letter-spacing: 0.02em;
}

/* если у тебя в копирайте есть span — делаем лаймовую “подсветку текста” */
.footer-bottom p span{
  background: linear-gradient(90deg, rgba(13,20,15,.92), var(--accent), rgba(13,20,15,.92));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 900;
}

/* Компактнее на очень узких */
@media (max-width: 720px){
  .footer-contacts{ align-items: center; }
  .footer-links{ align-items: center; }
  .site-footer{ margin-top: 34px; padding: 30px 0 18px; }
}