/* ONOXSOFT MARKA BLOGU — resources/views/parcalar/onoxsoft-marka.blade.php. Yalniz .dk-onox-marka* siniflari; baska secici YOK.
   Parca bu dosyayi @once @push('stil') ile duzenin <head>'ine koyar (dk-mega-menu.css deseni).

   Renkler alt bilginin GERCEK paletidir (dk.css uretilmis siniflari): zemin #0B1A3A (.d619c8e3), baglanti #C9D6F5 (.d809081f),
   ikincil metin #8FA1C9 (.d70f1157), ayirici rgba(255,255,255,.1) (.d2b456bf / .dbd54acb). dk.css ve dk-site.css hic CSS
   degiskeni TANIMLAMAZ (uretilmis siniflar sabit deger yazar); var olan tek tasarim degiskenleri premium katmanindadir:
   --dkp-mavi (odak mavisi) ve --dkp-egri (gecis egrisi) — geri donuslu kullanilir (config('premium.aktif')=false iken de
   calisir). --dk-onox-* bu blogun yerel paletidir; acik zemin (--acik) yalniz bu degiskenleri degistirir.

   Kontrast (WCAG 2.1 AA; 27 Eyl 2026 olcumu: hesaplanmis metin rengi x metin gorunmezken OKUNAN zemin pikseli + hover/odak statik):
     koyu zemin #0B1A3A : birincil #FFFFFF 17,2:1 · ikincil #8FA1C9 6,6:1 · alan adi #C9D6F5 hap dolgusunda (#132140) 10,9:1,
                          :hover #FFFFFF 14,3:1 · odak halkasi #FFFFFF 17,2:1
     acik zemin #FFFFFF : birincil #0B1A3A 17,2:1 · ikincil #5B6478 5,9:1 (#F4F7FC'de 5,5:1) · alan adi #1F4FE0 6,5:1,
                          :hover #0B1A3A 16,2:1 · odak halkasi #2F6BFF 4,5:1 (#F4F7FC'de 4,2:1; metin disi esik 3:1)
   Dokunma hedefi: 'blok' 50 px (<= 359 px'te bosluklar daralir, icerik 320 px'te de cerceve icinde), 'satir' 32 px
   (<= 768 px: 44 px — dk-mobil.css kurali). Cumle metni <= 768 px'te >= 14 px
   (tasarim/mobil-denetim.mjs --yazi). Hareket yalniz ok simgesinde ve prefers-reduced-motion:no-preference iken; hover
   yalniz (hover:hover) cihazlarda (premium katmanla ayni dil). */

.dk-onox-marka{
  --dk-onox-metin:#FFFFFF;
  --dk-onox-ikincil:#8FA1C9;
  --dk-onox-alan:#C9D6F5;
  --dk-onox-alan-vurgu:#FFFFFF;
  --dk-onox-cizgi:rgba(255,255,255,.14);
  --dk-onox-cizgi-vurgu:rgba(255,255,255,.34);
  --dk-onox-dolgu:rgba(255,255,255,.03);
  --dk-onox-dolgu-vurgu:rgba(255,255,255,.07);
  --dk-onox-ayirici:rgba(255,255,255,.1);
  --dk-onox-odak:#FFFFFF;
  --dk-onox-egri:var(--dkp-egri,cubic-bezier(.22,.61,.36,1));
  font-family:'DM Sans',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.dk-onox-marka--acik{
  --dk-onox-metin:#0B1A3A;
  --dk-onox-ikincil:#5B6478;
  --dk-onox-alan:#1F4FE0;
  --dk-onox-alan-vurgu:#0B1A3A;
  --dk-onox-cizgi:#DCE3F0;
  --dk-onox-cizgi-vurgu:rgba(47,107,255,.45);
  --dk-onox-dolgu:#FFFFFF;
  --dk-onox-dolgu-vurgu:#F5F8FF;
  --dk-onox-ayirici:rgba(11,26,58,.1);
  --dk-onox-odak:var(--dkp-mavi,#2F6BFF);
}

/* ---- ortak ---- */
.dk-onox-marka__baglanti{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%;color:var(--dk-onox-alan);
  text-decoration:none;border:1px solid transparent;
  transition:border-color .15s var(--dk-onox-egri),background-color .15s var(--dk-onox-egri),color .15s var(--dk-onox-egri)}
.dk-onox-marka .dk-onox-marka__baglanti:focus-visible{outline:2px solid var(--dk-onox-odak);outline-offset:3px}
.dk-onox-marka__arma{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:rgba(47,107,255,.12);border:1px solid rgba(47,107,255,.24);flex-shrink:0}
.dk-onox-marka--acik .dk-onox-marka__arma{background:rgba(47,107,255,.08);border-color:rgba(47,107,255,.2)}
.dk-onox-marka--satir .dk-onox-marka__arma{width:26px;height:26px;border-radius:6px}
.dk-onox-marka__logo{display:block;flex-shrink:0;width:auto;height:28px;max-width:none}
.dk-onox-marka__metin{margin:0;min-width:0;text-wrap:pretty}
.dk-onox-marka__birincil{color:var(--dk-onox-metin);font-weight:600}
.dk-onox-marka__ikincil{color:var(--dk-onox-ikincil);font-weight:400}

/* ---- 'blok': alt bilgide ayri satir (Populer aramalar bandi ile telif cubugu arasi; ayni 22 px ritim + ince ayirici) ---- */
.dk-onox-marka--blok{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:22px 0;border-bottom:1px solid var(--dk-onox-ayirici)}
.dk-onox-marka--blok .dk-onox-marka__baglanti{gap:14px;min-height:50px;padding:10px 16px 10px 14px;border-color:var(--dk-onox-cizgi);
  border-radius:12px;background:var(--dk-onox-dolgu)}
.dk-onox-marka__alan{display:inline-flex;align-items:center;gap:6px;min-height:22px;padding-left:14px;border-left:1px solid var(--dk-onox-cizgi);
  font-size:13px;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap}
.dk-onox-marka__ok{display:block;flex-shrink:0}
.dk-onox-marka--blok .dk-onox-marka__metin{flex:1 1 320px}
.dk-onox-marka--blok .dk-onox-marka__birincil{display:block;font-size:14.5px;line-height:1.5}
.dk-onox-marka--blok .dk-onox-marka__ikincil{display:block;margin-top:2px;font-size:13.5px;line-height:1.55}

/* ---- 'satir': telif cubugunun (esnek, sarar) SON ogesi, kendi tam satirinda — "© …" + yasal baglantilar satiri
   bugunku gibi kalir, marka satiri altina gelir (esnek olmayan kapta flex yok sayilir). Kompakt: logo baglantisi + iki cumle. */
.dk-onox-marka--satir{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;flex:1 1 100%}
.dk-onox-marka--satir .dk-onox-marka__baglanti{min-height:32px;padding:4px 8px;margin-left:-8px;border-radius:8px}
.dk-onox-marka--satir .dk-onox-marka__logo{height:22px}
.dk-onox-marka--satir .dk-onox-marka__metin{font-size:12.5px;line-height:1.6}
.dk-onox-marka--satir .dk-onox-marka__ikincil::before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 0 4px;border-radius:50%;
  background:currentColor;vertical-align:middle}

@media (hover:hover){
  .dk-onox-marka .dk-onox-marka__baglanti:hover{border-color:var(--dk-onox-cizgi-vurgu);background-color:var(--dk-onox-dolgu-vurgu);
    color:var(--dk-onox-alan-vurgu)}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .dk-onox-marka__ok{transition:transform .15s var(--dk-onox-egri)}
  .dk-onox-marka__baglanti:hover .dk-onox-marka__ok{transform:translate(1px,-1px)}
}

/* ---- Windows yuksek karsitlik (forced-colors): zemin sistem rengine (Canvas) doner; beyaz yazili logo beyaz Canvas'ta,
   koyu yazili logo siyah Canvas'ta kaybolurdu — logo kendi zemin rengini korur. */
@media (forced-colors:active){
  .dk-onox-marka__logo{forced-color-adjust:none;border-radius:4px}
  .dk-onox-marka--koyu .dk-onox-marka__logo{background:#0B1A3A}
  .dk-onox-marka--acik .dk-onox-marka__logo{background:#FFFFFF}
}

/* ---- dar ekran (dk-mobil.css ile ayni kirilma: <= 768 px dokunma hedefi 44 px, cumle >= 14 px) ---- */
@media (max-width:768px){
  .dk-onox-marka--blok{gap:14px 24px}
  .dk-onox-marka--blok .dk-onox-marka__birincil{font-size:15px}
  .dk-onox-marka--blok .dk-onox-marka__ikincil,.dk-onox-marka--satir .dk-onox-marka__metin{font-size:14px}
  .dk-onox-marka--satir .dk-onox-marka__baglanti{min-height:44px}
  /* dar ekranda iki cumle ayri satirda: ayirici nokta satir ortasinda kalmaz */
  .dk-onox-marka--satir .dk-onox-marka__birincil,.dk-onox-marka--satir .dk-onox-marka__ikincil{display:block}
  .dk-onox-marka--satir .dk-onox-marka__ikincil::before{display:none}
}

/* ---- cok dar ekran (<= 359 px; site 320 px telefonu destekler — dk-mobil.css). 'blok' baglantisinin dogal genisligi
   283 px: 320 px'te kap 272 px -> alan adi + ok 11 px baglantinin sag dolgusuna, 300 px'te CERCEVE DISINA tasiyordu
   (27 Eyl denetimi, gercek Chrome olcumu). Bosluklar daralir (320 px'te 267 px, sigar);
   daha darda logo KUCULUR (oran korunur: object-fit:contain) — 260-359 px arasi olculdu, icerik cercevenin icinde. */
@media (max-width:359px){
  .dk-onox-marka--blok .dk-onox-marka__baglanti{gap:10px;padding:10px 12px 10px 10px}
  .dk-onox-marka--blok .dk-onox-marka__alan{padding-left:10px}
  .dk-onox-marka--blok .dk-onox-marka__logo{flex-shrink:1;min-width:0;object-fit:contain;object-position:left center}
}