/* ==========================================================================
   Atelye Deniz — site alt bilgisi (ad alanı: .atd-alt-*)
   ==========================================================================

   Kaynak: `.tmp_mobelluks/SiteFooter.dc.html`. Prototipteki satır içi stiller
   BİREBİR taşındı (K2); hiçbir değer yuvarlanmadı, sadeleştirilmedi.

   Prototipte duyarlılık JS ile (`window.innerWidth`) kuruluyordu; burada
   @media kuralına çevrildi (K5):
     w < 1080  →  @media (max-width: 1079px)
     w < 700   →  @media (max-width: 699px)

   Renk karşılıkları (`temel.css` :root — K3):
     --atd-gece       #101E44   alt bilgi zemini
     --atd-ac-mavi    #B9C6E4   gövde metni ve bağlantı rengi
     --atd-beyaz      #FFFFFF   sütun başlıkları, vurgulu bağlantılar
     --atd-ac-mavi-2  #9FB4E4   iletişim ikonları
     --atd-ac-mavi-4  #7E92C4   küçük etiketler ve alt şerit
   `rgba()` değerleri prototipteki gibi düz yazıldı (K3).
   ========================================================================== */


/* --------------------------------------------------------------------------
   1) Kök — prototip: <footer style="background:#101E44;color:#B9C6E4;
      font-family:'Manrope',sans-serif">
   -------------------------------------------------------------------------- */
.atd-alt {
	background: var(--atd-gece);
	color: var(--atd-ac-mavi);
	font-family: 'Manrope', sans-serif;
}


/* --------------------------------------------------------------------------
   2) Izgara — prototip `gridStyle` (renderVals, satır 67-70)
   Geniş ekran sütunları: 1.5fr 0.7fr 1.25fr 1.55fr
   -------------------------------------------------------------------------- */
.atd-alt-kap {
	display: grid;
	gap: 36px 40px;
	padding: 64px 5% 48px;
	grid-template-columns: 1.5fr 0.7fr 1.25fr 1.55fr;
}


/* --------------------------------------------------------------------------
   3) Birinci sütun — marka
   -------------------------------------------------------------------------- */
.atd-alt-logo {
	width: min(320px, 100%);
	height: auto;
	display: block;
	filter: brightness(0) invert(1);
}

.atd-alt-ozet {
	font-size: 14px;
	line-height: 1.75;
	margin: 18px 0 0;
	max-width: 340px;
}


/* --------------------------------------------------------------------------
   4) Sütun başlıkları
   Prototipte <div>; burada <h2>. `margin-top: 0` yalnız tarayıcı varsayılanını
   sıfırlar — prototipte başlığın üstünde boşluk yoktur.
   -------------------------------------------------------------------------- */
.atd-alt-baslik {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: var(--atd-beyaz);
	margin: 0 0 18px;
}


/* --------------------------------------------------------------------------
   5) Hızlı erişim ve hizmet listeleri
   Prototipte <div style="display:grid;…"> içinde çıplak <a> vardı; burada
   <ul>/<li> kullanıldı, `margin/padding/list-style` yalnız tarayıcı
   varsayılanını sıfırlar.
   -------------------------------------------------------------------------- */
.atd-alt-liste {
	display: grid;
	gap: 10px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.atd-alt-hizmetler {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px 20px;
	font-size: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.atd-alt-liste a,
.atd-alt-hizmetler a {
	color: var(--atd-ac-mavi);
}

/* prototip: style-hover="color:#FFFFFF" */
.atd-alt-liste a:hover,
.atd-alt-hizmetler a:hover {
	color: var(--atd-beyaz);
}


/* --------------------------------------------------------------------------
   6) İletişim bloğu
   -------------------------------------------------------------------------- */
.atd-alt-iletisim {
	display: grid;
	gap: 14px;
	font-size: 14px;
	line-height: 1.6;
}

.atd-alt-satir {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}

/* İkon kutusu. Yazı tipi ailesi `.atd-ms` (temel.css) tarafından verilir. */
.atd-alt-ikon {
	width: 36px;
	height: 36px;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.09);
	border-radius: 8px;
	font-size: 19px;
	color: var(--atd-ac-mavi-2);
}

/* "Cep" satırındaki küçük telefon ikonu (satır içi). */
.atd-alt-ikon-mini {
	font-size: 15px;
	vertical-align: -3px;
	margin-right: 6px;
}

/* Adres. Panelin `adres` alanı çok satırlı olarak tanımlıdır ve temizleyicisi
   satır sonlarını bilerek korur; `pre-line` olmadan girilen biçim ekranda
   sessizce tek satıra düşerdi. Prototipin tek satırlık metninde görsel etki YOK. */
.atd-alt-adres {
	white-space: pre-line;
}

.atd-alt-etiket {
	color: var(--atd-ac-mavi-4);
	font-size: 12px;
	letter-spacing: 1px;
	display: block;
}

/* --------------------------------------------------------------------------
   Sabit renkli bağlantılar.
   Prototipte bu bağlantıların rengi satır içi yazılıdır; satır içi stil
   `a:hover { color:#16295A }` kuralını da ezer, yani üzerine gelince renk
   DEĞİŞMEZ. Aynı davranışı korumak için her birine :hover eşi yazıldı —
   aksi hâlde koyu zeminde bağlantı okunmaz hâle gelirdi.
   -------------------------------------------------------------------------- */
.atd-alt-eposta {
	color: var(--atd-beyaz);
	font-weight: 600;
}

.atd-alt-eposta:hover {
	color: var(--atd-beyaz);
}

.atd-alt-tel {
	color: var(--atd-beyaz);
	font-weight: 700;
	font-size: 17px;
}

.atd-alt-tel:hover {
	color: var(--atd-beyaz);
}

.atd-alt-tel-satir {
	margin-top: 3px;
}

/* BİLİNÇLİ SAPMA (site sahibi isteği): ikinci sabit hat, birinci numarayla
   ("0216 466 46 08" → `.atd-alt-tel`) AYNI TONA eşitlendi.
   Prototipteki eski değerler: `color: var(--atd-ac-mavi)` (yani #B9C6E4),
   `font-weight: 600`, `font-size: 14px`. Yeni değerler `.atd-alt-tel`ten birebir
   kopyalanmıştır — uydurma değer yok.
   Kontrast (K20.1): #FFFFFF üstünde alt bilgi zemini #101E44 → 16.27:1 (AA/AAA geçer;
   eski #B9C6E4 9.50:1 idi, bu değişiklik kontrastı yükseltir). */
.atd-alt-tel-proje {
	color: var(--atd-beyaz);
	font-weight: 700;
	font-size: 17px;
}

.atd-alt-tel-proje:hover {
	color: var(--atd-beyaz);
}

.atd-alt-tel-cep {
	color: var(--atd-beyaz);
	font-weight: 600;
	font-size: 14px;
}

.atd-alt-tel-cep:hover {
	color: var(--atd-beyaz);
}


/* --------------------------------------------------------------------------
   7) Alt şerit
   -------------------------------------------------------------------------- */
.atd-alt-serit {
	border-top: 1px solid rgba(255,255,255,0.12);
	padding: 18px 5%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 13px;
	color: var(--atd-ac-mavi-4);
}


/* --------------------------------------------------------------------------
   8) Kırılımlar (K5) — prototipteki `gridTemplateColumns` üçlemesi
   -------------------------------------------------------------------------- */

/* w < 1080 */
@media (max-width: 1079px) {
	.atd-alt-kap {
		grid-template-columns: 1fr 1fr;
	}
}

/* w < 700 */
@media (max-width: 699px) {
	.atd-alt-kap {
		grid-template-columns: 1fr;
	}
}