/* footer.css */
.site-footer { background: var(--color-primary); color: var(--color-on-primary); padding-block: var(--space-3xl) var(--space-lg); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-xl); }
.site-footer a { color: #e9dcd0; }
.site-footer a:hover { color: var(--color-accent); }
.site-footer h4 { color: var(--color-on-primary); margin-block-end: var(--space-md); }
.footer-col li { margin-block-end: var(--space-sm); }
.footer-brand p { color: #d9ccc0; margin-block-start: var(--space-md); max-width: 32ch; }
.socials { display: flex; gap: var(--space-sm); flex-wrap: wrap; }
.socials a { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--color-accent); border-radius: 50%; transition: background-color .2s ease, color .2s ease; }
.socials a:hover { background: var(--color-accent); color: var(--color-primary); }

/* Floating WhatsApp button — bottom-end corner, above content, RTL-aware */
.wa-float { position: fixed; inset-block-end: 20px; inset-inline-end: 20px; z-index: 900;
  display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%;
  background: #25D366; color: #fff; box-shadow: 0 6px 18px rgba(0,0,0,0.22);
  transition: transform .2s ease, box-shadow .2s ease; }
.wa-float:hover { color: #fff; transform: translateY(-2px) scale(1.05); box-shadow: 0 10px 24px rgba(0,0,0,0.28); }
@media (max-width: 800px) { .wa-float { width: 52px; height: 52px; inset-block-end: 16px; inset-inline-end: 16px; } }
.footer-bottom { display: flex; justify-content: space-between; align-items: center;
  margin-block-start: var(--space-2xl); padding-block-start: var(--space-lg); border-block-start: 1px solid rgba(255,255,255,0.12);
  font-size: 0.85rem; color: #cdbdb0; }
.pay-icons { display: flex; gap: var(--space-sm); }
@media (max-width: 800px) { .footer-grid { grid-template-columns: 1fr 1fr; } .footer-bottom { flex-direction: column; gap: var(--space-md); } }