/* ══════════ تذييل المتجر (components/Footer.jsx) ══════════
   شريط قصير واحد بخطّ رفيع فوقه: الشعار، الخصوصية والشروط وواتساب، شعارات طرق الدفع والسنة. سطر واحد على الحاسوب،
   سطران على الجوال. المسافة الجانبية تتبع إطار كل صفحة. */
.site-footer { --sf-gutter: 16px; position: relative; z-index: 1; padding: 0 var(--sf-gutter); }
@media (min-width: 768px) { .site-footer { --sf-gutter: 64px; } }
@media (min-width: 1280px) { .site-footer { --sf-gutter: 128px; } }
.site-footer.in-shell { width: 100%; max-width: 1600px; margin-inline: auto; --sf-gutter: 16px; }
@media (min-width: 1024px) { .site-footer.in-shell { --sf-gutter: var(--s-8); } }
@media (min-width: 1280px) { .site-footer.in-shell { --sf-gutter: 56px; } }
.site-footer.in-auth { background: var(--gray-1); }
.site-footer.in-legal { padding-top: var(--s-8); }

.sf-bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6);
  padding: var(--s-5) 0 var(--s-6); border-top: 1px solid var(--border); font: var(--t-callout); color: var(--text-3);
}
.sf-logo { display: inline-flex; flex: none; border-radius: var(--r-2); opacity: .9; transition: opacity var(--dur-2); }
.sf-logo img { height: 28px; width: auto; }
@media (hover: hover) { .sf-logo:hover { opacity: 1; } }

.sf-links { display: flex; align-items: center; gap: var(--s-1) var(--s-5); flex-wrap: wrap; }
.sf-links a {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px; color: var(--text-2);
  text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 5px; text-decoration-thickness: 1.5px;
  transition: color var(--dur-2), text-decoration-color var(--dur-2);
}
.sf-links a > svg { width: 16px; height: 16px; flex: none; color: #25D366; }
@media (hover: hover) { .sf-links a:hover { color: var(--text); text-decoration-color: var(--accent); } }
@media (pointer: coarse) { .sf-links a { min-height: 44px; } }

.sf-end { display: flex; align-items: center; gap: var(--s-4); }
.sf-pay { display: flex; align-items: center; gap: 6px; }
/* صور طرق الدفع على أرضية بيضاء بهامش واسع: تُقصّ إلى الشعار داخل دائرة بيضاء في المظهرين */
.sf-pay li { width: 24px; height: 24px; border-radius: 50%; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08); }
.sf-pay img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.55); }
.sf-copy { white-space: nowrap; }

/* الجوال: الشعار والروابط في سطر، وطرق الدفع والسنة في سطر تحته */
@media (max-width: 639.98px) {
  .sf-bar { gap: var(--s-2) var(--s-4); padding-top: var(--s-4); }
  .sf-links { gap: 0 var(--s-4); }
  .sf-end { width: 100%; justify-content: space-between; }
}
@media (prefers-reduced-motion: reduce) { .sf-links a, .sf-logo { transition: none; } }