/* ============================================================
   کامپوننت مستقل لوگو — css/logo.css
   این فایل هیچ وابستگی به استایل‌های index.html ندارد
============================================================ */

.ab-logo{
  display:inline-flex;
  align-items:center;
  gap:11px;
  margin-inline-end:auto;   /* هل دادن منو به سمت دیگر (جایگزین .brand) */
  text-decoration:none;
  color:var(--text, #0F172A);
  font-family:'Space Grotesk','Vazirmatn',sans-serif;
  font-weight:700;
  font-size:1.02rem;
  line-height:1.2;
}

.ab-logo__mark{
  width:38px !important;
  height:38px;
  border-radius:11px;
  background:var(--accent, #2563EB);
  color:#fff;
  display:grid;
  place-items:center;
  font-size:1rem;
  font-weight:700;
  flex-shrink:0;
  user-select:none;
  box-shadow:0 6px 16px var(--accent-soft, rgba(37,99,235,.2));
  transition:transform .3s cubic-bezier(.2,.7,.2,1), background .3s;
}

.ab-logo:hover .ab-logo__mark,
.ab-logo:focus-visible .ab-logo__mark{
  transform:rotate(-6deg) scale(1.06);
}

.ab-logo__text{ white-space:nowrap; }

/* نسخه کوچک (مثلاً برای فوتر یا موبایل) */
.ab-logo--sm{ font-size:.92rem; }
.ab-logo--sm .ab-logo__mark{ width:32px; height:32px; border-radius:9px; font-size:.85rem; }

@media (max-width:480px){
  .ab-logo__text{ font-size:.9rem; }
}