/*
 * Footer link grubu — canlı miniso.com.tr'den ölçüldü.
 * Kaynak: brief/INDEX-18-1a66814d.md (dört genişlik de tek dosyada).
 *
 * Kırılım xl = 1280 — footer'ın tamamında öyle, 1024 DEĞİL.
 *
 * Component iki biçim birden basıyor (canlıdaki gibi); hangisinin görüneceğini
 * KAPSAYICI belirliyor:
 *   .ms-ft-sutunlar içinde  → sütun görünür, akordiyon satırı gizli
 *   .ms-ft-akordiyon içinde → akordiyon satırı görünür, sütun gizli
 * Kapsayıcıların kendisi de kırılıma göre gizleniyor (MinisoFooter/styles.css).
 *
 * masaüstü sütunu   s1767 / s1768 / s1769 / s1770
 *   başlık   16px/500, satır 24, alt boşluk 16, renk rgb(235,42,55)
 *   nav      flex kolon, gap 8
 *   link     14px, satır 20
 *
 * mobil akordiyon   s600 / s601
 *   satır    alt kenarlık 1px
 *   buton    48 yüksek, padding 12 0, iki uca yaslı, renk rgb(213,31,49),
 *            16px/500, sağda 16×16 chevron
 */

/* ---- masaüstü sütunu --------------------------------------------------- */

.cc_jcmnugos_WTyKm9w94Y .ms-ft-sutun-baslik {
  margin-bottom: var(--ms-bosluk-7);
  color: var(--ms-kirmizi);
  font-size: var(--ms-fs-normal);
  font-weight: 500;
  line-height: var(--ms-satir);
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-sutun-linkler {
  display: flex;
  flex-direction: column;
  gap: var(--ms-bosluk-3);
}

/* ---- mobil akordiyon satırı -------------------------------------------- */

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-satir {
  border-bottom: 1px solid var(--ms-kenarlik);
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-baslik {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--ms-bosluk-5);
  padding: var(--ms-bosluk-5) 0;
  color: rgb(213, 31, 49);
  font-size: var(--ms-fs-normal);
  font-weight: 500;
  line-height: var(--ms-satir);
  list-style: none;
  cursor: pointer;
}

/* Safari'nin varsayılan üçgeni */
.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-baslik::-webkit-details-marker {
  display: none;
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-ok {
  display: flex;
  flex-shrink: 0;
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-ok svg {
  display: block;
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-satir[open] .ms-ft-akr-ok svg {
  transform: rotate(180deg);
}

.cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-linkler {
  display: flex;
  flex-direction: column;
  gap: var(--ms-bosluk-3);
  padding-bottom: var(--ms-bosluk-5);
}

/* ---- ortak ------------------------------------------------------------- */

/* s1770/s591 — 14px, satır 20 */
/*
 * DOKUNMA HEDEFİ — `padding: 4px 0` + `margin: -4px 0`.
 *
 * Kutu 20, listede aralık 8 → hedefler arasında 8px ÖLÜ ŞERİT vardı
 * (denetle-cihaz: 41 bağlantı, hepsi 44'ün altında). O şeridi hedefe
 * katıyoruz: dolgu kutuyu 28'e çıkarıyor, aynı miktarda negatif marj
 * yerleşimi geri alıyor.
 *
 * Marj kutusu 28 − 4 − 4 = 20 → dizilim BİREBİR AYNI (aralık 8, adım 28,
 * metin aynı pikselde). Değişen tek şey: dolgu kutuları artık bitişik
 * döşeniyor, yani parmağın iki bağlantı arasına düşmesi imkânsız.
 * 20 → 28, hedef alanı %40 büyüdü, TEK PİKSEL kaymadan.
 *
 * 44 OLMADI, BİLEREK: adımı 44 yapmak 41 bağlantıyı 28'den 44'e çıkarır,
 * mobil footer ~656px uzar ve tasarımın ritmi bozulur. Gerekçe ve markaya
 * sorulan seçenek `data/mobil-footer.md` + `MARKAYA-NOTLAR.md`.
 * WCAG 2.2 AA (2.5.8) bu hâliyle SAĞLANIYOR: 24px taban ya da yeterli
 * aralık isteniyor, 28'lik bitişik hedefler ikisini birden karşılıyor.
 */
.cc_jcmnugos_WTyKm9w94Y .ms-ft-link {
  display: block;
  padding: 4px 0;
  margin: -4px 0;
  color: inherit;
  font-size: var(--ms-fs-orta);
  line-height: 20px;
  text-decoration: none;
}

/*
 * Hangi biçimin görüneceğini seçen kurallar BURADA DEĞİL, parent'ta
 * (MinisoFooter/styles.css). Sebep: build her component CSS'ini kendi
 * `.cc_<id>` önekiyle sarıyor; kapsayıcılar (`.ms-ft-sutunlar`,
 * `.ms-ft-akordiyon`) parent'ın DOM'unda olduğu için buraya yazılan
 * `.ms-ft-sutunlar .ms-ft-akr-satir` kuralı hiçbir şeye uymaz.
 */

/* ==========================================================================
 * MOBİL TASARIM — akordeon satırı (tasarım paketi s1 footer'ı)
 *
 * AYNI kurallar `MinisoFooter/styles.css`te de var ve olmak ZORUNDA: link
 * gruplarını bu çocuk çiziyor ama iletişim satırını parent kendi çiziyor,
 * her component CSS'i kendi `.cc_<id>` önekiyle sarıldığı için biri
 * ötekinin satırına ulaşamıyor (data/README.md tuzak 11).
 *
 * Ölçüler: `data/mobil-footer.md`. Satır 41.75 = 10.375 + 20 + 10.375 + 1.
 * ========================================================================== */

@media (max-width: 1279.98px) {
  .cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-satir {
    border-bottom: 1px solid #d2d2d2;
  }

  .cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-baslik {
    gap: 8px;
    padding: 12px 0;
    color: #e60012;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
  }

  .cc_jcmnugos_WTyKm9w94Y .ms-ft-akr-ok svg {
    width: 13.6px;
    height: 13.6px;
  }
}