@charset "UTF-8";
/* ===========================================================================
 *  seakinsaat.com (BİREBİR ARAYÜZ) — düzeltme katmanı
 *
 *  ⚠ NEDEN AYRI DOSYA: `styles.css` eski (2017) tasarımın dosyasıdır ve
 *  BİREBİR korunuyor. Canlıda görülen kusurlar o dosyaya dokunmadan burada
 *  düzeltiliyor; böylece hangi kuralın bizim eklememiz olduğu tek bakışta
 *  belli oluyor ve geri alma tek satır (config/libraries.php'den çıkar).
 *
 *  YÜKLEME SIRASI: config/libraries.php'de EN SON — styles.css ve
 *  mediaquery.css'ten sonra gelmeli ki aynı özgüllükte kazanabilsin.
 *
 *  @author    Sezai ÇETİN <sezai@3xcode.com>
 *  @copyright 2026
 *  @license   Private License
 * ======================================================================== */

/* ---------------------------------------------------------------------------
 *  1. ALT BAR SIKIŞIKLIĞI  (Sezai, 2026-11-01: "footerdaki logonun olduğu
 *     bar sıkışık")
 * ---------------------------------------------------------------------------
 *  ÖLÇÜLEN DURUM (canlı, 1440 px):
 *     footer            → background #333, padding YOK
 *     .bottom-foot      → dikey iç boşluk YOK
 *     .copyright        → padding 12px 0 5px     → sol sütun ~31 px
 *     .by-logo          → padding 10px 0 0 0     → sağ sütun ~35 px
 *     imza görseli      → 60×25 px
 *  Sonuç: bar 35 px yüksekliğinde kalıyor ve ALT BOŞLUK SIFIR olduğu için
 *  logo sayfanın en altına yapışıyor; iki sütun da farklı hizada duruyor.
 *
 *  ÇÖZÜM: bara kendi nefesini ver, iki sütunu dikey ORTALA, görsele ölçü
 *  ver (CLS'i de önler — <img> etiketinde width/height yok, o etiket
 *  çekirdeğin `common::sign()` çıktısı olduğu için oraya dokunulamıyor).
 * ------------------------------------------------------------------------- */
footer .bottom-foot { padding: 18px 0 20px; }

/* Bootstrap 3 ızgarası float tabanlı; satırı flex yapıp iki sütunu aynı
   eksende ortalıyoruz. `float:left` kuralları styles.css'te kaldığı için
   flex bağlamında etkisiz hâle gelir (flex öğesinde float yok sayılır). */
footer .bottom-foot .container > .row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* Sütunların kendi dikey boşluklarını sıfırla: artık ortalama satırda. */
footer .bottom-foot .copyright,
footer .bottom-foot .by-logo { padding-top: 0; padding-bottom: 0; }

footer .bottom-foot .copyright p { line-height: 1.5; }

/* İmza görseli: ölçü + dikey hizalama. CDN'deki dosya 60×26 px; BÜYÜTÜLMEZ,
   büyütülürse bulanıklaşır. */
footer .bottom-foot .by-logo #ucxfooter { display: inline-block; line-height: 0; }
footer .bottom-foot .by-logo #ucxfooter img { width: 60px; height: auto; vertical-align: middle; }

/* ⚠ GRİ SÜZGECİ KALDIRILDI: styles.css imzayı `grayscale(100%)` ile griye
   çeviriyor ve yalnız fare üstüne gelince rengini gösteriyordu. Turuncu-beyaz
   imza (sign('ow')) bu yüzden gri görünüyordu — sitenin vurgu rengiyle
   uyumlu dursun diye süzgeç iptal edildi. */
footer .bottom-foot .by-logo img {
	-webkit-filter: none;
	filter: none;
}

/* Dar ekran: iki sütun alt alta gelir, ortalanır ve aralarında boşluk olur. */
@media (max-width: 767px) {
	footer .bottom-foot { padding: 16px 0 18px; }
	footer .bottom-foot .container > .row { justify-content: center; }
	footer .bottom-foot .copyright p { text-align: center; }
	footer .bottom-foot .by-logo { text-align: center; margin-top: 10px; }
}

/* ---------------------------------------------------------------------------
 *  2. PROJE KARTI BAŞLIĞI — uzun adlar kutudan taşıyor
 * ---------------------------------------------------------------------------
 *  ÖLÇÜLEN DURUM (canlı /projeler, 1440 px):
 *     .h3wrap → height:60px + line-height:60px (SABİT, tek satır varsayıyor)
 *     h3      → font-size:20px, width:100%
 *  Eski sitede proje adları kısaydı ("Proje 1", "Test 2"); taşınan gerçek
 *  adlar uzun ("Dasif İnşaat Gediz Projesi", 25 karakter) ve sabit yükseklikli
 *  kutuya sığmıyor — metin kutunun dışına taşıyor.
 *
 *  ÇÖZÜM: kutu içeriğe göre büyüsün, metin ortalansın, gerekirse ikinci
 *  satıra insin. `min-height` ile kısa adlarda eski görünüm korunur.
 * ------------------------------------------------------------------------- */
section#shortcuts-content.shortcuts-content .shortcut-item .h3wrap {
	height: auto;
	min-height: 60px;
	line-height: 1.3;
	padding: 10px 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}

section#shortcuts-content.shortcuts-content .shortcut-item h3 {
	width: auto;
	max-width: 100%;
	font-size: 18px;
	line-height: 1.3;
	/* uzun tek kelimeler (örn. birleşik proje adı) kutuyu zorlamasın */
	overflow-wrap: anywhere;
}