/*
 * DA YAPI — TABLO İMZA FORMATI (kurumsal imza, tek doğruluk kaynağı)
 * ===========================================================
 * NEDEN BU DOSYA: Tabloya nereye koyulursa koyulsun (blog yazısı, sayfa, blok)
 * format BURADAN gelir. Yeni bir stil/renk başka yerde uydurulmaz.
 *
 * MAKİNE SÖZLEŞMESİ (md2wp.py bu iki satırı okur; silme/değiştirme):
 *   IMZA-SABLON: <div class="tablo-imza">{TABLO}</div>
 *   IMZA-DIPNOT: <div class="tablo-dipnot">© Da Yapı. All rights reserved. <img src="/wp-content/themes/da-yapi-theme/assets/img/yaprak.png" alt="" class="tablo-dipnot-logo"></div>
 *
 *   IMZA-SABLON içindeki {TABLO} yerine üretilen <table> bloğu gelir;
 *   IMZA-DIPNOT her tablonun DIŞINA, hemen altına eklenir.
 *   Başka site: bu dosyanın kendi kopyasını o sitenin köküne koy, metinleri/logo
 *   yolunu o siteye çevir (IMZA_CSS ortam değişkeniyle yol da verilebilir).
 *
 * NASIL ÇALIŞIR (md2wp.py):
 *   1) Bu dosya var mı diye bakar (varsayılan yol: <site kökü>/styles/table_style.css).
 *   2) VARSA sözleşmeyi okur, tabloyu IMZA-SABLON ile sarar + dipnotu ekler.
 *   3) GÖSTERİM KAPISI: tema bu CSS'i yüklüyor mu? (functions.php içinde
 *      "table_style.css" aranır.) Yüklemiyorsa SARMaz ve ⚠ verir —
 *      yoksa tablo canlıda bozuk görünür. Önce temaya bağlanır, sonra üretilir.
 *   4) Yoksa (başka site) tablolar düz üretilir.
 *   Test/kontrol için: IMZA_DURUM=zorla | kapat (varsayılan: otomatik).
 *
 * KURUMSAL DEĞERLER (DESIGN.md + tema style.css → :root):
 *   lacivert #0F2E4B · taş #F4F5F7 · gri-lacivert #4A5A6A · yeşil (yaprak) #228A31
 *   yazı: sistem sans-serif (--font-body) · gövde 16px · başlık 18px · dipnot 12px
 *   köşe yarıçapı 10px (Piri Red'deki büyük radiustan küçük — kullanıcı kararı)
 *
 * SAYFA DÜZENİ: tablo yazı kartının TAM genişliğinde (width:100%); sütunlar
 * mümkün olduğunca eşit dağıtılır (table-layout: fixed); satırlar dönüşümlü
 * beyaz / taş grisi; dipnot sağa yaslı, şeffaf zemin, yazı ortası logo ortası.
 *
 * NOT: Tema bu dosyayı style.css'ten SONRA yüklemeli (eşit özgüllükte son yazan kazanır).
 * ===========================================================
 */

/* --- MARKUP kabuğu: gölge + küçük köşe, taşan içerik kırpılır --- */
.tablo-imza {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(15, 46, 75, 0.12);
	margin: 0 0 4px;
}

.tablo-imza table {
	width: 100%;
	table-layout: fixed;           /* sütunlar eşit dağılır */
	border-collapse: collapse;
	margin: 0;                     /* ⚠ tema .entry-content table'a 16px alt margin verir;
	                                * kabuktaki overflow:hidden bunu İÇERİ hapseder → lacivert
	                                * bandın altında beyaz şerit. Sıfırlanmazsa şerit görünür. */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
}

/* Başlık bandı: DA YAPI LACİVERTİ (beyaz yazı) */
.tablo-imza th {
	background: #0F2E4B;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	padding: 16px;
	text-align: left;
}

.tablo-imza td {
	padding: 16px;
	color: #0F2E4B;
	vertical-align: top;
	overflow-wrap: break-word;
}

/* Satırlar: beyaz / taş grisi dönüşümlü */
.tablo-imza tbody tr:nth-child(odd)  { background: #FFFFFF; }
.tablo-imza tbody tr:nth-child(even) { background: #F4F5F7; }

/* Dipnot: tablonun DIŞINDA, sağa yaslı, şeffaf zemin */
.tablo-dipnot {
	text-align: right;
	font-size: 12px;
	color: #4A5A6A;
	margin: 0 0 24px;
}
.tablo-dipnot .tablo-dipnot-logo {  /* özgüllük: .entry-content img / genel img {display:block} kurallarını ezer */
	display: inline-block;       /* yoksa genel img{display:block} yaprağı satırbaşına, sola düşürür */
	height: 16px;                  /* en-boy oranı korunur (yaprak dikdörtgen) */
	width: auto;
	vertical-align: middle;        /* yazı ortası = logo ortası */
	margin-left: 5px;
}