/* ShafiCloud Canonical Footer Tokens — tracker (مسار) */
/* Mirrors /etc/dokploy/projects/bus/app/static/styles/shafi-tokens.css */

:root {
  --shafi-primary: #16A34A;
  --shafi-primary-dark: #166534;
  --shafi-accent: #F59E0B;
  --text-primary: #1A1A1A;
  --text-secondary: #525252;
  --text-muted: #A3A3A3;
  --bg-primary: #FFFFFF;
  --bg-secondary: #FAFAFA;
  --bg-tertiary: #F5F5F5;
  --border-light: #E5E5E5;
  --border-medium: #D4D4D4;
  --font-arabic: 'Cairo', 'Tajawal', system-ui, sans-serif;
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 3rem;
  --radius-md: 0.5rem;
}

.shafi-footer {
  background: var(--bg-secondary);
  border-top: 1px solid var(--border-light);
  padding: var(--space-xl) var(--space-md) var(--space-lg);
  margin-top: auto;
  font-size: 0.9rem;
  color: var(--text-secondary);
  font-family: var(--font-arabic);
  direction: rtl;
}
.shafi-footer .container {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--space-lg);
}
.shafi-footer h3,
.shafi-footer h4 {
  color: var(--text-primary);
  margin-bottom: var(--space-sm);
  font-weight: 700;
}
.shafi-footer h3 { font-size: 1.1rem; }
.shafi-footer h4 { font-size: 0.95rem; }
.shafi-footer p { margin: 0 0 var(--space-xs) 0; }
.shafi-footer ul { list-style: none; padding: 0; margin: 0; }
.shafi-footer ul li { margin-bottom: var(--space-xs); }
.shafi-footer a { color: var(--shafi-primary); text-decoration: none; }
.shafi-footer a:hover { text-decoration: underline; }
.shafi-footer .footer-policies a,
.shafi-footer .footer-ecosystem a { color: var(--text-secondary); }
.shafi-footer .footer-copy {
  grid-column: 1 / -1;
  text-align: center;
  padding-top: var(--space-md);
  border-top: 1px solid var(--border-light);
  color: var(--text-muted);
  margin-top: var(--space-md);
}
@media (max-width: 768px) {
  .shafi-footer .container { grid-template-columns: 1fr; }
}

/* Legal page baseline (used by /privacy /refund /pdpl /faq /unsubscribe) */
.legal-page {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--space-xl) var(--space-md);
  font-family: var(--font-arabic);
  direction: rtl;
  color: var(--text-secondary);
  line-height: 1.85;
}
.legal-page h1 {
  margin-bottom: var(--space-lg);
  border-bottom: 2px solid var(--shafi-primary);
  padding-bottom: var(--space-sm);
  color: var(--text-primary);
}
.legal-page h2 {
  margin-top: var(--space-xl);
  margin-bottom: var(--space-md);
  color: var(--shafi-primary-dark);
}
.legal-page p,
.legal-page li { margin-bottom: var(--space-sm); }
.legal-page ul,
.legal-page ol { margin-right: var(--space-lg); margin-bottom: var(--space-md); }
.legal-page .meta {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-bottom: var(--space-lg);
}
.legal-page .nav-back {
  display: inline-block;
  margin-bottom: var(--space-lg);
  color: var(--shafi-primary);
}