/* Maya Dahlia, the site footer.
   Shared by every public page. Colours, type and the gold boundary line are
   the existing footer's: cocoa ground, blush text, ivory links and headings.
   Four columns on desktop, two on tablets, one centred column on phones. */

footer.site-foot{text-align:left;padding:clamp(56px,7vw,88px) var(--gutter) 0}
.site-foot .foot-grid{
  max-width:1240px;margin:0 auto;
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:clamp(40px,4.5vw,72px);
}
.site-foot .foot-col{min-width:0}
.site-foot .roundel{width:88px;height:88px;margin:0 0 24px}

.site-foot .foot-name{
  font-family:var(--display);font-weight:400;font-size:1.1rem;line-height:1.4;
  letter-spacing:.3em;text-transform:uppercase;color:#FCFAF6;margin:0;
}
.site-foot .foot-head{
  font-family:var(--body);font-weight:500;font-size:.74rem;line-height:1.6;
  letter-spacing:.2em;text-transform:uppercase;color:#FCFAF6;margin:0 0 18px;
}
.site-foot .foot-text,
.site-foot address,
.site-foot .foot-hours{
  font-style:normal;font-size:.92rem;line-height:1.8;color:#E9DAD2;margin:0;
}
.site-foot .foot-name + .foot-text{margin-top:14px;max-width:34ch}

.site-foot .foot-enquire{margin-top:36px;padding-top:32px;border-top:1px solid rgba(197,161,104,.4)}
.site-foot .foot-enquire .foot-head{margin-bottom:10px}
.site-foot .foot-btn{
  margin-top:24px;color:#FCFAF6;border:1px solid rgba(197,161,104,.75);background:transparent;
  font-size:.7rem;letter-spacing:.2em;padding:15px 26px;
}
.site-foot .foot-btn:hover,.site-foot .foot-btn:focus-visible{background:var(--gold);border-color:var(--gold);color:#FCFAF6}

.site-foot .foot-links,.site-foot .foot-social{list-style:none;margin:0;padding:0}
.site-foot .foot-links a,
.site-foot .foot-contact a{
  display:inline-block;padding:5px 0;font-size:.92rem;line-height:1.6;
  color:#FCFAF6;text-decoration:none;
}
.site-foot a:hover{text-decoration:underline;text-underline-offset:4px}
.site-foot .foot-contact{margin:16px 0 0;padding:0;list-style:none;font-size:.92rem;line-height:1.6}
.site-foot .foot-contact span{color:#E9DAD2}
.site-foot .foot-contact a{overflow-wrap:anywhere}

.site-foot .foot-hours{display:grid;grid-template-columns:auto;row-gap:0}
.site-foot .foot-hours dt{color:#FCFAF6;margin-top:12px}
.site-foot .foot-hours dt:first-child{margin-top:0}
.site-foot .foot-hours dd{margin:0}

.site-foot .foot-follow{margin-top:36px}
.site-foot .foot-social{display:flex;flex-wrap:wrap;gap:6px;margin-left:-11px}
.site-foot .foot-social a{
  display:grid;place-items:center;width:44px;height:44px;color:#FCFAF6;
  border-radius:50%;transition:color .4s ease,background .4s ease;
}
.site-foot .foot-social a:hover,.site-foot .foot-social a:focus-visible{background:rgba(252,250,246,.08)}
.site-foot .foot-social svg{width:22px;height:22px;display:block}
.site-foot .foot-social svg *{fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}

.site-foot .foot-bar{
  max-width:1240px;margin:clamp(48px,6vw,72px) auto 0;padding:26px 0 30px;
  border-top:1px solid rgba(197,161,104,.4);text-align:center;
}
.site-foot .foot-bar p{
  margin:0;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#E9DAD2;
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

@media(max-width:980px){
  .site-foot .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  footer.site-foot{text-align:center}
  .site-foot .foot-grid{grid-template-columns:1fr;gap:44px}
  .site-foot .roundel{margin:0 auto 22px}
  .site-foot .foot-name + .foot-text{margin-inline:auto}
  .site-foot .foot-links a{padding:9px 0}
  .site-foot .foot-contact a{padding:9px 0}
  .site-foot .foot-social{justify-content:center;margin-left:0}
}