/* ==========================================================================
   Global Footer — Sprint 07
   XD kaynağı: 4 masaüstü artboard'ın (Anasayfa, Blog Liste, Blog Detay,
   404) hepsinde birebir aynı ortak bileşen (bkz. references/discovery/
   04-page-and-component-map.md, madde 2 — "Footer | 4/4").

   Panel (Rectangle 658 + industrial-worker-standing-large-factory...
   arka plan görseli): x=50,y=4927 (Anasayfa'da), 1820×490, r=30, fill
   #0E3975. Arka plan fotoğrafı XD'de %5 opaklıkla ÜSTTE boyanmış (%95
   lacivert + %5 fotoğraf karışımı). Bu proje bunu matematiksel olarak
   eşdeğer, önerilen mimariye daha uygun bir yöntemle uyguluyor: fotoğraf
   tam opaklıkta ALTTA, üzerinde rgba(14,57,117,0.95) sabit renkli bir
   overlay katmanı (== aynı %95/%5 karışım oranı). `filter`/
   `backdrop-filter`/blur/`background-attachment:fixed`/100vw pseudo-
   element YOK; gerçek `<img>` + `object-fit:cover`, panel kendi
   `overflow:hidden`'ı ile köşeleri kırpıyor.

   İç içerik (content) alanı sitenin standart 1410px container sistemini
   kullanıyor (panel 1820 geniş olsa da, panel içindeki 3 kolonlu içerik
   grid'i 205px eşit iç boşlukla 1410px'e oturuyor — 1820-2×205=1410,
   sitenin her yerinde kullanılan --abn-container-width ile birebir
   aynı). Kolon başlangıç X'leri (marka 205, menü 1045, iletişim 1285)
   üzerinden hesaplanan kolon genişlikleri: 840 / 240 / 330 (toplam 1410).

   Alt satır (copyright + powered by) panelin DIŞINDA, sayfanın normal
   beyaz zemininde, yine aynı 1410px container ile hizalı (copyright
   x=255 = sitenin genel 255px kenar marjı ile birebir aynı). Panel
   altı → alt satır boşluğu XD'de 55px (5417→5472).
   ========================================================================== */

.site-footer {
	position: relative;
	margin-top: calc(100px * var(--abn-scale));
}

.site-footer__panel {
	position: relative;
	overflow: hidden;
	max-width: calc(1820px * var(--abn-scale));
	margin: 0 auto;
	border-radius: calc(30px * var(--abn-scale));
	background-color: var(--abn-color-primary);
}

.site-footer__background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* XD'nin %5 opaklıklı fotoğraf + opak lacivert zemin karışımıyla
   matematiksel olarak eşdeğer: %95 opak overlay. Erişilebilirlik
   ağacına içerik eklemez (dekoratif, aria-hidden). */
.site-footer__overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(14, 57, 117, 0.95);
}

.site-footer__content {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: calc(840px * var(--abn-scale)) calc(240px * var(--abn-scale)) calc(330px * var(--abn-scale));
	max-width: calc(1410px * var(--abn-scale));
	margin: 0 auto;
	padding: calc(64px * var(--abn-scale)) 0;
}

.site-footer__brand,
.site-footer__navigation,
.site-footer__contact,
.site-footer__heading,
.site-footer__description,
.site-footer__menu,
.site-footer__contact-item {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Copyright/"Powered by" antialiased/grayscale smoothing GRUBUNA
   kasıtlı olarak dahil edilmedi — bu ikisi zaten regular (400) ağırlık
   ve küçük punto; antialiased/grayscale smoothing bu kombinasyonda
   metni referans tasarıma göre daha "kalın" gösteriyordu (yalnız kalın
   fallback ağırlıkları incelten headings için gerekliydi). Tarayıcının
   kendi varsayılan (subpixel) render'ı burada referansla daha tutarlı. */
.site-footer__copyright,
.site-footer__powered-label {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* ---------- Marka sütunu ---------- */

.site-footer__logo {
	display: block;
	width: calc(493px * var(--abn-scale));
	height: auto;
}

.site-footer__description {
	margin: calc(30px * var(--abn-scale)) 0 0;
	max-width: calc(690px * var(--abn-scale));
	font-size: calc(16px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.6;
	color: #ffffff;
}

/* XD kaynağı: "Line 5", x=205.5 (kolona göre), width=690, stroke #FFFFFF
   1px — açıklama ile sosyal ikonlar arasındaki ayraç. Genişlik/kalınlık/
   renk korunuyor; Revizyon 01 — kullanıcı isteğiyle yalnızca üst/alt
   boşluk ~28px'e çıkarıldı (`margin-block`, ayracın kendisi kaymadı). */
.site-footer__divider {
	width: calc(690px * var(--abn-scale));
	height: 1px;
	margin-block: calc(28px * var(--abn-scale));
	margin-inline: 0;
	background-color: rgba(255, 255, 255, 0.3);
	border: none;
}

.site-footer__social {
	display: flex;
	align-items: center;
	gap: calc(16px * var(--abn-scale));
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__social-item {
	margin: 0;
}

.site-footer__social-link {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(40px * var(--abn-scale));
	height: calc(40px * var(--abn-scale));
	padding: calc(8px * var(--abn-scale));
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	color: #ffffff;
	transition: background-color 280ms ease, border-color 280ms ease, color 280ms ease;
}

/* Revizyon 01 — kullanıcı isteğiyle daha belirgin hover/focus: dolgu ve
   kenarlık beyaza, ikon lacivertle döner. Ölçü/konum/border kalınlığı
   değişmiyor (normal durumda da aynı 1px border zaten mevcuttu). */
.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
	background-color: #ffffff;
	border-color: #ffffff;
	color: var(--abn-color-primary);
}

.site-footer__social-link:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 3px;
}

.site-footer__social-link svg {
	display: block;
	width: 100%;
	height: 100%;
}

/* ---------- Menü ve İletişim sütun başlığı (paylaşılan) ---------- */

.site-footer__heading {
	margin: 0 0 calc(24px * var(--abn-scale));
	font-size: calc(24px * var(--abn-scale));
	font-weight: 700;
	line-height: 1.3;
	color: #ffffff;
}

/* Revizyon 03 — Menü/İletişim artık native <details>/<summary> içinde
   (bkz. footer.php). Bu kural HER genişlikte geçerlidir: tarayıcının
   varsayılan üçgen işaretini/liste noktasını kaldırır. 769px ve
   üzerinde JS her zaman `open` tutar (bkz. footer-accordion.js) ve
   `.site-footer__mobile-chevron` yalnızca ≤768'de (aşağıda) görünür
   kılınır — bu yüzden masaüstünde `<details>` görsel olarak eski düz
   yapıdan (h2 + içerik) ayırt edilemez; `.site-footer__heading`'in
   kendi margin/font kuralı DEĞİŞMEDİ. */
.site-footer__mobile-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	list-style: none;
	cursor: default;
}

.site-footer__mobile-summary::-webkit-details-marker,
.site-footer__mobile-summary::marker {
	display: none;
}

.site-footer__mobile-summary .site-footer__heading {
	margin: 0 0 calc(24px * var(--abn-scale));
}

.site-footer__mobile-chevron {
	display: none;
	flex-shrink: 0;
}

/* ---------- Menü sütunu ---------- */

.site-footer__menu {
	display: flex;
	flex-direction: column;
	gap: calc(16px * var(--abn-scale));
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__menu a {
	font-size: calc(16px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.4;
	color: #ffffff;
	text-decoration: none;
	transition: opacity 200ms ease;
}

.site-footer__menu a:hover,
.site-footer__menu a:focus-visible {
	opacity: 0.75;
}

.site-footer__menu a:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

/* ---------- İletişim sütunu ---------- */

.site-footer__address {
	display: flex;
	flex-direction: column;
	gap: calc(16px * var(--abn-scale));
	font-style: normal;
}

.site-footer__contact-item {
	display: flex;
	flex-direction: column;
	gap: calc(4px * var(--abn-scale));
	margin: 0;
}

.site-footer__contact-label {
	font-size: calc(16px * var(--abn-scale));
	font-weight: 600;
	line-height: 1.4;
	color: #ffffff;
}

.site-footer__contact-value {
	font-size: calc(16px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.5;
	color: #ffffff;
	text-decoration: none;
}

a.site-footer__contact-value:hover,
a.site-footer__contact-value:focus-visible {
	opacity: 0.75;
}

a.site-footer__contact-value:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 2px;
}

/* ---------- Alt satır (panel dışı, sayfa normal beyaz zemininde) ----------
   Revizyon 03 — kullanıcının gönderdiği tasarım referansına göre: alt
   satır sitenin standart 1410px içerik container'ı (--abn-container-width)
   ile hizalı — panelin kendi 1820px dış genişliği DEĞİL. Sol kenar
   panelin iç dolgusuyla aynı 255px kenar boşluğunda başlıyor (referans
   görüntüde copyright panelin sol köşesine değil, iç içerik hizasına
   yaslanıyor). */

.site-footer__bottom {
	margin-top: calc(32px * var(--abn-scale));
}

/* Masaüstü: copyright sol / "Powered by" sağ, AYNI satırda (kullanıcı
   kararı — bu düzen yalnızca ≤480px mobilde değiştirilecekti, masaüstünde
   DEĞİŞMEDİ; bkz. aşağıdaki ≤480px bloğu, tek satırdan dikey+ortalı
   düzene orada geçilir). */
.site-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: calc(16px * var(--abn-scale));
	max-width: var(--abn-container-width);
	margin: 0 auto;
	padding-bottom: calc(28px * var(--abn-scale));
}

/* Copyright ve "Powered by" etiketi ORTAK bir tipografi grubu paylaşıyor:
   aynı font-family/font-size/font-weight:400/line-height/renk. Revizyon
   02'de renk XD'nin literal siyahından (#000000), kullanıcının istediği
   ferah/kurumsal açık gri tona (#707070) güncellendi — panelin koyu
   lacivertinden ayrışan, sayfanın beyaz zemininde rahat okunan bir ton. */
.site-footer__copyright,
.site-footer__powered-label {
	margin: 0;
	font-size: calc(14px * var(--abn-scale));
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: normal;
	color: #707070;
	white-space: nowrap;
}

.site-footer__copyright {
	/* "Montserrat" kasıtlı olarak yığından çıkarıldı: bu makinede yalnızca
	   tek bir statik "Montserrat ExtraBold" dosyası kurulu (Regular/400
	   ağırlığı yok) — tarayıcı `font-weight:400` istese de eldeki tek
	   dosyayı (ExtraBold) kullanıyor ve metin referansla tutarsız biçimde
	   kalın görünüyordu. Sistem fontu yığını her ağırlığı doğru render
	   ediyor. */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

.site-footer__powered {
	display: inline-flex;
	align-items: center;
	gap: calc(10px * var(--abn-scale));
}

.site-footer__powered-label {
	/* "Montserrat" kasıtlı olarak yığından çıkarıldı: bu makinede yalnızca
	   tek bir statik "Montserrat ExtraBold" dosyası kurulu (Regular/400
	   ağırlığı yok) — tarayıcı `font-weight:400` istese de eldeki tek
	   dosyayı (ExtraBold) kullanıyor ve metin referansla tutarsız biçimde
	   kalın görünüyordu. Sistem fontu yığını her ağırlığı doğru render
	   ediyor. */
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

/* Yalnız logo linkli — "Powered by" metni link değil. Logo oranı
   (203×64 kaynak, ~3.17:1) `width:auto` ile korunuyor; Revizyon 02'de
   görünür yükseklik kullanıcı isteğiyle ~32px'e büyütüldü, "Powered by"
   metniyle dikey ortalı. SVG'nin kendi mor (#4D4861) ve sarı (#F5B700)
   renkleri korunuyor — filter ile beyaza çevrilmedi. */
.site-footer__powered-logo-link {
	display: inline-flex;
	align-items: center;
	transition: opacity 280ms ease;
}

.site-footer__powered-logo-link:hover,
.site-footer__powered-logo-link:focus-visible {
	opacity: 0.75;
}

.site-footer__powered-logo-link:focus-visible {
	outline: 2px solid var(--abn-color-primary);
	outline-offset: 3px;
}

.site-footer__powered-logo-link img,
.site-footer__powered-logo {
	display: block;
	width: auto;
	height: calc(32px * var(--abn-scale));
}

/* ==========================================================================
   Responsive — Sprint 08 (Tablet/Mobil)

   Kaynaklarda doğrulanmış tablet/mobil tasarım bulunmamaktadır (bkz.
   references/discovery/09-responsive-and-open-items.md). Yukarıdaki
   masaüstü kurallar bu bölümde DEĞİŞTİRİLMEZ; yalnızca dosyanın SONUNA
   açık @media blokları eklenir. `--abn-gutter` main.css'te tanımlıdır
   (1024/768/480'de değer değiştirir) — footer de sitenin geri kalanıyla
   AYNI responsive grid'e oturur.
   ========================================================================== */

@media (max-width: 1024px) {
	.site-footer {
		margin-top: 64px;
	}

	.site-footer__panel {
		max-width: calc(100% - var(--abn-gutter) * 2);
		border-radius: 20px;
	}

	/* 1024: marka sütunu tam genişlikte ilk satırda, menü+iletişim ikinci
	   satırda yan yana (bkz. sprint-08-report.md, "Footer"). */
	.site-footer__content {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"brand brand"
			"nav contact";
		column-gap: 24px;
		row-gap: 32px;
		max-width: 100%;
		padding: 40px var(--abn-gutter);
	}

	.site-footer__brand {
		grid-area: brand;
	}

	.site-footer__navigation {
		grid-area: nav;
	}

	.site-footer__contact {
		grid-area: contact;
	}

	.site-footer__logo {
		width: 320px;
		max-width: 100%;
	}

	.site-footer__description {
		max-width: 100%;
		font-size: 15px;
	}

	.site-footer__divider {
		width: 100%;
		margin-block: 24px;
	}

	.site-footer__heading {
		font-size: 20px;
	}

	.site-footer__menu a {
		font-size: 15px;
	}

	.site-footer__contact-label,
	.site-footer__contact-value {
		font-size: 15px;
	}

	/* Revizyon 02 — kullanıcı hedefi: sosyal ikon dokunma alanı en az
	   40×40px olmalı. Masaüstü `calc(40px*scale)` 1024px altında hep aynı
	   0.7115 floor'da kilitli kalıp ~28.5px'e düşüyordu — sabit değere
	   çevrildi. */
	.site-footer__social-link {
		width: 40px;
		height: 40px;
		padding: 8px;
	}

	.site-footer__bottom-inner {
		max-width: calc(100% - var(--abn-gutter) * 2);
	}

	.site-footer__copyright,
	.site-footer__powered-label {
		font-size: 13px;
	}

	/* Revizyon 02 — kullanıcı hedefi: Arina Digital logosu görünür
	   yüksekliği ~24-28px olmalı. Masaüstü `calc(32px*scale)` floor'da
	   ~22.8px'e düşüp "aşırı küçülüyor" olarak değerlendirildi. */
	.site-footer__powered-logo-link img,
	.site-footer__powered-logo {
		height: 26px;
	}
}

@media (max-width: 768px) {
	.site-footer {
		margin-top: 48px;
	}

	/* 768 ve altında: tüm sütunlar tek kolon, sıra korunur (marka → menü
	   → iletişim — mevcut DOM sırasıyla zaten aynı, bkz. footer.php). */
	.site-footer__content {
		display: flex;
		flex-direction: column;
		row-gap: 32px;
		padding: 32px var(--abn-gutter);
	}

	.site-footer__logo {
		width: 260px;
	}

	/* Revizyon 03 — kullanıcı kararı: Menü/İletişim 768px ve altında
	   erişilebilir accordion (native <details>/<summary>, footer.php).
	   Marka/açıklama/sosyal bu blokta hiç değişmedi (her zaman açık).
	   CSS çizgileriyle üretilen chevron (emoji/ikon indirme YOK) —
	   `[open]` durumunda yön değiştirir. `position:absolute`/sabit
	   `max-height` kullanılmaz; native <details> doğal blok akışıyla
	   genişler, diğer footer alanlarının üzerine binmez. */
	.site-footer__mobile-summary {
		min-height: 44px;
		padding-block: 12px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		cursor: pointer;
	}

	.site-footer__mobile-summary .site-footer__heading {
		margin: 0;
		font-size: 18px;
	}

	.site-footer__mobile-summary:focus-visible {
		outline: 2px solid #ffffff;
		outline-offset: -2px;
	}

	.site-footer__mobile-chevron {
		display: block;
		width: 9px;
		height: 9px;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		transform: rotate(45deg);
		transition: transform 200ms ease;
	}

	.site-footer__mobile-section[open] > .site-footer__mobile-summary .site-footer__mobile-chevron {
		transform: rotate(-135deg);
	}

	.site-footer__mobile-panel {
		padding-top: 20px;
	}

	/* Canlı QA kararı — kullanıcı test ederken "mobil" derken bu bloğun
	   kendi eşiğini (≤768px, hamburger + accordion'ın zaten aktif olduğu
	   aralık) kastettiğini netleştirdi; önceki tur yanlışlıkla yalnızca
	   ≤480px'e uygulanmıştı (481-768px hâlâ masaüstünün tek satır/
	   sol-sağ düzenini miras alıyordu — kullanıcının gördüğü "hâlâ eski"
	   sorunun kök nedeni buydu). Copyright/Powered by dikey+ortalı düzen
	   artık ≤768'in TAMAMINDA geçerli; ≤480 bloğu (aşağıda) bunu bir daha
	   tekrar etmiyor, yalnızca kendine özgü (daha küçük gap/logo) ince
	   ayarları yapıyor. */
	.site-footer__bottom-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		gap: 16px;
		padding-bottom: 24px;
	}

	.site-footer__copyright {
		display: block;
		width: 100%;
		margin: 0;
		text-align: center;
		white-space: normal;
	}

	.site-footer__powered {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}

	.site-footer__copyright,
	.site-footer__powered-label {
		white-space: normal;
	}
}

@media (max-width: 480px) {
	.site-footer {
		margin-top: 40px;
	}

	.site-footer__panel {
		border-radius: 16px;
	}

	.site-footer__content {
		padding: 24px var(--abn-gutter);
	}

	.site-footer__logo {
		width: 220px;
	}

	/* Revizyon 06 (üstteki ≤768 bloğuna taşındı — bkz. orada) — burada
	   yalnızca `.site-footer__copyright` için `margin:0` tekrar belirtiliyor,
	   düzen/hizalama kuralları artık ≤768'de tek yerde tanımlı, burada
	   TEKRARLANMIYOR. */
	.site-footer__copyright {
		margin: 0;
	}

	.site-footer__powered-logo-link {
		display: inline-flex;
		flex: 0 0 auto;
	}

	.site-footer__powered-logo-link img,
	.site-footer__powered-logo {
		display: block;
		width: auto;
		height: 26px;
		max-width: none;
		flex: 0 0 auto;
	}
}

/* Sosyal ikon hover: yalnızca gerçek fare/hover cihazlarında tetiklenir.
   `:focus-visible` KORUNUR (dokunma+klavye hibrit cihazlarda erişilebilirlik
   için) — yalnızca `:hover` kısmı, focus-visible aktif DEĞİLKEN geri
   alınır; masaüstü `:hover, :focus-visible` kuralı (yukarıda) değiştirilmedi. */
@media (hover: none), (pointer: coarse) {
	.site-footer__social-link:hover:not(:focus-visible) {
		background-color: transparent;
		border-color: rgba(255, 255, 255, 0.4);
		color: #ffffff;
	}
}