/* =========================================================
   Logo (FavaSMS) – SVG text + icon, RTL-aware, responsive
   ========================================================= */

/* لینک لوگو */
.logo-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  border-radius: 12px;
}
.logo-link:focus-visible{
  outline: 2px solid var(--color-accent, #ff5e13);
  outline-offset: 2px;
}

/* خود SVG */
.site-logo{
  display: block;
  inline-size: clamp(250px, 28vw, 250px);
  block-size: auto;
  text-rendering: geometricPrecision;
  shape-rendering: geometricPrecision;

  /* همگام با متغیرهای header.css، با fallback */
  --faava-color:   var(--color-primary, #001f52);
  --payamak-color: var(--color-accent,  #ff5e13);
  --subtitle-color:var(--color-primary, #001f52);
  --icon-color:    var(--color-primary, #001f52);
}

/* عنوان */
.site-logo .brand-text{
  font-family: 'Vazirmatn', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 3.2vw, 34px);
  letter-spacing: 0;
}
.site-logo .brand-faava{   fill: var(--faava-color); }
.site-logo .brand-payamak{ fill: var(--payamak-color); }

/* زیرعنوان */
.site-logo .subtitle-text{
  font-family: 'Vazirmatn', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(14px, 1.8vw, 16px);
  fill: var(--subtitle-color);
  opacity: .96;
}

/* آیکون */
.site-logo .icon{ fill: var(--icon-color); }

/* موبایل‌های خیلی باریک */
@media (max-width: 360px){
  .site-logo{ inline-size: 230px; }
}

/* کاهش حرکت (احتیاطی) */
@media (prefers-reduced-motion: reduce){
  .logo-link{ transition: none !important; }
}