@charset "UTF-8";
/* ===========================================================================
 *  tansalmarine.com KLASİK — kamber uyum eki
 *
 *  ⚠ BU DOSYA ESKİ CSS'LERİ DEĞİŞTİRMEZ. `reset.css`, `style.css`,
 *  `flexslider_1.css`, `jquery.selectbox.css` ve `contact.css` 2013
 *  sürümünün KENDİSİDİR; onlara dokunulmadı ki tasarım birebir kalsın.
 *  Burada yalnızca "eski görünümü koruyabilmek için" gereken birkaç kural
 *  var ve her birinin gerekçesi yazılı.
 *
 *  @author    Sezai ÇETİN <sezai@3xcode.com>
 *  @copyright 2026
 *  @license   Private License
 * ======================================================================== */


/* ---------------------------------------------------------------------------
 *  1) ANA SAYFA KAPAK BANDININ ORANI
 * ---------------------------------------------------------------------------
 *  Eski sitede beş kapak görseli SABİT dosyalardı ve hepsi 1768×500 idi
 *  (oran 3,54:1 — ince bir bant). `flexslider_1.css` yalnız
 *  `width:100%; display:block` diyor, yüksekliği görselin oranı belirliyor.
 *
 *  Artık kapak panelden yönetiliyor ve oradan gelen fotoğraflar 3:2 ya da
 *  4:3 (ör. 2400×1600). Hiçbir kural konmazsa bant ÜÇ KAT uzuyor, menü ile
 *  içerik arası açılıyor ve tasarım bozuluyor (yerel testte ekran
 *  görüntüsüyle görüldü).
 *
 *  Çözüm: bant eski oranına sabitleniyor, görsel ortadan kırpılıyor.
 *  ⚠ Yalnız ANA SAYFA bandına uygulanır (`.flexslider-ana`); iç sayfaların
 *  banner'ı `slider3.jpg` zaten 1400×318 sabit bir görsel ve kendi oranında
 *  kalmalı.
 * ------------------------------------------------------------------------- */

.flexslider-ana .slides img {
	aspect-ratio: 1768 / 500;
	object-fit: cover;
	object-position: center;
}

/* aspect-ratio desteklemeyen eski tarayıcılar için yedek: en azından bant
   kontrolsüz uzamasın */
@supports not (aspect-ratio: 1 / 1) {
	.flexslider-ana .slides img { max-height: 500px; }
}


/* ---------------------------------------------------------------------------
 *  2) FORM MESAJ KUTUSU
 * ---------------------------------------------------------------------------
 *  Eski formlar sayfayı yeniden yükleyip hatayı `<div class='error'>` ile
 *  formun üstünde gösteriyordu. Gönderim artık AJAX; mesaj AYNI YERDE,
 *  aynı renklerle çıkıyor (assets/js/form.js). `contact.css` içindeki
 *  `.error`/`.ok` kuralları korunduğu için burada yalnız kutunun boşluğu
 *  tanımlanıyor.
 * ------------------------------------------------------------------------- */

.form-mesaj { margin-bottom: 10px; }
.form-mesaj:empty { display: none; }


/* ---------------------------------------------------------------------------
 *  3) ÜRETİCİ İMZASI
 * ---------------------------------------------------------------------------
 *  Eski alt bölümde eski ajansın logosu vardı (`.ulker`, 79×14 px). Yerine
 *  3XCode standardı `common::sign()` geliyor; çekirdek `<span id="ucxfooter">`
 *  basıyor. Logo 60×25 px yayınlanıyor, BÜYÜTÜLMEZ (bulanıklaşır).
 * ------------------------------------------------------------------------- */

#footer .right { float: right; }
#ucxfooter img { width: 60px; height: 25px; margin-top: 3px; opacity: .8; }
#ucxfooter img:hover { opacity: 1; }