/* Disiplin gozleri: Studio sayfasindaki bes goz (marka, icerik, gorsel,
   web, fiziksel), vaka sayfalarinin bolum etiketlerinde ve kahraman
   gezintisinde. Isaretleme v20_ortak.goz(), bebegi imlece cevirme
   betikte (gozleriKur). Kendi dosyasi: case-v20.css'i yuklemeyen
   sayfalar (or. Sariyer) yalniz gozleri alabilsin, kunye bandini degil. */

/* Renk --goz; kapak arada kirpiyor, bebek imleci izliyor. */
.v20GozEt { display: flex; align-items: center; gap: 14px; }

.v20Goz {
  display: inline-block;
  flex: none;
  width: 46px;
  line-height: 0;
}

.v20Goz svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 4px 6px rgba(16, 16, 16, 0.16));
}

.v20GozKapak {
  transform-box: view-box;
  transform-origin: 50px 50px;
  animation: v20GozKirp var(--kirp, 6.4s) ease-in-out infinite var(--kirpGec, 0s);
}

.v20GozLid { fill: #fff; stroke: var(--goz); stroke-width: 6; stroke-linejoin: round; }
.v20GozBebek { fill: #101010; }
.v20GozIsik { fill: #fff; }
.v20GozIris { transform-box: view-box; transition: transform 200ms cubic-bezier(0.2, 0.7, 0.2, 1); }

.navCategories a:has(.v20Goz) { display: inline-flex; align-items: center; justify-content: center; gap: 7px; }
.navCategories .v20Goz { width: 18px; }

/* Kahraman gezintisi belirgin: haplar eskiden 8px yaziydi, fotografin
   ustunde goze carpmiyordu. Hafif bulanik koyu zemin okunurluk icin. */
.navCategories:has(.v20Goz) { gap: 10px; flex-wrap: wrap; }
.navCategories a:has(.v20Goz) {
  gap: 10px;
  padding: 12px 18px 11px;
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-size: 13px;
  letter-spacing: 0.12em;
}
.navCategories a:has(.v20Goz) .v20Goz { width: 24px; }
.navCategories .v20Goz svg { filter: none; }

/* Studyo sayfasi: disiplin basliklarinin solunda (boyut basligin em'i).
   Anasayfa Studyo bolumu: disiplin haplarinda kucuk goz. */
.disc__word:has(.v20Goz) { display: flex; align-items: center; gap: 0.22em; }
.disc__word .v20Goz { width: 0.6em; }
.gozHap .v20Goz { width: 17px; }
.gozHap .v20Goz svg { filter: none; }

@keyframes v20GozKirp {
  0%, 94%, 100% { transform: scaleY(1); }
  97% { transform: scaleY(0.05); }
}

@media (prefers-reduced-motion: reduce) {
  .v20GozKapak { animation: none; }
  .v20GozIris { transition: none; }
}

@media (max-width: 600px) {
  .v20Goz { width: 38px; }
  .navCategories .v20Goz,
  .navCategories a:has(.v20Goz) .v20Goz { width: 16px; }
  .navCategories a:has(.v20Goz) { gap: 6px; font-size: 11px; letter-spacing: 0.08em; }
  /* Telefonda haplar iceriklerine gore boyutlaniyor ve sigmayan alt
     satira iniyor; satirdakiler genisligi paylasiyor. Eskiden hepsi tek
     satira zorlaniyordu: 13px'e buyuyen yazida uzun kelime taşardi. */
  .navCategories a:has(.v20Goz) {
    flex: 1 1 auto;
    padding: 10px 10px 9px;
    white-space: nowrap;
  }
}