/* m-bonus — FanatikBet birebir mobil katmanı (bocekbet-lobby.css sonrası yüklenir)
   Sayfalar: /bonuses (bonus-center.blade.php) ve /my-bonuses (bonuses.blade.php).
   FB ölçüleri: başlık kartı x12 (351px); içerik sarmalayıcı p24/16 → sekme/alan/liste x28 (319px).
   Başlık→sekme 24px, sekme→promo alanı 16px, promo→kartlar 24px, kart aralığı 14px. */
@media (max-width:760px){

  /* ---------- /bonuses ---------- */
  .bb-account-wrap .bc-wrap{display:flex !important;flex-direction:column;gap:0 !important}
  .bb-account-wrap .bc-wrap>*{margin-left:16px !important;margin-right:16px !important;margin-top:0 !important}
  .bb-account-wrap .bc-wrap>.bc-head{margin:0 0 24px !important}
  .bb-account-wrap .bc-wrap>.bc-tabs{margin-bottom:16px !important}
  .bb-account-wrap .bc-wrap>.bc-promo{margin-bottom:24px !important}
  .bb-account-wrap .bc-wrap>.bc-list-head{display:none !important}
  .bb-account-wrap .bc-wrap>.bc-active,
  .bb-account-wrap .bc-wrap>.bc-grid,
  .bb-account-wrap .bc-wrap>.bc-none,
  .bb-account-wrap .bc-wrap>.bc-packages,
  .bb-account-wrap .bc-wrap>.bc-claims{margin-bottom:24px !important}
  .bb-account-wrap .bc-wrap>.bc-section-head{margin-bottom:12px !important}

  /* promo alanı: FB satır içi 319x42, ikon 15px #ababab, metin 13px, alan içinde 71x32 "Uygula" */
  .bb-account-wrap .bc-promo-form{max-width:none}
  .bb-account-wrap .bc-promo-result{max-width:none}

  /* aktif çevrim kutusu */
  .bb-account-wrap .bc-active{padding:20px;border-radius:8px}

  /* bonus kartı: #24262b, 1px #2e3137, r12, 16:9 görsel, başlık 13/700 lh1.35 (2 satır) */
  .bb-account-wrap .bc-grid{grid-template-columns:1fr !important;gap:14px}
  .bb-account-wrap .bc-card{border-radius:12px}
  .bb-account-wrap .bc-media{aspect-ratio:16/9}
  .bb-account-wrap .bc-b{padding:14px;gap:10px}
  .bb-account-wrap .bc-name{font-size:13px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bb-account-wrap .bc-reward strong{font-size:20px}

  /* ---------- /my-bonuses ---------- */
  .bb-account-wrap .bns{gap:0 !important;max-width:none}
  .bb-account-wrap .bns>*{margin-left:16px;margin-right:16px}
  .bb-account-wrap .bns>.bns-title{margin:0 0 24px !important}
  .bb-account-wrap .bns>.bns-tabs{margin-bottom:16px}
  .bb-account-wrap .bns>.bns-alert,
  .bb-account-wrap .bns>.bns-active,
  .bb-account-wrap .bns>.fs-player-section{margin-bottom:24px}
  .bb-account-wrap .bns>:last-child{margin-bottom:24px}
  .bb-account-wrap .bns .section-head{margin-bottom:12px !important}
  .bb-account-wrap .bns .section-head h2{font-size:16px !important;font-weight:700;color:#fff}
  .bb-account-wrap .bns .section-head .dot{display:none !important}
  /* FB BONUSLARIM sekmesinde liste başlığı yok: yalnız tek bölüm varsa "Bonus Geçmişi" başlığını gizle */
  .bb-account-wrap .bns:not(:has(.fs-player-section))>div>.section-head{display:none}

  /* aktif bonus kutusu */
  .bb-account-wrap .bns-active{border-radius:8px !important;padding:20px !important}
  .bb-account-wrap .bns-active::before{display:none}
  .bb-account-wrap .bns-active .row{flex-wrap:nowrap;align-items:center}
  .bb-account-wrap .bns-active .nm{font-size:18px;font-weight:700;line-height:28px;min-width:0}
  .bb-account-wrap .bns-active .nm i{display:none}
  .bb-account-wrap .bns-active .chip{flex:0 0 auto;white-space:nowrap}
  .bb-account-wrap .bns-stat{padding:12px 16px}
  .bb-account-wrap .bns-stat span{font-size:12px;font-weight:600;color:#828690}
  .bb-account-wrap .bns-stat b{font-size:16px;font-weight:700}
  /* ilerleme çubuğu: 28px, r16, iz rgba(255,255,255,.1), % etiketi içeride sağda 14/600 */
  .bb-account-wrap .bns-bar{height:28px;border-radius:16px;background:rgba(255,255,255,.1)}
  .bb-account-wrap .bns-bar .fill{border-radius:16px}
  .bb-account-wrap .bns-bar-pct{display:block;position:absolute;top:0;right:12px;line-height:28px;font-size:14px;font-weight:600;color:#fff}
  .bb-account-wrap .bns-meta-pct{display:none}

  /* geçmiş kartı: #24262b, 1px #2e3137, r8, p20, aralık 16; başlık 18/700; anahtar/değer satırları */
  .bb-account-wrap .bns-list{gap:16px}
  .bb-account-wrap .bns-item{border-radius:8px !important;padding:20px !important}
  .bb-account-wrap .bns-item .top{flex-wrap:nowrap}
  .bb-account-wrap .bns-item .nm{font-size:18px;font-weight:700;line-height:28px;color:#fff;min-width:0}
  .bb-account-wrap .bns-item .nm i{display:none}
  .bb-account-wrap .fs-history-item::before{display:none}
  .bb-account-wrap .bns-figs{flex-direction:column;flex-wrap:nowrap;gap:16px;margin-top:16px}
  .bb-account-wrap .bns-figs div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .bb-account-wrap .bns-figs div span{display:inline;flex:0 0 auto;margin:0;font-size:14px;font-weight:700;line-height:20px;color:#ababab}
  .bb-account-wrap .bns-figs div b{min-width:0;font-size:14px;font-weight:700;line-height:20px;color:#fff;text-align:right}
  .bb-account-wrap .bns-figs div b.g{color:#ffb020}
  /* alt satır: durum kutusu 48px + DETAYLAR 48px, gap 8 */
  .bb-account-wrap .bns-foot{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;margin-top:20px}
  .bb-account-wrap .bns-item .bns-status{padding:4px 10px;line-height:16px}
  .bb-account-wrap .bns-item .bns-status i{display:none}
  .bb-account-wrap .bns-more{display:inline-flex}
  .bb-account-wrap .bns-details{display:none}
  .bb-account-wrap .bns-item.is-open .bns-details{display:block}
  .bb-account-wrap .bns-details .bns-desc:first-child,
  .bb-account-wrap .bns-details .fs-player-terms:first-child{margin-top:16px}
  .bb-account-wrap .bns-desc{font-size:13px;color:#ababab;border-top-color:#2e3137}
}