/* Footer (by-shop layout): logo · contacts · links, then the copyright line */
.site-footer {
  border-top: 1px solid var(--line);
  background: var(--surface);
  color: var(--muted);
  font-size: .9375rem
}

.footer-inner {
  max-width: 1500px;
  margin: auto;
  padding: 40px var(--gutter) 32px
}

.footer-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px 32px
}

.site-footer .logo {
  color: var(--ink);
  font-size: 1.25rem
}

.site-footer .logo-img img {
  height: 44px
}

.footer-contacts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 28px
}

.footer-contacts a,
.footer-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  transition: color .2s
}

@media (hover: hover) and (pointer: fine) {

  .footer-contacts a:hover,
  .footer-links a:hover {
    color: var(--ink)
  }
}

.footer-contacts .icon {
  color: var(--pink);
  font-size: 20px
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 24px
}

.footer-copy {
  margin: 28px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  text-align: center;
  font-size: .8125rem;
  color: #8f898d
}

/* Authorship bar (same as by-shop): black strip, small muted text, pink studio name */
.site-credit {
  background: #000;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
  text-align: center;
  font-size: .75rem;
  letter-spacing: .025em;
  color: #ffffff8c
}

.site-credit a {
  font-weight: 600;
  color: var(--pink)
}

.site-credit a:hover,
.site-credit a:focus-visible {
  text-decoration: underline
}

@media(max-width:1000px) {
  .footer-row {
    flex-direction: column;
    justify-content: center;
    text-align: center
  }
}

@media(max-width:800px) {
  .footer-inner {
    padding: 36px 20px 28px
  }

  .footer-row {
    gap: 14px
  }

  /* Mobile order: logo → links → one row of social icons (icons only) */
  .footer-links {
    order: 2;
    gap: 0 20px
  }

  .footer-contacts {
    order: 3;
    flex-wrap: nowrap;
    gap: 12px
  }

  .footer-contacts a {
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #ffffff2e;
    border-radius: var(--radius)
  }

  .footer-contacts .icon {
    font-size: 22px
  }

  .fc-text {
    display: none
  }

  .footer-copy {
    margin-top: 18px
  }
}