/*
 * Promosyon detayındaki BAŞLIKLI BÖLÜMLER (akordeon) — `detay_bolumleri`.
 *
 * 🔴 BU DOSYA BİR YEDEK, ANA STİL DEĞİL. Seçiciler (`.cw-pr-acc*`) casiwon'un
 * kendi `header_custom_css_desktop` / `theme_custom_css_mobile` ayarlarında
 * ZATEN yazılı ve orada her kural `!important` taşıyor — o markada kazanan
 * onlar, kazanması da doğru (marka kendi görünümünü orada tanımlamış).
 * Buradaki kurallar, aynı widget'ı kendi CSS'i OLMAYAN diğer 12 kiracıda
 * boyasız bırakmamak için var.
 *
 * ⚠️ RENK YAZILMIYOR, DEVRALINIYOR. `color: inherit` + `currentColor`: bu blok
 * 12 farklı temanın içine düşüyor ve sabit bir gri, koyu temada okunur açık
 * temada okunmaz olurdu. Ayırıcı çizgi de nötr — iki temada da görünür.
 *
 * ⚠️ GÖRÜNÜRLÜĞÜ SINIF DEĞİL `aria-expanded` SÜRÜYOR. Motor (UiBoot /
 * public/app/ui.js) yalnız o özniteliği çeviriyor; erişilebilirlik durumu ile
 * görsel durum tek kaynaktan geliyor, ayrışamıyorlar.
 */

.cw-pr-acc {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgba(128, 128, 128, 0.32);
}

.cw-pr-acc-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 15px 12px;
  background: transparent;
  border: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
}

/* Aşağı bakan üçgen; açıkken 180° döner. Ok için ikon fontuna bağlanmıyoruz:
   bu dosya 12 kiracıda yükleniyor ve hepsinde aynı fontun geleceği garanti değil. */
.cw-pr-acc-btn::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: currentColor transparent transparent transparent;
  transition: transform 0.2s ease;
}

.cw-pr-acc-btn[aria-expanded="true"]::before {
  transform: rotate(180deg);
}

.cw-pr-acc-panel {
  display: block;
  padding: 0 12px 14px;
}

/* Düğmesi olmayan panel = açıklama bloğu; hep açık. Kapanma YALNIZ bir
   düğmenin kardeşi olduğunda geçerli. */
.cw-pr-acc-btn[aria-expanded="false"] + .cw-pr-acc-panel {
  display: none;
}

.cw-pr-acc-panel > :first-child {
  margin-top: 0;
}

.cw-pr-acc-panel > :last-child {
  margin-bottom: 0;
}
