/*
 * FaturaTek — ORTAK ALT BİLGİ (e-imzatek.com footer kurgusu).
 * 🔴 İki kabuk da yükler (stil.css + site.css) → DEĞİŞKEN KULLANMAZ.
 * 🔴 Markup: parca/altluk.php — tek kaynak.
 * Ölçüler e-imzatek custom.css'ten: üst boşluk 100px, başlık 20px,
 * madde aralığı 15px, ikon kutusu 40px yuvarlak, telif 20px.
 */
.ab{background:#111827;color:#fff;padding:96px 0 0;font-size:15px;line-height:1.6}
.ab-kap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.ab-izgara{display:grid;grid-template-columns:1.45fr 1fr .95fr 1.25fr;gap:48px;align-items:start;padding-bottom:52px}   /* e-imzatek: band öncesi 50px */
.ab a{color:inherit;text-decoration:none;transition:color .2s}
.ab a:hover{color:#FF6B67}
.ab h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.01em}
.ab p{margin:0}

/* Sol: logo + tanıtım + vergi + tescil rozeti */
/* Logo çifti: FaturaTek × QNB eSolutions (iş ortağı) */
.ab-logolar{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.ab-logo{display:block;width:132px;height:auto}
.ab-ortak-simge{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;
  border:1px solid rgba(255,255,255,.28);color:#F0625E;flex:none}
.ab-ortak-simge svg{width:14px;height:14px}
.ab-ortak-etiket{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.ab-ortak-logo{display:block;height:30px;width:auto}
.ab-ortak-etiket small{font-size:9px;font-weight:700;letter-spacing:.16em;color:#C3C9D6;line-height:1}
.ab-hakkinda p{max-width:40ch}
.ab-vergi{margin-top:18px!important}
.ab-rozet{display:inline-flex;flex-direction:column;width:132px;margin-top:22px;background:#fff;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;
  box-shadow:0 4px 14px rgba(0,0,0,.16);transition:transform .2s}
.ab-rozet:hover{transform:translateY(-2px);color:inherit}
.ab-rozet img{display:block;width:100%;height:auto}
.ab-rozet span{display:block;text-align:center;font-weight:800;font-size:.76rem;color:#CC2F2D;line-height:1.15;padding:6px 4px 7px}

/* Bağlantı sütunları: kırmızı nokta madde imi */
.ab-sutun ul{list-style:none;margin:0;padding:0}
.ab-sutun li{position:relative;padding-left:20px;margin-bottom:15px;line-height:1.5}
.ab-sutun li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:#DC2626}

/* İletişim: yuvarlak ikon kutuları */
.ab-iletisim > p{max-width:36ch}
.ab-temas{display:flex;flex-direction:column;gap:18px;margin-top:26px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.ab-temas a{display:flex;align-items:center;gap:15px;font-weight:500}
.ab-temas small{font-size:12px;color:#9AA3B4;margin-left:2px}
.ab-ikon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:50%;
  border:1px solid rgba(255,255,255,.22);color:#fff}
.ab-ikon svg{width:18px;height:18px}
/* 🔴 Rozetin KENDİ margin'i sıfır: .ab-rozet'te kalan 22px, kartı vergi no'dan 34px'e itiyordu. e-imzatek'te boşluk 20px (ölçüldü). */
.ab-etbis{display:flex;justify-content:flex-start;margin-top:20px}
.ab-etbis .ab-rozet{margin-top:0}

/* Telif satırı */
.ab-telif{padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.14)}
/* 🔴 Masaüstünde SARMAZ: sol blok basis 0 ile daralır, kartlar sağda aynı satırda
   kalır. flex-wrap:wrap + basis auto ile uzun sorumluluk notu kartları alta atıyordu. */
.ab-telif-ic{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:nowrap}
/* 🔴 e-imzatek düzeni: sol metin İÇERİĞİ KADAR (flex:0 0 auto), kartlar
   margin-left:auto ile en sağda, aynı satırda. Sol bloğa flex:1 1 0 verilince
   nowrap metin kutusundan taşıp kartların ALTINA giriyordu (yaşandı). */
.ab-telif-ic > div{flex:0 0 auto;max-width:100%}
.ab-kartlar{flex:none;margin-left:auto;display:flex;align-items:center;gap:14px;opacity:.9}
.ab-kartlar img{display:block;width:auto}
.ab-telif p{font-size:15px}
/* 🔴 Sorumluluk notu TEK SATIR (kullanıcı): sarmaz; dar masaüstünde puntoyu
   düşürür, 1100px altında sarmaya izin verir (yoksa taşar). */
.ab-telif .ab-not{font-size:11px;opacity:.6;margin-top:5px!important;white-space:nowrap;letter-spacing:-.005em}
@media (max-width:1380px){.ab-telif .ab-not{font-size:10px}}
@media (max-width:1200px){.ab-telif .ab-not{white-space:normal;font-size:11px}}

@media (max-width:1024px){.ab-izgara{grid-template-columns:1fr 1fr;gap:40px 36px}}
@media (max-width:640px){
  .ab{padding-top:60px}
  .ab-izgara{grid-template-columns:1fr;gap:34px}
  .ab-ortak-ic{gap:14px}
  .ab-ortak-yazi{text-align:center;width:100%;padding-left:0}
  .ab-telif-ic{flex-wrap:wrap;justify-content:center;text-align:center}
  .ab-telif-ic > div{flex-basis:100%}
  .ab-kartlar{margin:6px auto 0}
}