/* ============================================================
   Alaya — shared site footer + page transition
   Linked by BOTH index.html and the-menu.html so the footer is
   identical everywhere. Self-contained (literal colours) so it
   works on the menu page too (which doesn't load style.css).
   ============================================================ */

/* Soft fade so navigating between pages doesn't feel like a hard swap */
@keyframes alayaPageIn { from { opacity: 0; } to { opacity: 1; } }
body { animation: alayaPageIn .4s ease both; }

.site-footer{
  background:#3f372b;                 /* brown / ink */
  color:rgba(251,246,236,.72);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif;
  padding:clamp(3.2rem,6vw,5rem) 2rem 1.8rem;
}
.footer-grid{
  max-width:1120px;margin:0 auto;
  display:grid;grid-template-columns:1.3fr 1fr 1fr;
  gap:clamp(2rem,5vw,4rem);
  align-items:start;
}

/* ---- Brand column ---- */
.footer-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem}
.footer-brand .footer-horse{height:62px;width:auto;margin:0}
.footer-brand .footer-logo{height:30px;width:auto}
.footer-tagline{
  font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(194,168,119,.85);margin-top:.1rem;
}
.footer-social{display:flex;gap:.6rem;margin-top:.7rem}
.footer-social a{
  width:38px;height:38px;border-radius:9px;
  display:grid;place-items:center;
  background:#a68750;color:#fff;
  transition:background .25s ease,transform .25s ease;
}
.footer-social a:hover{background:#c2a877;transform:translateY(-2px)}
.footer-social svg{width:19px;height:19px;display:block}

/* ---- Info column ---- */
.footer-col-title{
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;
  color:#c2a877;margin-bottom:1.1rem;font-weight:500;
}
.footer-info{text-align:center}
.footer-addr{font-size:.95rem;line-height:1.7;color:rgba(251,246,236,.78);margin-bottom:.5rem}
.footer-strong{
  display:inline-block;font-weight:600;color:#d8c39a;
  text-decoration:none;border-bottom:1px solid rgba(194,168,119,.5);
  padding-bottom:1px;margin-bottom:1rem;transition:color .25s ease;
}
.footer-strong:hover{color:#fff}
.footer-line{display:block;font-size:.92rem;color:rgba(251,246,236,.7);text-decoration:none;margin:.25rem 0;transition:color .25s ease}
.footer-line:hover{color:#c2a877}

/* ---- Sitemap column ---- */
.footer-map{display:flex;flex-direction:column;align-items:flex-end;gap:.65rem;text-align:right}
.footer-map a{
  font-size:.92rem;color:rgba(251,246,236,.7);text-decoration:none;
  transition:color .25s ease;
}
.footer-map a:hover{color:#c2a877}

/* ---- Bottom bar ---- */
.footer-bottom{
  max-width:1120px;margin:clamp(2rem,4vw,3rem) auto 0;
  padding-top:1.4rem;border-top:1px solid rgba(251,246,236,.12);
  text-align:center;
}
.footer-legal{
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,246,236,.42);
}
.footer-legal a{color:#c2a877;text-decoration:none;transition:color .25s ease}
.footer-legal a:hover{color:#fff}

@media (max-width:760px){
  .footer-grid{grid-template-columns:1fr;gap:2.6rem;text-align:center}
  .footer-map{align-items:center;text-align:center}
  .footer-info,.footer-brand{align-items:center}
}