/*
 * Proje-ozel CSS override'lari (tema dosyalarina dokunulmadan).
 * v33: Yakin Firsatlar logosu (1530x380px, genis en-boy orani ~4:1) tema
 * varsayilan logosundan cok daha buyuk oldugu icin .img-fluid (max-width:
 * 100%) tek basina yetersiz kaliyor - konteynerin tam genisligine kadar
 * buyuyup header/sidebar/login ekranlarinda asiri buyuk gorunuyordu.
 * Asagidaki kurallar sadece logo img'lerini sabit bir yukseklige oturtup
 * en-boy oranini koruyor (width:auto). bkz. README "Logo Boyutu Duzeltmesi".
 */
.logo-wrapper img,
.logo-icon-wrapper img,
.page-header .header-logo-wrapper .logo-wrapper img {
  /* v40: kullanicinin kendi belirledigi degerler - max-height buyutuldu
     (34px -> 50px) ve negatif dikey margin (-10px ust/alt) ile logonun
     kapladigi gorsel yukseklik konteynerin normal satir yuksekligini
     asmadan biraz daha "buyuk gorunmesi" saglandi (header/sidebar
     yukseklikleri sabit kaldigi icin margin olmadan 50px'lik logo
     komsu elemanlari asagi itebilirdi). */
  max-height: 50px;
  width: auto;
  margin-top: -10px;
  margin-bottom: -10px;
}

.login-card .logo img {
  max-height: 56px;
  width: auto;
}

/*
 * v54 (kullanici istegi: "listeleme sayfalarindaki duzenleme silme ve
 * gorunutuleme butonlarini bi toparlayalim, temada buradaki gibi
 * kullanalim" - ekteki ekran goruntusu bir e-ticaret admin temasinin
 * urun listesi sayfasindan: kucuk, acik gri, yuvarlak koseli, sadece
 * ikon iceren aksiyon butonlari). Bu proje o spesifik demoyu icermedigi
 * icin AYNI GORSEL DILI (renkler/boyut/radius zaten :root degiskenlerinden
 * gelen --theme-default, --light-bg) kullanarak KENDI butonumuz yazildi.
 * Silme butonu bu turda BILEREK EKLENMEDI (kullanici karari - hicbir
 * listede gercek silme backend'i yok, olmayan bir islevi gostermemek
 * icin sadece Goruntule + Duzenle var). bkz. table-actions.js.
 */
.table-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--light-bg);
  color: var(--body-font-color);
  border: none;
  margin-right: 6px;
  text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.table-action-btn:last-child { margin-right: 0; }
.table-action-btn:hover,
.table-action-btn:focus {
  background: var(--theme-default);
  color: #fff;
  text-decoration: none;
}
.table-action-btn svg {
  width: 15px;
  height: 15px;
  stroke-width: 2;
  vertical-align: middle;
}
.table-actions-cell {
  white-space: nowrap;
  text-align: right;
}
/*
 * v(kullanici geri bildirimi): "listeleme sayfalarinda duzenle sil vs
 * butonlari alt alta geldiler ... display:flex + gap:5px verince duzgun
 * gozukuyor" - bkz. table-actions.js'deki AYNI yorum (kok neden: temanin
 * ".square-white" kurali kendisi "display:flex" oldugu icin, ortak bir
 * satir-ici kapsayici olmadan butonlar blok gibi alt alta diziliyordu).
 * Bu kapsayici table-actions.js tarafindan HER cagrida otomatik uretilir -
 * hicbir cagiran dosya (offers/index.script.php vs) degismedi.
 */
.table-actions-inline {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

/*
 * v(kullanici geri bildirimi, ekran goruntusuyle bildirildi): sifre
 * goster/gizle goz ikonu (.show-hide) sadece GIRIS sayfasinda dogru
 * hizalaniyordu. Kok neden - temanin kendi kurali (style.css):
 *   .show-hide { top: 52px }                          <- varsayilan, SABIT piksel
 *   .login-card .login-main .theme-form .show-hide { top: 50% }  <- SADECE giris sayfasinda
 * Bizim diger sifre alanlarimiz (kullanici olusturma/duzenleme, profil,
 * ayarlar, portal hesap ekranlari vs) bu ".login-card .login-main
 * .theme-form" ata zincirine sahip degil, bu yuzden sabit "top:52px"
 * kullaniliyordu - standart yukseklikteki (~38-40px) bir .form-control
 * icin bu deger ikonu inputun COK altina (kullanicinin ekran
 * goruntusunde gorulen, sonraki elemana/butona yakin bir konuma)
 * dusuruyordu. Asagidaki kural TUM ".form-input.position-relative"
 * kapsayicilarinda (bkz. app/Views/*/pages/**/*.php'deki pwd-toggle-input
 * deseni - login sayfalari DAHIL, ayni sonucu verir) ikonu HER ZAMAN
 * dikeyde ortalar; yukaridaki login'e ozel kural hala calisir ama artik
 * gereksiz (ayni degeri uretiyor), DOKUNULMADI/silinmedi.
 */
.form-input.position-relative .show-hide {
  top: 50% !important;
}