/**
 * Falcon X V5 Panel — Metronic demo6 kiçik override-lar.
 * Metronic styles.css (purge'lu) EN SON yuklenir; bu dosya onun ardindan gelir.
 * Sadece logo, marka isareti, RTL ve ufak duzeltmeler. Tailwind sinifi UYDURMA.
 */

/* Marka isareti (logo placeholder kare) */
.aq-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 0.625rem;
    background: var(--color-primary, #1b84ff);
    color: #fff;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1;
    flex-shrink: 0;
}
.aq-brand-mark--sm {
    width: 34px;
    height: 34px;
    font-size: 0.95rem;
    border-radius: 0.5rem;
}

/* Marka logosu (giris sayfasi) — `site_logo` ayari doluysa harf kutusunun yerine.
   En verilir, yukseklik oranindan gelir; genis logolar karti tasmasin diye max-width. */
.aq-brand-logo {
    display: block;
    width: 100%;
    max-width: 168px;
    height: auto;
}
/* Koyu temada lacivert logo okunmaz hale geldigi icin beyaz bir zemine oturur. */
.dark .aq-brand-logo {
    background: #fff;
    border-radius: 0.5rem;
    padding: 0.5rem 0.625rem;
}

/* Marka simgesi (mobil ust bar) — kare favicon, harf kutusuyla ayni olcude. */
.aq-brand-sym {
    width: 34px;
    height: 34px;
    border-radius: 0.5rem;
    object-fit: contain;
    flex-shrink: 0;
}

/* Sol menu basligi: ustte sitenin logosu, altinda panelin kendi adi.
   Ikisi ayri sey oldugu icin alt alta ve farkli agirlikta. */
.aq-sidebar-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
    min-width: 0;
    max-width: 100%;
}
.aq-sidebar-logo {
    display: block;
    width: 100%;
    max-width: 150px;
    height: auto;
}
/* Koyu temada lacivert logo okunmaz hale geldigi icin beyaz zemine oturur. */
.dark .aq-sidebar-logo {
    background: #fff;
    border-radius: 0.375rem;
    padding: 0.3rem 0.45rem;
}
.aq-sidebar-app {
    font-size: 0.6875rem;
    line-height: 1.1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--color-secondary-foreground, #78829d);
    white-space: nowrap;
}

/* RTL: keenicons ok yonleri ve menu hizalama ufak duzeltme */
[dir="rtl"] .aq-flip-rtl {
    transform: scaleX(-1);
}

/* ── şəkil ölçüsü qeydi (QIRMIZI) ──
   Hər şəkil/PDF yükləmə sahəsinin altında görünür. Ölçülər saytın öz
   CSS-indəki həqiqi nisbətlərdən çıxarılıb (bax core/ImageHints.php). */
.fx-imgnote{
  display:flex;align-items:flex-start;gap:.4rem;
  margin:.4rem 0 0;padding:.4rem .55rem;
  background:#FEF2F2;border:1px solid #FCA5A5;border-radius:6px;
  color:#B91C1C;font-size:.78rem;line-height:1.4;
}
.fx-imgnote svg{width:14px;height:14px;flex:none;margin-top:.15rem}
.fx-imgnote b{font-weight:600}
.fx-imgnote em{font-style:normal;opacity:.8}
.dark .fx-imgnote{background:#2A1416;border-color:#7F1D1D;color:#FCA5A5}

/* ── önizləmə qutusu ── */
.fx-thumb{
  display:block;width:120px;height:90px;object-fit:contain;
  background:#F3F4F6;border:1px solid var(--kt-border,#E5E7EB);border-radius:6px;padding:4px;
}
.fx-thumb--sq{width:90px;height:90px}

/* Siyahı sətrindeki kicik kare gorsel (44x44).
   `contain` secildi: katalog fotograflari dar/uzun olabiliyor, `cover` onlari
   kirpardi — kucuk karede urunun tamami gorunmeli. */
.fx-row-thumb{
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex-shrink:0;
  object-fit:contain;padding:3px;
  background:#F3F4F6;border:1px solid var(--kt-border,#E5E7EB);border-radius:8px;
}
/* gorsel yok / yuklenemedi: ayni kutu, kesik cerceve + soluk ikon.
   Yuklenemeyen <img>'in src'i JS ile silinir, boylece tarayicinin kirik
   gorsel nisani cikmaz — geriye sadece bos kutu kalir. */
.fx-row-thumb--empty{
  border-style:dashed;color:var(--kt-secondary-foreground,#98A2B3);font-size:15px;
}

/* sidebar qrup başlığı */
.fx-menu-group{
  padding:.9rem .65rem .3rem;font-size:.64rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--kt-secondary-foreground,#78829d);
}
.fx-menu-group:first-child{padding-top:.2rem}