/* Cheffy unified footer: single source of truth for every page.
   Linked as /scripts/cheffy-footer.css (same pattern as cheffy-waitlist-modal.css).
   Self-contained: literal colors, no dependence on per-page :root variables.
   The <link> is inserted at the END of <head>, so these rules win the cascade
   over any legacy inline .myo-footer* styles without touching them. */
@import url("/scripts/cheffy-experience.css");

.cheffy-footer{
  background:#f7f7f7;
  color:#4F4749;
  padding:48px 32px 32px;
  border-top:1px solid rgba(79,71,73,.1);
  font-family:ABCDiatype,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
.cheffy-footer-inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
}
.cheffy-footer-word{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  line-height:0;
}
.cheffy-footer-word img{
  width:72px;
  height:72px;
  object-fit:contain;
  display:block;
}
.cheffy-footer-tag{
  margin:10px 0 0;
  font-size:12px;
  line-height:1.5;
  color:rgba(79,71,73,.65);
}
.cheffy-footer-cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px 24px;
}
.cheffy-footer-col{display:flex;flex-direction:column;gap:14px}
.cheffy-footer-col-title{
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(79,71,73,.45);
  font-family:ABCDiatypeMedium,ABCDiatype,sans-serif;
}
.cheffy-footer-col a{
  color:rgba(79,71,73,.7);
  text-decoration:none;
  font-size:12px;
  letter-spacing:.02em;
  transition:color .2s ease;
}
.cheffy-footer-col a:hover{color:#4F4749}
.cheffy-footer-legal{
  max-width:1180px;
  margin:40px auto 0;
  padding-top:20px;
  border-top:1px solid rgba(79,71,73,.12);
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  letter-spacing:.02em;
  color:rgba(79,71,73,.55);
}
.cheffy-footer-legal nav{display:flex;gap:18px}
.cheffy-footer-legal a{color:rgba(79,71,73,.55);text-decoration:none;transition:color .2s ease}
.cheffy-footer-legal a:hover{color:#4F4749}

@media(min-width:734px){
  .cheffy-footer{padding:64px 40px 36px}
  .cheffy-footer-inner{grid-template-columns:1.2fr 2fr;gap:48px}
}
