/* Shared site footer (cream/light) — drop the markup at the bottom
   of any page and link this file in <head>. Matches the footer on /home. */

.home-footer-rebuild {
  background: var(--estate-cream, #faf5ea);
  color: var(--ink, #2d2520);
  border-top: 1px solid var(--estate-line, #e6dcc6);
  padding: clamp(48px, 6vw, 72px) clamp(24px, 5vw, 64px) 40px;
}

/* Stacked centred layout used by the simple footer */
.home-footer-stack {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
}

.home-footer-logotype {
  display: block;
  height: 56px;
  width: auto;
  margin: 0 auto;
}

.home-footer-estate-line {
  margin: 0;
  text-align: center;
  font-size: 0.93rem;
  line-height: 2;
  color: var(--muted, #756a61);
  letter-spacing: 0.015em;
}
.home-footer-estate-line a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(201, 168, 104, 0.45);
  padding-bottom: 1px;
  transition: color 200ms ease, border-color 200ms ease;
}
.home-footer-estate-line a:hover {
  color: var(--gold-hover, #8F6A32);
  border-bottom-color: var(--gold-hover, #8F6A32);
}

.home-footer-socials { display: inline-flex; gap: 16px; margin-top: 8px; }
.home-footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  color: var(--ink, #2d2520);
  transition: opacity 200ms ease;
}
.home-footer-socials a:hover { opacity: 0.6; }
.home-footer-socials img { width: 100%; height: 100%; display: block; }

.home-footer-bottom {
  width: 100%;
  max-width: 1280px;
  margin: 36px auto 0;
  border-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 0.92rem;
  color: var(--muted, #756a61);
}
.home-footer-bottom a {
  color: var(--muted, #756a61);
  text-decoration: none;
  transition: color 200ms ease;
}
.home-footer-bottom a:hover { color: var(--ink, #2d2520); }
.home-footer-sep { color: rgba(45, 37, 31, 0.25); font-weight: 300; }

@media (max-width: 600px) {
  .home-footer-logotype { height: 44px; }
  .home-footer-bottom { font-size: 0.86rem; gap: 8px; }
}
