/* ÜRETİLMİŞ DOSYA — elle düzenlenmez.
 * Kaynak: src/designs/13-dip/section.css
 *
 * Her bildirime `!important` eklendi. Sebep:
 * florax teması `.post-entry h2 { font-size: 36px !important }` gibi
 * kurallar taşıyor ve `!important` özgüllüğü dinlemiyor. Ayrıntı:
 * scripts/gs-important.mjs başlığı ve assets/base.css.
 */
/* ─── 13-dip · FOOTER ─────────────────────────────────────────────────────────
 *
 * Palet ortak koyu paletten (`--gs-koyu-*`, base.css); bu dosyada çıplak hex
 * YOKTUR. Boşluklar `--gs-bo-1…6` / `--gs-ritim` ölçeğinden (Ö-106); ölçeğe
 * girmeyen değerler BİLEŞENİN KENDİ ÖLÇÜSÜDÜR ve yorumla işaretlidir.
 *
 * ⚠️ `!important` YAZILMAZ — köprü ekler (Ö-014).
 * ⚠️ Footer'ın hareketi YOKTUR: `motion.ts` dosyası da yok. Sayfanın tek
 *    gösterisi hattır; dip sessiz kalır (DESIGN.md §6).
 */

.gs-13-dip {
    --dp-metin: var(--gs-koyu-metin);
    --dp-ikincil: var(--gs-koyu-ikincil);
    --dp-silik: var(--gs-koyu-silik);
    --dp-hat: var(--gs-koyu-hat);
    --dp-aralik: 0.14em;

    font-family: var(--gs-font) !important;
    color: var(--dp-ikincil) !important;
}

.gs-13-dip .dp {
    background-color: var(--gs-koyu-zemin) !important;
    /* Galvaniz zemin: iki eğik tarama. Görsel dosya yok — `10-aks-hatti`nin
     * zeminiyle aynı malzeme, çünkü footer onun devamıdır. */
    background-image:
        linear-gradient(180deg, rgb(255 255 255 / 0.022), transparent 40%),
        repeating-linear-gradient(72deg, rgb(255 255 255 / 0.014) 0 2px, rgb(0 0 0 / 0.02) 2px 5px),
        repeating-linear-gradient(-18deg, rgb(255 255 255 / 0.01) 0 3px, rgb(0 0 0 / 0.014) 3px 7px) !important;
    border-top: 1px solid var(--dp-hat) !important;
}

.gs-13-dip .dp-sinir {
    max-width: var(--gs-container) !important;
    margin-inline: auto !important;
    padding-inline: var(--gs-gutter) !important;
}

.gs-13-dip .dp-ic {
    display: grid !important;
    gap: var(--gs-ritim) !important;
    padding-block: var(--gs-ritim) !important;
}

.gs-13-dip .dp-logo {
    width: auto !important;
    height: 4.5rem !important;   /* bileşenin kendi ölçüsü — tam kilidin optik yüksekliği */
}

.gs-13-dip .dp-slogan {
    max-width: 22ch !important;
    margin-top: var(--gs-bo-4) !important;
    font-size: var(--gs-fs-5) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.012em !important;
    color: var(--dp-metin) !important;
}

.gs-13-dip .dp-rol {
    margin-top: var(--gs-bo-2) !important;
    font-size: var(--gs-fs-2) !important;
    letter-spacing: 0.04em !important;
    color: var(--dp-silik) !important;
}

.gs-13-dip .dp-baslik {
    margin-bottom: var(--gs-bo-4) !important;
    font-size: var(--gs-fs-1) !important;
    font-weight: 800 !important;
    letter-spacing: var(--dp-aralik) !important;
    text-transform: uppercase !important;
    color: var(--dp-silik) !important;
}

/* Aralık `--gs-bo-1` (4px): bağlantıların kendi kutusu 24 px'e çıkıyor, yani
 * her satır büyüyor. Aralık geniş kalsaydı sütun on satırda ~60 px uzardı;
 * kazanılan yer metnin ÇEVRESİNE, dokunma alanına gidiyor (Ö-088). */
.gs-13-dip .dp-liste {
    display: grid !important;
    gap: var(--gs-bo-1) !important;
    font-size: var(--gs-fs-3) !important;
}

.gs-13-dip .dp-liste a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--gs-hedef) !important;
    color: var(--dp-ikincil) !important;
}

.gs-13-dip .dp-liste a:hover {
    color: var(--dp-metin) !important;
}

.gs-13-dip .dp-iletisim {
    font-variant-numeric: tabular-nums !important;
}

/* ── DÜĞME — DESIGN.md §5 ⑤ · sözleşme header'ınkiyle aynı, sınıf değil ──── */
.gs-13-dip .dp-dugme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: var(--gs-hedef) !important;
    margin-top: var(--gs-bo-5) !important;
    padding: 0.62rem 1.05rem !important;   /* bileşenin kendi ölçüsü (DESIGN.md §5 ⑤) */
    background: var(--gs-primary) !important;
    font-size: var(--gs-fs-3) !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    color: var(--gs-white) !important;
    transition: background-color 0.25s ease !important;
}

.gs-13-dip .dp-dugme:hover {
    background: var(--gs-koyu-metin) !important;
    color: var(--gs-koyu-zemin) !important;
}

.gs-13-dip .dp-adres dt {
    font-size: var(--gs-fs-1) !important;
    font-weight: 700 !important;
    letter-spacing: var(--dp-aralik) !important;
    text-transform: uppercase !important;
    color: var(--dp-silik) !important;
}

.gs-13-dip .dp-adres dd {
    max-width: 34ch !important;
    margin-block: var(--gs-bo-1) var(--gs-bo-4) !important;
    font-size: var(--gs-fs-3) !important;
    line-height: 1.6 !important;
    color: var(--dp-ikincil) !important;
}

/* Fabrikanın telefonu adresin ALTINDA, aynı `dt`ye bağlı ikinci `dd` (HTML'de
 * bir `dt` birden çok `dd` alır). Adres `dd`sinin alt boşluğunu devralmasın
 * diye üstteki sıfırlanır — ikisi tek bir blok okunur. */
.gs-13-dip .dp-adres dd.dp-adres-tel {
    margin-block-start: calc(var(--gs-bo-1) * -1) !important;
}

.gs-13-dip .dp-son {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--gs-bo-2) var(--gs-bo-5) !important;
    padding-block: var(--gs-bo-4) !important;
    border-top: 1px solid var(--dp-hat) !important;
    font-size: var(--gs-fs-2) !important;
    color: var(--dp-silik) !important;
}

.gs-13-dip .dp-yasal {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--gs-bo-2) var(--gs-bo-5) !important;
}

.gs-13-dip .dp-yasal a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: var(--gs-hedef) !important;
}

.gs-13-dip .dp-yasal a:hover {
    color: var(--dp-metin) !important;
}

/* ── ODAK HALKASI ─────────────────────────────────────────────────────────
 * Koyu zeminde halka AÇIK olmak ZORUNDA. `base.css`in varsayılanı
 * `--gs-primary`dir (#B40404) ve bu zeminde **2.36:1** — görünmez
 * (DESIGN.md §3). Ölçüldü ve düzeltildi: F3.3 turunda `13-dip`in dört durağı
 * kırmızı halka taşıyordu.
 * `--gs-koyu-metin` aynı zeminde **13.73:1**. */
.gs-13-dip :focus-visible {
    outline: 2px solid var(--dp-metin) !important;
    outline-offset: 3px !important;
}

@media (min-width: 768px) {
    .gs-13-dip .dp-ic {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1025px) {
    .gs-13-dip .dp-ic {
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.8fr) minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
    }
}