/*
 * PORT DÜZELTMELERİ — bu dosya BİZE ait, canlı siteden kopyalanmadı.
 *
 * /Content/css/ altındaki 11 stil dosyasının hepsi canlı siteden BYTE BYTE
 * kopyalanmıştır ve öyle kalmalıdır: canlı tarafta bir güncelleme olursa
 * dosyayı yeniden indirip üzerine yazmak yeterli olsun, yerel düzeltmeler
 * kaybolmasın diye. Bu yüzden port sırasında ortaya çıkan CSS düzeltmeleri
 * o dosyalara DEĞİL, buraya yazılır.
 *
 * Yükleme sırası: app/layout.js'te vendored dosyaların TAMAMINDAN sonra
 * geliyor — buradaki kurallar aynı özgüllükte bile kazanır.
 */

/*
 * ÜST MENÜ: tıklanan bağlantı okunmaz hale geliyordu.
 *
 * Bootstrap şu kuralı içeriyor:
 *   .navbar-default .navbar-nav>li>a:focus { color:#333 }        (0,3,2)
 * farmasigorta.css'in beyaz kuralı ise daha düşük özgüllükte:
 *   .navbar-default .navbar-nav > li > a   { color:#ffffff }     (0,2,2)
 * Yani odaktaki menü bağlantısı #333'e dönüyor — koyu lacivert menü
 * çubuğunda pratikte görünmez oluyor. (":hover" için farmasigorta.css'te
 * !important'lı bir kural var, ":focus" için YOK.)
 *
 * Canlıda bu hiç göze çarpmıyor çünkü orada menü bağlantısına tıklamak TAM
 * SAYFA YÜKLEMESİ yapıyor ve odak kayboluyor. Bizde menü next/link
 * kullanıyor: gezinme istemci tarafında oluyor, DOM korunuyor, dolayısıyla
 * tıklanan bağlantı odakta KALIYOR ve karardığı görülüyor.
 *
 * Çözüm: odaktaki menü bağlantısı normal haliyle aynı renkte kalsın.
 * Klavye kullanıcısı için görünürlük kaybı yok — Bootstrap'in
 * "a:focus { outline: ... }" kuralı yerinde duruyor, odak çerçeveyle
 * belli oluyor. :hover davranışı da değişmiyor (o kural !important'lı).
 */
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}

/*
 * Aynı sorunun açılır menü başlıklarındaki hali: "BİREYSEL ÜRÜNLER" /
 * "KURUMSAL ÜRÜNLER" tıklanınca da odakta kalıyor. Menü açıkken geçerli olan
 * .open kuralı (farmasigorta.css) zaten !important ile beyaz veriyor; burada
 * yalnızca menü KAPANDIKTAN sonra odakta kalan başlık ele alınıyor.
 */
.navbar-default .navbar-nav > li.dropdown > a:focus {
  color: #ffffff;
}