/* СЕКЦИЯ: ФУТЪР : НАЧАЛО
   Снимка на язовира отгоре, преминаваща във воал #014c5f.
   Воалът е решен с регресия макет ↔ оригинална снимка ред по ред:
   непрозрачност 0.33 в началото и 1 при ~57% от височината. */

.site-footer {
  position: relative;
  isolation: isolate;
  background: var(--c-brand-deep);
  color: var(--c-white);
  padding-block: calc(37 * var(--k)) calc(75 * var(--k));
}

.site-footer__media {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  aspect-ratio: 1920 / 363;
  overflow: hidden;
  z-index: -2;
}

.site-footer__media img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

.site-footer__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg,
    rgba(1, 76, 95, .33) 0%,
    rgba(1, 76, 95, 1) 57%,
    rgba(1, 76, 95, 1) 100%);
}

.site-footer__inner {
  position: relative;
  width: min(1458px, 100% - var(--container-pad) * 2);
}

/* ---------- лого и слоган ---------- */

.site-footer__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.site-footer__logo {
  width: calc(160 * var(--k));
  height: calc(107 * var(--k));
  object-fit: contain;
}

.site-footer__wordmark {
  width: calc(302 * var(--k));
  height: calc(30 * var(--k));
  object-fit: contain;
  margin-top: calc(13 * var(--k));
}

.site-footer__slogan {
  margin-top: calc(10 * var(--k));
  font-size: max(13px, calc(15.9 * var(--k)));
  line-height: calc(22 * var(--k));
  color: var(--c-white);
}

/* ---------- контактна лента ---------- */

.site-footer__grid {
  display: grid;
  grid-template-columns: 28.8066% 27.7092% 33.8134% minmax(0, 1fr);  /* колоните в макета не са равни */
  column-gap: 0;
  row-gap: calc(24 * var(--k));
  margin-top: calc(76 * var(--k));
}

.site-footer__cell {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: calc(16 * var(--k));
  align-items: start;
  row-gap: calc(1 * var(--k));
}

.site-footer__icon {
  grid-row: 1 / 3;
  align-self: center;
  object-fit: contain;
  object-position: left center;
}

.site-footer__icon--phone { width: calc(11 * var(--k)); height: calc(26 * var(--k)); }
.site-footer__icon--mail  { width: calc(24 * var(--k)); height: calc(16 * var(--k)); }
.site-footer__icon--pin   { width: calc(17 * var(--k)); height: calc(28 * var(--k)); }

.site-footer__label {
  font-size: max(13px, calc(16.8 * var(--k)));
  line-height: 1;
  color: var(--c-white);
}

.site-footer__value {
  margin-top: calc(-8 * var(--k));
  font-weight: 500;
  font-size: max(13px, calc(19 * var(--k)));
  line-height: 1;
  overflow-wrap: anywhere;
  transition: color var(--dur) var(--ease);
}

.site-footer__value:hover { color: var(--c-hairline); }

.site-footer__cell--social { grid-template-columns: minmax(0, 1fr); }

.site-footer__social {
  display: flex;
  align-items: center;
  gap: calc(15 * var(--k));
}

.site-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
}

.site-footer__social img { height: calc(20 * var(--k)); width: auto; object-fit: contain; }
.site-footer__social a:hover { opacity: .78; transform: translateY(-2px); }

/* ---------- долен ред ---------- */

.site-footer__legal {
  margin-top: calc(84 * var(--k));
  text-align: center;
  font-size: max(13px, calc(14.74 * var(--k)));
  line-height: 1.4;
  color: var(--c-white);
}

.site-footer__legal a {
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color var(--dur) var(--ease);
}

.site-footer__legal a:hover { color: var(--c-hairline); }
.site-footer__sep { padding-inline: calc(4 * var(--k)); }

/* ---------- компактен лаптоп ---------- */

@media (min-width: 1025px) and (max-width: 1439px) {
  .site-footer__grid { column-gap: calc(16 * var(--k)); }
}

/* ---------- таблет и телефон ---------- */

@media (max-width: 1024px) {
  .site-footer { padding-block: 40px 44px; }
  .site-footer__inner { width: min(1458px, 100% - 48px); }
  .site-footer__logo { width: 110px; height: 74px; }
  .site-footer__wordmark { width: 220px; height: 22px; }
  .site-footer__slogan { line-height: 1.5; }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 28px;
    margin-top: 44px;
  }
  .site-footer__cell { grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; }
  .site-footer__icon--phone { width: 11px; height: 26px; }
  .site-footer__icon--mail  { width: 22px; height: 15px; }
  .site-footer__icon--pin   { width: 16px; height: 26px; }
  .site-footer__value { margin-top: 0; font-size: 17px; line-height: 1.3; min-height: 48px; display: inline-flex; align-items: center; }

  .site-footer__social a { min-width: 48px; min-height: 48px; }
  .site-footer__social img { height: 22px; }

  .site-footer__legal { margin-top: 36px; }
  .site-footer__legal a { display: inline-block; padding-block: 14px; }
}

@media (max-width: 640px) {
  .site-footer__grid { grid-template-columns: minmax(0, 1fr); row-gap: 22px; }
}

@media (max-width: 380px) {
  .site-footer__value { font-size: 16px; }
}

/* СЕКЦИЯ: ФУТЪР : КРАЙ */