/* ============================================================
   SAKA HAVACILIK — "ANDURIL GEÇİŞİ" RAFİNE KATMANI (anduril_patch.css)
   style.css'ten SONRA yüklenir; sadece geçersiz kılma (override) içerir.

   Desen -> Anduril gözlemi eşlemesi:
   1. Koyu bölüm + fildişi kart : Anduril ürün sayfaları siyah tuval üzerine
      fildişi/kemik içerik kartları oturtur — sayfa ritmi ışık değil zıtlıkla kurulur.
   2. Sola yaslı başlık + mono üst çizgi : Anduril bölüm başlıkları asla ortalanmaz;
      mono metadata satırı bir hairline cetvel çizgisiyle açılır.
   3. Buton köşe nişangâhı : Anduril/Shield AI CTA'ları köşe braketiyle
      "askeri çerçeve" hissi verir — süs değil, hedefleme işareti.
   4. Kart üst şeridi + hover sol çizgi : Anduril liste kartları sessiz durur,
      etkileşimde tek renkli ince bir vurgu çizgisi belirir.
   5. Footer mono damgası : Anduril alt bilgisi kurum adını geniş harf aralıklı
      mono bir damga satırı olarak tekrarlar.
   6. Tabular rakam + etiket cetveli : Anduril metrikleri tnum ile hizalanır,
      etiket üstünde kısa bir teknik cetvel çizgisi taşır.
   ============================================================ */

/* ------------------------------------------------------------
   1. BÖLÜM RİTMİ — #tech-depth: siyah tuval, fildişi kartlar
   ------------------------------------------------------------ */
body .tech-depth-section {
    background: var(--panel-dark);
    border-top: 1px solid #23262A;
    border-bottom: 1px solid #23262A;
}
body #tech-depth .section-title { color: #E6E7E5; }
body #tech-depth .section-desc { color: #8A9098; }
body #tech-depth .section-tag { color: #9BA0A6; }
body #tech-depth .section-tag::after { background: rgba(230, 231, 229, .35); }

/* Hayalet bölüm numarası ('03') koyu zeminde görünür kalsın */
body #tech-depth.section-padding::before {
    -webkit-text-stroke: 1px rgba(230, 231, 229, .08);
}

/* Fildişi kartlar — Anduril'in "siyah tuval + fildişi kart" deseni */
body #tech-depth .rd-card {
    background: #EFEEE9;
    border: 1px solid rgba(230, 231, 229, .12);
}
body #tech-depth .rd-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 24px 48px -16px rgba(0, 0, 0, .5);
}
body #tech-depth .rd-card h3 { color: var(--ink); }
body #tech-depth .rd-card p { color: var(--ink-2); }
body #tech-depth .rd-card-icon { opacity: .55; }

/* ------------------------------------------------------------
   2. MONO METADATA SATIRI — sola yaslı editoryal başlık düzeni
   ------------------------------------------------------------ */
body .section-header,
body .section-header.text-center {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}
body .section-tag {
    display: block;
    position: relative;
    letter-spacing: .22em;
    padding-top: 12px;
}
body .section-tag::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 1px;
    background: var(--ink-2);
}

/* ------------------------------------------------------------
   3. BUTON KÖŞE NİŞANGÂHI — .btn-primary ve .btn-tile
   ------------------------------------------------------------ */
body .btn-primary,
body .btn-tile {
    position: relative;
}
body .btn-tile { position: absolute; } /* .btn-tile zaten absolute yerleşimli */

body .btn-primary::before,
body .btn-tile::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid var(--ink-3);
    border-left: 1px solid var(--ink-3);
    transition: border-color .2s ease;
    pointer-events: none;
}
body .btn-primary::after,
body .btn-tile::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -5px;
    width: 6px;
    height: 6px;
    border-bottom: 1px solid var(--ink-3);
    border-right: 1px solid var(--ink-3);
    transition: border-color .2s ease;
    pointer-events: none;
}
body .btn-primary:hover::before,
body .btn-tile:hover::before {
    border-top-color: var(--color-accent);
    border-left-color: var(--color-accent);
}
body .btn-primary:hover::after,
body .btn-tile:hover::after {
    border-bottom-color: var(--color-accent);
    border-right-color: var(--color-accent);
}

/* ------------------------------------------------------------
   4. KART KOD SATIRI HİSSİ — .job-card ve .contact-detail-item
   ------------------------------------------------------------ */
body .job-card,
body .contact-detail-item {
    position: relative;
    border-top: 1px solid var(--ink-2);
}
body .job-card::before,
body .contact-detail-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background: var(--color-accent);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .25s ease;
    pointer-events: none;
}
body .job-card:hover::before,
body .contact-detail-item:hover::before {
    transform: scaleY(1);
}

/* ------------------------------------------------------------
   5. FOOTER MONO DAMGASI — .cyber-footer üst satırı
   ------------------------------------------------------------ */
body .cyber-footer::before {
    content: 'SAKA HAVACILIK';
    display: block;
    max-width: 1200px;
    margin: 0 auto 44px;
    padding: 0 32px 18px;
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .42em;
    text-transform: uppercase;
    color: #6E747B;
    border-bottom: 1px solid #23262A;
}

/* ------------------------------------------------------------
   6. İSTATİSTİK RAFİNESİ — tnum rakamlar, etiket cetveli
   ------------------------------------------------------------ */
body .stat-card .stat-num {
    font-feature-settings: 'tnum' 1;
    font-variant-numeric: tabular-nums;
}
body .stat-card .stat-label::before {
    content: '';
    display: block;
    width: 28px;
    height: 1px;
    background: var(--ink-2);
    margin-bottom: 8px;
}

/* ------------------------------------------------------------
   7. DUYARLILIK — 768px altı davranışlar
   ------------------------------------------------------------ */
@media (max-width: 768px) {
    /* 1: koyu bölümde kartlar tek kolon (style.css halleder), boşluğu sıkılaştır */
    body #tech-depth .rd-card { padding: 22px 20px; }

    /* 2: sola yaslı başlık mobilde de korunur; çizgi ve aralık kısılır */
    body .section-tag { letter-spacing: .16em; padding-top: 10px; }
    body .section-tag::after { width: 32px; }
    body .section-header { margin-bottom: 40px; }

    /* 3: nişangâh köşeleri dar ekranda butona yapışır (taşma önlenir) */
    body .btn-primary::before, body .btn-tile::before { top: -3px; left: -3px; }
    body .btn-primary::after, body .btn-tile::after { bottom: -3px; right: -3px; }

    /* 4: dokunmatikte hover yok — sol vurgu çizgisi kalıcı ama yarım tonda */
    body .job-card::before,
    body .contact-detail-item::before {
        transform: scaleY(1);
        opacity: .45;
    }

    /* 5: footer damgası dar ekranda daha sıkı aralıkla */
    body .cyber-footer::before {
        letter-spacing: .28em;
        margin-bottom: 32px;
        padding: 0 24px 14px;
    }

    /* 6: etiket cetveli mobilde kısalır */
    body .stat-card .stat-label::before { width: 20px; margin-bottom: 6px; }
}