/*
 * TUM temalar (bos-temp dahil) icin ortak, tema-CSS'inden bagimsiz
 * erisilebilirlik kurali. Bircok satin alinan template (Crafto vb.)
 * :focus-visible / button:focus / .btn:focus'u tamamen kapatir - klavye
 * kullanicisi odagin nerede oldugunu goremez (WCAG 2.4.7 ihlali). Bu dosya
 * o kapatmayi ezer, fare kullanicilarini etkilemez (:focus-visible sadece
 * klavye navigasyonunda tetiklenir). Her temanin kendi css'inden SONRA
 * link verilmelidir ki override edebilsin.
 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.btn:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid var(--tema-birincil, var(--base-color, #1e2e7b)) !important;
    outline-offset: 2px !important;
}

/* Tailwind'in kendi ".collapse" utility sinifi ("visibility:collapse", tablo
   satirlarini gizlemek icin) Crafto/Bootstrap'in ".collapse" bilesen sinifiyla
   (mobil menu, akordiyon vb.) AYNI ISME sahip - Tailwind'i son yukleyen bu
   proje icin Bootstrap'in collapse'i her zaman gorunmez kaliyordu ("show"
   sinifi eklense bile). Bootstrap'in gercekten kullandigi ".navbar-collapse"
   ve ".accordion-collapse" baglaminda bu celiskiyi geri aliyoruz. */
.navbar-collapse.collapse,
.accordion-collapse.collapse {
    visibility: visible;
}

/* Mobil "full-screen-menu" navbar stili: Crafto/main.js sayfa yuklenirken
   .navbar-collapse'i klonlayip #navbarNav-clone olarak
   .navbar-full-screen-menu-inner icine tasir. Vendor CSS (responsive.css)
   bu klonu kapali durumda gizlemek icin SADECE DIS sarmalayiciyi
   (.navbar-full-screen-menu-inner) `position: fixed; top: -100vh;` ile
   ekran disina tasiyor - ama IC eleman (.navbar-collapse, yani klonun
   kendisi) da AYRI bir `position: inherit` + kendi `top: 0; left: 0;`
   degerine sahip. CSS'te `position: fixed` bir ust elemanin icine
   yerlesince "containing block" olarak o ust elemani ALMAZ (parent'ta
   transform/filter/perspective YOKSA) - viewport'a gore konumlanmaya
   devam eder. Sonuc: dis sarmalayici ekran disina tasinsa bile IC klon
   HER ZAMAN ekranin tam ustunde (top:0, tam genislik/yukseklik,
   pointer-events:auto, arka plan seffaf) kalip TUM dokunma/kaydirma
   olaylarini yutuyor - mobilde HERHANGI bir sayfaya girildiginde ekran
   "donmus" gibi gorunuyordu. Bu kural ortak dosyada duruyor cunku
   main.js/responsive.css'i kullanan HER tema (Vite/app.css uzerinden
   YUKLEMESE bile - jautis gibi kendi statik css'ini kullanan temalar
   dahil) bu bug'a acik: sadece resources/css/app.css'e (2026-08-27,
   varsayilan+magaza temalari icin) eklenmisti, bos-temp soyundan gelen
   statik-css temalarda (jautis vb.) unutulmustu - 2026-09-12'de motor
   seviyesinde bulunup buraya, TEK ortak dosyaya tasindi. */
.navbar-full-screen-menu-inner {
    transform: translateZ(0);
}