/* Juricle marka işareti.
   Logolar CSS maskesiyle boyanıyor, <img> ile değil: <img> içine yüklenen SVG
   izole bir belgedir ve currentColor oraya geçmez, koyu temada logo kaybolur.
   Maske + background:currentColor tek dosyayla iki temayı da doğru boyar.
   Metin işaretlerin içinde kalıyor (font-size:0) ki ekran okuyucu okumaya devam
   etsin; yalnız görsel olarak logoya bırakıyor. */
:root{
  --juricle-wordmark:url('/frontend/brand/juricle-wordmark.svg?v=26.02');
  --juricle-mark:url('/frontend/brand/juricle-mark.svg?v=26.02');
  --juricle-wordmark-ratio:3322/813;
  --juricle-wordmark-h:17px;
}

/* --- Sol panel markası -------------------------------------------------- */
/* html[data-design] ile eşit özgüllük + sonra yüklenme: tema dosyalarının
   (.heroui / .shadcn) kendi .brand-wordmark kuralları bunu ezemiyor. */
.brand-wordmark strong,
html[data-design] .brand-wordmark strong{
  display:block;
  height:var(--juricle-wordmark-h);
  aspect-ratio:var(--juricle-wordmark-ratio);
  width:auto;
  background:currentColor;
  color:var(--foreground);
  -webkit-mask:var(--juricle-wordmark) no-repeat left center/contain;
  mask:var(--juricle-wordmark) no-repeat left center/contain;
  font-size:0;
  letter-spacing:0;
}
/* shadcn teması markanın önüne 'B' rozetli bir kare koyuyordu; logo onun yerini aldı. */
html[data-design="shadcn"] .brand-wordmark strong::before{display:none}
@media(max-width:600px){
  body:has(#view-home.active) .brand-wordmark strong{--juricle-wordmark-h:14px}
}

/* --- Kare işaret: orb'lar, rozetler ------------------------------------- */
.ai-badge,
.ai-orb,
.matter-context-orb>span,
.editor-product-mark,
.mini-bilig-orb,
.bilig-app-mini{
  font-size:0 !important;
  position:relative;
}
.ai-badge::before,
.ai-orb::before,
.matter-context-orb>span::before,
.editor-product-mark::before,
.mini-bilig-orb::before,
.bilig-app-mini::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:46%;
  height:46%;
  background:currentColor;
  -webkit-mask:var(--juricle-mark) no-repeat center/contain;
  mask:var(--juricle-mark) no-repeat center/contain;
  z-index:1;            /* .ai-orb:after bir fon parıltısı; işaret onun üstünde kalmalı */
  pointer-events:none;
}

/* --- Tek başına sayfalar (giriş, misafir, operatör, köprü) -------------- */
/* Çağıran font-size ile boyutlandırır: height:1em. */
.juricle-wordmark,
.juricle-mark{
  display:inline-block;
  height:1em;
  background:currentColor;
  vertical-align:-.12em;
}
.juricle-wordmark{
  aspect-ratio:var(--juricle-wordmark-ratio);
  -webkit-mask:var(--juricle-wordmark) no-repeat left center/contain;
  mask:var(--juricle-wordmark) no-repeat left center/contain;
}
.juricle-mark{
  aspect-ratio:1;
  -webkit-mask:var(--juricle-mark) no-repeat center/contain;
  mask:var(--juricle-mark) no-repeat center/contain;
}

/* --- Portal (giriş · misafir) ------------------------------------------- */
.ws-wordmark{
  display:inline-block;
  height:20px;                       /* eski 22px metnin optik karşılığı */
  aspect-ratio:var(--juricle-wordmark-ratio);
  background:currentColor;
  -webkit-mask:var(--juricle-wordmark) no-repeat left center/contain;
  mask:var(--juricle-wordmark) no-repeat left center/contain;
  font-size:0;
}

/* --- Operatör paneli ---------------------------------------------------- */
.ops-wordmark{
  display:inline-block;
  height:1em;
  aspect-ratio:var(--juricle-wordmark-ratio);
  background:currentColor;
  -webkit-mask:var(--juricle-wordmark) no-repeat left center/contain;
  mask:var(--juricle-wordmark) no-repeat left center/contain;
  vertical-align:-.1em;
}