/* RafFiyat logo — raffiyat.com
   Kullanım: <link rel="stylesheet" href="{% static 'raffiyat/logo.css' %}">
   Font: Archivo 900 (Google Fonts). Fontsuz ortamda system-ui'ye düşer. */

.rf-logo {
  display: inline-flex;
  flex-direction: column;
  gap: 0.09em;
  line-height: 1;
  text-decoration: none;
  font-family: 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --rf-ink: #3a3733;      /* koyu gövde */
  --rf-accent: #b8442e;   /* "Fiyat" kırmızısı */
  --rf-size: 24px;        /* tek ayar: logonun boyu */
}

.rf-logo__word {
  font-weight: 900;
  font-size: var(--rf-size);
  letter-spacing: -0.035em;
  line-height: 0.9;
  color: var(--rf-ink);
  white-space: nowrap;
}
.rf-logo__word b { font-weight: 900; color: var(--rf-accent); }

/* raf çizgisi */
.rf-logo__shelf {
  height: max(2px, calc(var(--rf-size) * 0.085));
  background: var(--rf-ink);
  border-radius: 1px;
}

.rf-logo__tagline {
  margin-top: 0.25em;
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: calc(var(--rf-size) * 0.24);
  font-weight: 500;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: #7a746c;
}

/* Koyu zemin (ör. panel üst menüsü) */
.rf-logo--dark {
  --rf-ink: #f7f4f0;
  --rf-accent: #e8735a;
}
.rf-logo--dark .rf-logo__shelf { background: var(--rf-accent); }
.rf-logo--dark .rf-logo__tagline { color: #b8b2a9; }

/* Tek renk (faks, kaşe, tek renkli baskı) */
.rf-logo--mono { --rf-ink: currentColor; --rf-accent: currentColor; }

/* Boyut yardımcıları */
.rf-logo--sm { --rf-size: 18px; }
.rf-logo--md { --rf-size: 24px; }
.rf-logo--lg { --rf-size: 44px; }
.rf-logo--xl { --rf-size: 96px; }

/* Simge / avatar (RF) */
.rf-mark {
  --rf-mark-size: 40px;
  width: var(--rf-mark-size);
  height: var(--rf-mark-size);
  border-radius: calc(var(--rf-mark-size) * 0.14);
  background: #3a3733;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--rf-mark-size) * 0.055);
  font-family: 'Archivo', Helvetica, Arial, sans-serif;
}
.rf-mark__letters {
  font-weight: 900;
  font-size: calc(var(--rf-mark-size) * 0.38);
  letter-spacing: -0.03em;
  line-height: 0.9;
  color: #f7f4f0;
}
.rf-mark__letters b { color: #e8735a; font-weight: 900; }
.rf-mark__shelf {
  width: calc(var(--rf-mark-size) * 0.48);
  height: max(2px, calc(var(--rf-mark-size) * 0.043));
  background: #e8735a;
}