/* public/assets/css/footer.css */
:root{
  --footer-bg:#001f52;
  --footer-text:#fff;
  --footer-accent:#ffbe59;   /* رنگ هاور آیکن‌ها */
  --footer-accent-2:#ff5e13; /* رنگ هاور لینک‌های متنی */
}

.footer{
  background:var(--footer-bg);
  color:var(--footer-text);
  padding-block:2rem 1.3rem;
  font-family:'Vazirmatn', Tahoma, Arial, sans-serif;
  text-align:center;
}

/* متن مخفی برای a11y */
.visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;clip-path:inset(50%);
}

/* ردیف شبکه‌های اجتماعی */
.footer__social-row{
  display:flex;align-items:center;justify-content:center;gap:28px;margin-block-end:25px;
}
.footer__hr{
  flex:1 1 0;border:0;border-block-start:2.5px solid var(--footer-text);
  margin-inline:20px;height:0;
}
.footer__social-list{
  display:flex;gap:20px;padding:0;margin:0;list-style:none;
}
.footer__social-item{ display:flex; }
.footer__social-link{
  display:inline-flex;align-items:center;justify-content:center;
  inline-size:2.25rem;block-size:2.25rem;border-radius:9999px;
  color:#fff;text-decoration:none;opacity:.9;
  transition: color .2s ease, opacity .2s ease, transform .15s ease;
}
.footer__social-link:hover{ color:var(--footer-accent); opacity:1; transform:translateY(-1px); }
.footer__social-link:focus-visible{
  outline:2px dashed var(--footer-accent); outline-offset:3px;
}

/* آیکن‌ها با CSS Mask (استفاده از خود فایل‌های SVG) */
.icon{
  inline-size:24px; block-size:24px; display:block;
  background-color: currentColor;
  /* فایل svg خارجی به‌عنوان ماسک—بنابراین رنگ از currentColor می‌آید */
  -webkit-mask-image: var(--icon);
          mask-image: var(--icon);
  -webkit-mask-repeat: no-repeat;    mask-repeat: no-repeat;
  -webkit-mask-position: center;     mask-position: center;
  -webkit-mask-size: 100% 100%;      mask-size: 100% 100%;
}

/* برند */
.footer__brand{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;
  margin-block-end:.9rem;color:inherit;text-decoration:none;
}
.footer__brand-icon{
  inline-size:3rem; block-size:3rem; display:block;
  color:currentColor;
}
.footer__brand-text{ display:flex;flex-direction:column;align-items:flex-end;text-align:right; }
.footer__brand-title{
  font-size:clamp(1.4rem, 2.5vw, 1.9rem);
  font-weight:700; letter-spacing:-.3px;
}
.footer__brand-highlight{ color:var(--footer-text); }
.footer__brand-sub{ font-size:.93rem; opacity:.8; margin-block-start:-2px; }

/* لینک‌های مهم */
.footer__links ul{
  display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;align-items:center;
  margin:0 0 .5rem 0;padding:0;list-style:none;
}
.footer__links a{
  color:var(--footer-accent);text-decoration:none;font-weight:500;
  padding-inline:4px;transition:color .2s ease;
}
.footer__links a:hover{ color:var(--footer-accent-2); }
.footer__links li:not(:last-child)::after{
  content:"•"; color:var(--footer-text); opacity:.5; margin-inline:.4rem;
}

/* کپی‌رایت */
.footer__copy{ margin-top:2px; font-size:.97rem; opacity:.86; }

/* ریسپانسیو */
@media (max-width:600px){
  .footer__social-row{ gap:14px; }
  .footer__hr{ margin-inline:6px; }
  .footer__links ul{ gap:.4rem; }
}