.webyore-footer { width:100%; padding:12px 0; border-top:1px solid var(--footer-line, var(--line)); background:var(--footer-bg, var(--bg)); color:var(--footer-text, var(--text)); }
.footer-layout { width:calc(100% - 48px); max-width:1180px; min-height:36px; margin:auto; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:4px 24px; }
.webyore-footer .footer-brand { display:inline-flex; align-items:center; min-height:36px; color:var(--footer-muted, var(--muted)); font-size:13px; line-height:20px; text-decoration:none; white-space:nowrap; }
.footer-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:0 20px; list-style:none; margin:0; padding:0; }
.footer-links a { display:inline-flex; align-items:center; min-height:36px; color:var(--footer-muted, var(--muted)); font-size:13px; line-height:20px; text-decoration:none; white-space:nowrap; }
.webyore-footer a:hover { color:var(--footer-accent, var(--accent)); text-decoration:underline; text-underline-offset:4px; }
.webyore-footer a:focus-visible { outline:2px solid currentColor; outline-offset:3px; border-radius:2px; }
@media(max-width:600px) {
  .footer-layout { width:calc(100% - 32px); flex-direction:column; align-items:flex-start; gap:0; }
  .footer-links { justify-content:flex-start; column-gap:20px; }
}