/**
 * Ori Kimlik — header menüsü.
 *
 * Bu dosya SİTENİN HER SAYFASINDA yüklenir. Kimlik ekranlarının stil
 * dosyasından ayrı ve küçük tutulmasının sebebi bu.
 *
 * Renk stratejisi: metin `currentColor` ile temadan miras alınır —
 * header'ın açık mı koyu mu olduğunu bilmiyoruz ve gece modu eklentisi
 * onu çalışma anında değiştirebiliyor. Açılır panel ise KENDİ zeminini
 * taşır (mürekkep + lime): tema ne olursa olsun okunur kalır ve marka
 * ekranlarıyla aynı dili konuşur.
 */

.orikm{
  display:inline-flex; align-items:center; gap:12px;
  font-family:inherit; font-size:14px; line-height:1;
}

/* ==========================================================================
   MİSAFİR — iki eylem, tek tasarım dili
   ==========================================================================
   Eskiden "Giriş" düz metin, "Kayıt Ol" dolu bir düğmeydi; ikisi aynı
   ailede görünmüyordu. Artık ikisi de aynı yükseklikte, aynı yuvarlaklıkta
   birer düğme — biri çerçeveli (ikincil), biri dolu (birincil). Hiyerarşi
   korunuyor ama çift birbirine ait görünüyor.
   ========================================================================== */
.orikm-bag,
.orikm-dugme{
  display:inline-flex; align-items:center; justify-content:center;
  height:38px; padding:0 20px; border-radius:999px;
  font-size:13.5px; font-weight:600; letter-spacing:.01em;
  text-decoration:none; white-space:nowrap;
  transition:background .16s, border-color .16s, color .16s, transform .08s;
}

.orikm-bag{
  color:currentColor;
  border:1px solid;
  /* Kenarlık metinden daha sessiz: currentColor'ın %38'i. */
  border-color:color-mix(in srgb, currentColor 38%, transparent);
  background:transparent;
}
@supports not (color: color-mix(in srgb, red 38%, transparent)){
  .orikm-bag{border-color:currentColor; opacity:.82}
}
.orikm-bag:hover{
  border-color:currentColor;
  background:color-mix(in srgb, currentColor 8%, transparent);
}
.orikm-bag:active{transform:translateY(1px)}
.orikm-bag:focus-visible{outline:2px solid #A2DC00; outline-offset:2px}

.orikm-dugme{
  background:linear-gradient(145deg,#BEFE00 0%,#A2DC00 55%,#8DC300 100%);
  border:1px solid transparent;
  box-shadow:0 6px 18px rgba(162,220,0,.22);
}
/* KONTRAST GÜVENCESİ — !important burada bilinçli.
   Canlıda gece modunda bu düğmenin yazısı kayboldu: sayfadaki başka bir
   stil `a{color:...}` ile metin rengini eziyordu. Lime zeminde lime yazı
   = 1,64:1, yani görünmez. Mürekkep yazı 11,5:1. Estetik değil,
   erişilebilirlik sigortası. */
.orikm a.orikm-dugme,
.orikm .orikm-dugme:link,
.orikm .orikm-dugme:visited,
.orikm .orikm-dugme:hover,
.orikm .orikm-dugme:focus{color:#101114 !important}
.orikm-dugme:hover{filter:brightness(1.05); box-shadow:0 8px 22px rgba(162,220,0,.3)}
.orikm-dugme:active{transform:translateY(1px)}
.orikm-dugme:focus-visible{outline:2px solid #8DC300; outline-offset:3px}

/* ==========================================================================
   ÜYE — baş harf rozeti + açılır panel
   ========================================================================== */
.orikm-ac{position:relative}

.orikm-ac > summary{
  display:inline-flex; align-items:center; gap:10px; cursor:pointer;
  height:38px; padding:0 14px 0 6px; border-radius:999px; white-space:nowrap;
  border:1px solid color-mix(in srgb, currentColor 30%, transparent);
  color:currentColor; background:transparent;
  list-style:none; user-select:none;
  transition:border-color .16s, background .16s;
}
@supports not (color: color-mix(in srgb, red 30%, transparent)){
  .orikm-ac > summary{border-color:currentColor}
}
.orikm-ac > summary::-webkit-details-marker{display:none}
.orikm-ac > summary::marker{content:""}
.orikm-ac > summary:hover{border-color:#A2DC00}
/* Açıkken kalıcı vurgu: hangi düğmenin paneli açtığı belli olsun. */
.orikm-ac[open] > summary{border-color:#A2DC00; background:rgba(162,220,0,.10)}
.orikm-ac > summary:focus-visible{outline:2px solid #A2DC00; outline-offset:2px}

/* Baş harf rozeti — avatar yerine. Her kullanıcının fotoğrafı yok;
   boş bir avatar "eksik" görünür, baş harf her zaman dolu. */
.orikm-harf{
  width:28px; height:28px; flex:none; border-radius:50%;
  display:inline-grid; place-items:center;
  background:linear-gradient(145deg,#BEFE00,#8DC300);
  color:#101114; font-size:12.5px; font-weight:700; line-height:1;
  letter-spacing:0;
}
.orikm-harf-buyuk{width:40px; height:40px; font-size:17px}

.orikm-ad{
  max-width:18ch; overflow:hidden; text-overflow:ellipsis;
  font-weight:500; font-size:13.5px;
}
.orikm-ok{flex:none; opacity:.7; transition:transform .18s}
.orikm-ac[open] > summary .orikm-ok{transform:rotate(180deg); opacity:1}

/* --- Panel ---------------------------------------------------------------
   Kendi zemini: header açık da olsa koyu da olsa aynı görünür. Zemin
   bilerek mürekkepten (#101114) AÇIK — koyu bir header üstünde kartın
   nerede başlayıp bittiği gölgeyle anlaşılmıyordu (gölge koyu zeminde
   görünmez). Ayrımı zemin farkı taşıyor. */
.orikm-liste{
  position:absolute; right:0; top:calc(100% + 10px); z-index:9999;
  min-width:252px; padding:0;
  display:flex; flex-direction:column;
  background:#1B1E24; border:1px solid #343A43; border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);
  overflow:hidden;
  animation:orikm-gir .16s cubic-bezier(.2,.7,.3,1) both;
}
@keyframes orikm-gir{from{opacity:0; transform:translateY(-6px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){ .orikm-liste{animation:none} }

/* Kimlik başlığı: kim olduğunu ve hangi rolde olduğunu söyler.
   Sadece bağlantı listesi olan bir menü her sitede var; kimliği gösteren
   bir panel "buradasın" hissi verir. */
.orikm-kimlik{
  display:flex; align-items:center; gap:12px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg, rgba(162,220,0,.07), rgba(162,220,0,0));
  border-bottom:1px solid #2A2F37;
}
.orikm-kimlik-metin{display:flex; flex-direction:column; gap:3px; min-width:0}
.orikm-kimlik-ad{
  font-size:14px; font-weight:600; color:#F2F3EE;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* text-transform YOK: bu blok tema sayfasında yaşıyor ve orada lang="tr"
   garantisi yok. "Editör" → "EDITÖR" olurdu (Türkçe'de i→İ). Ayrışmayı
   punto, ağırlık ve lime renk sağlıyor. */
.orikm-kimlik-rol{
  font-size:11.5px; font-weight:600; letter-spacing:.06em;
  color:#A2DC00;
}

.orikm-baglar{display:flex; flex-direction:column; padding:8px}

.orikm-liste a{
  display:flex; align-items:center; gap:11px;
  color:#E6E8E0; text-decoration:none; font-size:14px;
  padding:10px 12px; border-radius:9px; white-space:nowrap;
  transition:background .13s, color .13s;
}
.orikm-liste a:hover,.orikm-liste a:focus-visible{background:rgba(162,220,0,.13); color:#BEFE00}
.orikm-liste a:focus-visible{outline:2px solid #A2DC00; outline-offset:-2px}
.orikm-ikon{flex:none; opacity:.72}
.orikm-liste a:hover .orikm-ikon{opacity:1}

/* Çıkış ayrık durur: kendi bölümünde, üstünde çizgi, soluk. */
.orikm-liste .orikm-cikis{
  margin:0; padding:13px 20px; border-radius:0;
  border-top:1px solid #2A2F37; background:#16191E;
  color:#9AA08E; font-size:13.5px;
}
.orikm-liste .orikm-cikis:hover,
.orikm-liste .orikm-cikis:focus-visible{background:rgba(178,44,30,.18); color:#FF8A7A}

@media (max-width:600px){
  .orikm{font-size:13px; gap:8px}
  .orikm-bag,.orikm-dugme{height:34px; padding:0 15px; font-size:12.5px}
  .orikm-ac > summary{height:34px; padding:0 11px 0 5px}
  .orikm-harf{width:26px; height:26px; font-size:11.5px}
  /* Dar ekranda ad gizlenir, rozet kalır: header taşmasın. */
  .orikm-ad{display:none}
  .orikm-liste{min-width:232px}
}

/* ==========================================================================
   MOBİL MENÜ — temanın off-canvas panelinin içindeki kimlik bloğu
   ==========================================================================
   Bu blok temanın kendi menüsünün İÇİNDE yaşıyor: zemini, tipografisi ve
   boşluk ölçüsü bize ait değil. O yüzden masaüstü açılır paneliyle aynı
   yolu izliyor — KENDİ zeminini taşıyor. Açık bir off-canvas panelinde
   koyu bir kart, "bu senin alanın" demenin en sessiz yolu; üstelik gece
   modu eklentisi paneli çalışma anında koyultursa kart yine okunur kalır.

   `list-style:none` ve sıfır kenar boşluğu şart: blok bir <li> ve temanın
   madde imi ile girintisi ona da uygulanır.
   ========================================================================== */
.orikm-mobil{
  list-style:none !important;
  margin:18px 0 4px !important;
  padding:0 !important;
  /* Temanın menüsü ızgara ya da esnek kutu olabilir; blok her hâlükârda
     TAM GENİŞLİK ister. İlk denemede tema iki sütunlu bir ızgara kullandığı
     için kart sağ sütuna sıkışmıştı — yalnız ekran görüntüsüne bakınca
     görüldü, işaretleme kusursuzdu. */
  grid-column:1 / -1 !important;
  flex-basis:100% !important;
  width:100% !important;
  max-width:100% !important;
  float:none !important;
}
.orikm-mobil::before,
.orikm-mobil::marker{content:none !important; display:none !important}

.orikm-mobil-kart{
  background:#1B1E24; border:1px solid #343A43; border-radius:16px;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
  font-family:inherit;
}

.orikm-mobil-kimlik{
  display:flex; align-items:center; gap:13px;
  padding:16px 16px 14px;
  background:linear-gradient(180deg, rgba(162,220,0,.09), rgba(162,220,0,0));
  border-bottom:1px solid #2A2F37;
}

.orikm-mobil-baglar{display:flex; flex-direction:column; padding:8px}

/* Temanın menü bağlantı stilleri ağır olabiliyor (kalın, büyük punto,
   büyük harf). Blok kendi tipografisini bilerek dayatıyor: kart bir
   "uygulama paneli", menünün devamı değil. */
.orikm-mobil-kart a{
  display:flex !important; align-items:center; gap:12px;
  color:#E6E8E0 !important; text-decoration:none !important;
  font-size:15px !important; font-weight:500 !important;
  letter-spacing:0 !important; text-transform:none !important;
  padding:12px 12px !important; border-radius:10px;
  line-height:1.2 !important;
  transition:background .13s, color .13s;
}
.orikm-mobil-kart a:hover,
.orikm-mobil-kart a:focus-visible{background:rgba(162,220,0,.13); color:#BEFE00 !important}
.orikm-mobil-kart a:focus-visible{outline:2px solid #A2DC00; outline-offset:-2px}

.orikm-mobil-cikis{
  border-top:1px solid #2A2F37; background:#16191E;
  border-radius:0 !important; padding:14px 20px !important;
  color:#9AA08E !important; font-size:14px !important;
}
.orikm-mobil-cikis:hover,
.orikm-mobil-cikis:focus-visible{background:rgba(178,44,30,.18); color:#FF8A7A !important}

/* Misafir hâli: düğme devralması kapalıysa blok kendi ikilisini basar.
   Dokunma hedefi 48px — mobilde 38px'lik masaüstü ölçüsü küçük kalıyor. */
.orikm-mobil-eylem{display:flex; flex-direction:column; gap:10px; padding:2px 0}
.orikm-mobil-eylem a{
  display:flex !important; align-items:center; justify-content:center;
  min-height:48px; padding:0 20px !important; border-radius:999px;
  font-size:15px !important; font-weight:600 !important;
  text-decoration:none !important; text-transform:none !important;
  letter-spacing:.01em !important;
}
.orikm-mobil-cerceve{
  color:currentColor !important;
  border:1px solid color-mix(in srgb, currentColor 38%, transparent);
  background:transparent;
}
@supports not (color: color-mix(in srgb, red 38%, transparent)){
  .orikm-mobil-cerceve{border-color:currentColor; opacity:.85}
}
.orikm-mobil-dolu{
  background:linear-gradient(145deg,#BEFE00 0%,#A2DC00 55%,#8DC300 100%);
  border:1px solid transparent;
  box-shadow:0 6px 18px rgba(162,220,0,.22);
}
/* KONTRAST GÜVENCESİ — menü dosyasının başındaki gerekçenin aynısı:
   temanın `a{color:...}` kuralı lime zeminde lime yazı üretebiliyor. */
.orikm-mobil-eylem a.orikm-mobil-dolu,
.orikm-mobil-eylem a.orikm-mobil-dolu:link,
.orikm-mobil-eylem a.orikm-mobil-dolu:visited,
.orikm-mobil-eylem a.orikm-mobil-dolu:hover{color:#101114 !important}