/* Typography and brand assets. The font files are loaded from the maintained
   Vazir distribution, with system fallbacks for offline/admin environments. */
@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');
@import url('forms-pro.css');
@import url('manager-history.css');
@import url('electric-theme.css');
@import url('home-slider.css');
@import url('social-showcase.css');

:root { --font-fa: Vazir, IRANSans, Tahoma, Arial, sans-serif; }
html, body, button, input, select, textarea { font-family: var(--font-fa) !important; }
.brand-logo { width: 42px; height: 42px; object-fit: contain; border-radius: 10px; background: #fff; padding: 3px; }
.admin-brand .brand-logo { width: 38px; height: 38px; }
.login-logo .brand-logo { width: 58px; height: 58px; border-radius: 16px; }
.fa-fw { width: 1.25em; text-align: center; }
.icon-label { display: inline-flex; align-items: center; gap: 7px; }
.brand-mark { display: grid; place-items: center; }
.brand-mark i { font-size: 17px; }
.footer-grid .footer-brand-link { display: flex; align-items: center; width: max-content; max-width: 100%; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }
.brand-setting { display:flex; align-items:center; gap:18px; padding:14px; border:1px solid #e5eaf0; border-radius:12px; margin-bottom:22px; }
.brand-preview { width:82px; height:82px; border-radius:16px; display:grid; place-items:center; background:#f4f8fa; color:#8aa0ad; overflow:hidden; flex:0 0 auto; }
.brand-preview img { width:100%; height:100%; object-fit:contain; padding:7px; }
@media (max-width:640px) { .brand-setting { align-items:flex-start; flex-direction:column; } }