/* ==================================================================== */
/* ==  ФУТЪР : НАЧАЛО  —  ИДЕНТИЧЕН НА ВСИЧКИ СТРАНИЦИ                == */
/* ==================================================================== */

.site-footer {
  position: relative;
  background-color: var(--bg);
  background-image: var(--gradient-rule), url(/resources/images/footer-leaves.webp);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% var(--edge), 100% auto;
  /* Листата лягат на ДОЛНИЯ ръб на футъра — в макета изображението свършва
     точно там. Ако се закачи за горния, цялата шарка застава 10px по-високо. */
  background-position: left top, left bottom;
  padding-bottom: calc(95 * var(--k));
}

/* --- решетка ------------------------------------------------------- */
.site-footer__grid {
  display: grid;
  grid-template-columns: 565fr 470fr 565fr;
  padding-top: calc(82 * var(--k));
}

/* --- колона "меню" -------------------------------------------------- */
.site-footer__menu {
  padding-left: calc(56 * var(--k));
}

.site-footer__title {
  font-size: var(--fs-foot-title);
  font-weight: 400;
  line-height: var(--lh-tight);
  color: var(--ink);
}

.site-footer__list {
  margin-top: calc(9 * var(--k));
}

.site-footer__link {
  display: block;
  font-size: var(--fs-foot-item);
  font-weight: 300;
  line-height: calc(20.75 * var(--k));
  color: var(--ink);
  transition: color var(--t-fast), transform var(--t-fast);
}

.site-footer__link:hover {
  color: var(--accent);
  transform: translateX(4px);
}

/* --- средна колона: лого и таглайн ---------------------------------- */
.site-footer__brand-col {
  margin-top: calc(6 * var(--k));
  text-align: center;
}

.site-footer__brand {
  display: inline-block;
  line-height: 0;
  transition: transform var(--t), filter var(--t);
}

.site-footer__brand:hover {
  transform: scale(1.03);
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .8));
}

.site-footer__logo {
  display: block;
  width: auto;
  height: calc(108 * var(--k));
  object-fit: contain;
}

/* В макета таглайнът е по-широк от средната колона и центърът му е с 20px
   вдясно от центъра на логото — оттам асиметричният отрицателен отстъп. */
.site-footer__tagline {
  margin-top: calc(-7 * var(--k));
  margin-right: calc(-40 * var(--k));
  font-size: var(--fs-foot-tagline);
  font-weight: 300;
  line-height: calc(27 * var(--k));
  color: var(--ink-muted);
}

/* --- колона "контакт с нас" ------------------------------------------ */
.site-footer__contact {
  margin-top: 0;
}

.site-footer__contact-inner {
  width: max-content;
  margin-left: auto;
  margin-right: calc(55 * var(--k));
}

.site-footer__contacts {
  margin-top: calc(10 * var(--k));
}

.site-footer__contact-link {
  display: block;
  font-size: var(--fs-foot-contact);
  font-weight: 300;
  line-height: calc(24 * var(--k));
  color: var(--ink);
  overflow-wrap: anywhere;
  transition: color var(--t-fast);
}

.site-footer__contact-link:hover { color: var(--accent-teal); }

/* --- социални иконки ------------------------------------------------- */
.site-footer__social {
  display: flex;
  align-items: center;
  gap: calc(14 * var(--k));
  margin-top: calc(17 * var(--k));
}

.site-footer__social a {
  display: block;
  line-height: 0;
  transition: transform var(--t), filter var(--t);
}

.site-footer__social a:hover {
  transform: translateY(-3px) scale(1.1);
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .8));
}

.site-footer__social img {
  display: block;
  width: auto;
  height: calc(22 * var(--k));
  object-fit: contain;
}

/* --- долен ред ------------------------------------------------------- */
.site-footer__legal {
  margin-top: calc(14 * var(--k));
  text-align: center;
  font-size: var(--fs-foot-legal);
  font-weight: 300;
  line-height: calc(24 * var(--k));
  color: var(--ink);
}

.site-footer__legal a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--t-fast);
}

.site-footer__legal a:hover { color: var(--accent); }


/* ===== ФУТЪР — ТАБЛЕТ И ТЕЛЕФОН : НАЧАЛО ===== */
@media (max-width: 1024px) {
  .site-footer {
    background-size: 100% var(--edge), cover;
    padding-bottom: 48px;
  }

  .site-footer__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    padding-top: 56px;
    text-align: center;
  }

  .site-footer__menu { padding-left: 0; }

  /* Девет пункта един под друг изяждат цял екран на телефон. Тук се подреждат
     в редове, които се пренасят — целта за докосване остава 48px висока. */
  .site-footer__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8px;
    margin-top: 0;
  }

  .site-footer__link,
  .site-footer__contact-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    line-height: 1.3;
  }

  /* „блог" е по-тесен от целта за докосване — отстъпът отстрани я допълва. */
  .site-footer__link {
    min-width: 48px;
    padding-inline: 8px;
  }

  .site-footer__link:hover { transform: none; }

  .site-footer__brand-col,
  .site-footer__contact { margin-top: 0; }

  .site-footer__tagline { margin-top: 16px; margin-right: 0; }

  .site-footer__contact-inner {
    width: auto;
    margin-inline: auto;
  }

  .site-footer__social {
    justify-content: center;
    gap: 8px;
  }

  .site-footer__social a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
  }

  .site-footer__social img { height: 22px; }

  .site-footer__legal { margin-top: 24px; line-height: 1.6; }

  .site-footer__legal a {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    min-width: 48px;
  }
}
/* ===== ФУТЪР — ТАБЛЕТ И ТЕЛЕФОН : КРАЙ ===== */

/* ==  ФУТЪР : КРАЙ                                                   == */
/* ==================================================================== */