/* Shared site footer — generated markup from scripts/footer.mjs. Self-contained: it must look the same
   on top of sard-story.css, case.css, payment.css and the legal pages' inline styles. Colours follow
   DESIGN.md: ink/paper, terracotta #A34726 for small text & links (AA on paper). */
footer.sf{border-top:1px solid #d8d0c3;color:#57534c;font-family:Tajawal,system-ui,sans-serif;font-size:16px;line-height:1.7;padding:44px 0 104px!important}
.sf .sf-in,.sf .sf-base{width:min(1120px,calc(100% - 44px));margin-inline:auto}
.sf .sf-in{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;padding-bottom:26px}
.sf .sf-logo{display:inline-block}
.sf .sf-logo img{display:block;width:clamp(120px,16vw,190px);height:auto}
.sf .sf-tag{margin:10px 0 0;font-size:15px;color:#57534c}
.sf .sf-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.sf a{color:#a34726;text-decoration:none}
.sf .sf-mail{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:1.4}
.sf .footer-social{display:flex;flex-wrap:wrap;gap:6px}
.sf .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border:1px solid #d8d0c3;border-radius:50%;color:#57534c;transition:color .2s,border-color .2s}
.sf .footer-social a:hover,.sf .footer-social a:focus-visible{color:#a34726;border-color:#a34726}
.sf .sf-base{display:flex;justify-content:space-between;align-items:center;gap:4px 24px;flex-wrap:wrap;border-top:1px solid #e4ddcf;padding-top:14px}
.sf--compact .sf-base{border-top:0;padding-top:0}
.sf .sf-legal{display:flex;flex-wrap:wrap;gap:0 18px}
.sf .sf-legal a,.sf .sf-home{display:inline-flex;align-items:center;min-height:44px;line-height:1.4;font-size:14px;color:#57534c;text-decoration:underline;text-underline-offset:4px}
.sf .sf-home{color:#a34726}
.sf .sf-entity{margin:0;font-size:13px;color:#57534c}
.sf a:focus-visible{outline:2px solid #a34726;outline-offset:3px;border-radius:2px}
@media (max-width:640px){
  footer.sf{padding-top:36px!important}
  .sf .sf-in,.sf .sf-base{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.sf .footer-social a{transition:none}}