/* m-account — FanatikBet birebir mobil katmanı (bocekbet-lobby.css sonrası yüklenir) */

/* ================= /profile (FB /profile/details) — yeni bloklar, tüm genişlikler ================= */
#sifre,#iki-adim,#oturum,#sorumlu,#hesap-bilgileri,#vip,#dekont{scroll-margin-top:80px}

.prf-acc-head{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.prf-h2{margin:0;font-size:17px;font-weight:700;line-height:25.5px;color:#fff}
.prf-lastlogin{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#24262b;color:#ababab;font-size:10px;font-weight:600;line-height:15px;letter-spacing:.2px;white-space:nowrap}
.prf-lastlogin i{font-size:14px;line-height:1}

/* Hesap bilgileri: başlık çizgisi + alt alta dolu alanlar */
.prf-info{position:relative}
.prf-info-bar{position:absolute;top:20px;right:20px}
.prf-mask-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 18px;border:0;border-radius:8px;background:linear-gradient(180deg,#ffc24a,#e89000);color:#2a1c02;font-family:inherit;font-size:13px;font-weight:700;line-height:1;cursor:pointer;white-space:nowrap}
.prf-mask-btn i{width:15px;font-size:12.5px;text-align:center}
.prf-mask-btn:hover{filter:brightness(1.06)}
.prf-sec-lb{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:#ababab;font-size:13px;font-weight:600;line-height:19.5px}
.prf-sec-lb::before{content:"";flex:0 0 14px;width:14px;height:2px;border-radius:4px;background:#ff3361}
.prf-fields{display:flex;flex-direction:column;gap:14px}
.prf-f{display:flex;flex-direction:column;gap:3px;min-width:0}
.prf-f-lb{display:block;color:rgba(255,255,255,.8);font-size:12px;font-weight:600;line-height:18px}
.prf-f-box{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border:1px solid #2e3137;border-radius:8px;background:#1a1c20;min-width:0}
.prf-f-box>i{flex:0 0 16px;width:16px;font-size:15px;color:rgba(255,255,255,.8);text-align:center}
.prf-f-val{flex:1;min-width:0;overflow:hidden;color:#ababab;font-size:13px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.prf-f-box .prf-verify{flex:0 0 auto;margin:0;color:#ffb020;font-size:12px;font-weight:600}
.prf-f-box .prf-edit-wrap{display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:100%}
.bb-account-wrap .prf-f-box input:not([type=checkbox]):not([type=radio]){flex:1;min-width:0;width:auto;max-width:none;height:100%;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none;color:#fff;font-family:inherit;font-size:13px;font-weight:400;text-align:left;outline:none}
.prf-f-box .prf-edit-save{flex:0 0 30px;width:30px;height:30px;border-radius:6px;font-size:12px}
.prf-info.is-masked #infoFullName{-webkit-text-security:disc;filter:blur(0)}
.prf-info-hint{margin:14px 0 0 !important}

/* ================= /security (FB /profile/security/change-password) — tüm genişlikler ================= */
.sec-page{display:flex;flex-direction:column;gap:14px}
.sec-tips{padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid #2e3137}
.sec-tips h2{margin:0 0 12px;color:#fff;font-size:16px;font-weight:700;line-height:24px}
.sec-tips ul{margin:0;padding:0;list-style:none}
.sec-tips li{margin:0 0 8px;color:#ababab;font-size:14px;font-weight:400;line-height:20px}
.sec-tips li:last-child{margin-bottom:0}
.sec-field{margin-bottom:16px}
.sec-field label{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;color:#fff;font-size:12px;font-weight:600;line-height:17.25px}
.sec-req{flex:0 0 8px;width:8px;height:8px;margin-top:4px;color:#ff003a;font-size:8px;line-height:8px;text-align:center}
.sec-inp{display:flex;align-items:center;height:44px;padding:0 14px;border:1px solid #2e3137;border-radius:11px;background:#1a1c20}
.sec-inp-ic{flex:0 0 16px;width:16px;height:16px;padding-right:11px;margin-right:12px;box-sizing:content-box;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:15px;line-height:16px;text-align:center}
.bb-account-wrap .sec-inp input:not([type=checkbox]):not([type=radio]){flex:1;min-width:0;width:auto;height:100%;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none;color:#fff;font-family:inherit;font-size:13px;font-weight:400;outline:none}
.sec-eye{flex:0 0 20px;width:20px;height:24px;margin-left:8px;padding:0;border:0;background:none;color:#fff;font-size:15px;cursor:pointer;display:grid;place-items:center}
.sec-eye:hover{color:#ffb020}
.sec-inp input::placeholder,.prf-f-box input::placeholder{color:#ababab;opacity:1}
.sec-submit{padding:13px;margin-top:8px}
.sec-submit:disabled{opacity:.4;cursor:not-allowed;filter:none}

/* ================= MOBİL ≤760 ================= */
@media (max-width:760px){
  /* --- /profile --- */
  .bb-account-wrap .prf{gap:24px;max-width:none}
  .bb-account-wrap .prf>.slot-head+*{margin-top:-8px !important}
  .prf-card,.prf-sc,.prf-vip,.prf-avatar-card{border-radius:12px !important}

  /* Kayıp Bonusu: dikey FB kartı */
  .prf-cashback{flex-direction:column;flex-wrap:nowrap !important;align-items:flex-start;gap:16px;margin:0 !important;padding:19px 20px;border:1px solid rgba(255,176,32,.26);border-radius:12px;background:#24262b}
  .prf-cb-ic{flex:0 0 52px;width:52px;height:52px;border-radius:8px;background:rgba(255,176,32,.1);color:#ffb020;font-size:26px}
  .prf-cb-copy{flex:0 0 auto;width:100%}
  .prf-cb-copy strong{font-size:15px;font-weight:700;line-height:22.5px}
  .prf-cb-copy span{margin-top:0;color:#ababab;font-size:13px;font-weight:400;line-height:19.5px}
  .prf-cb-btn{width:auto !important;height:44px;align-self:flex-start;justify-content:center;padding:8px 24px;border-radius:8px;background:linear-gradient(180deg,#ffc24a,#e89000);color:#2a1c02;font-size:14px;font-weight:700}
  .prf-cb-btn i{display:none}

  /* Hesap Bilgilerim + son giriş hapı */
  .prf-acc-head+.prf-avatar-card{margin-top:-12px !important}
  .prf-lastlogin{display:flex;width:100%;box-sizing:border-box}

  /* Avatar kartı: dikey, halkalı avatar (9'lu seçici bizim özelliğimiz olarak kalır) */
  .prf-avatar-card{margin:0 !important;padding:17px 20px !important}
  .prf-avatar-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:16px}
  .prf-avatar-cur{flex:0 0 55px !important;width:55px !important;height:55px !important;margin:3.5px;font-size:24px;box-shadow:0 0 0 2px #24262b,0 0 0 3.5px #555963}
  .prf-avatar-head h3{font-size:15px !important;font-weight:700 !important;line-height:22.5px}
  .prf-avatar-head h3 i{display:none}
  .prf-avatar-head .prf-hint{margin:0 !important;color:#ababab;font-size:13px;line-height:19.5px}

  /* Hesap bilgileri: kart yok, sağa yaslı "Bilgileri Gizle", alanlar #24262b */
  .prf-grid{gap:24px !important}
  .prf-card.prf-info{padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
  .prf-info .prf-id{display:none}
  .prf-info-bar{position:static;display:flex;justify-content:flex-end;margin-bottom:24px}
  .prf-f-box{border:0;padding:0 15px;background:#24262b}
  .prf-info-hint{color:#ababab;font-size:12px}

  /* --- /security --- */
  .sec-page{gap:16px}
  .sec-page>.sec-stats{order:5}
  .sec-grid{gap:24px !important;margin:0 !important}
  .prf-card.sec-pw-card{padding:16px 8px !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
  .sec-inp{height:42px;border:0;border-radius:8px;background:#24262b}
  .sec-submit{height:48px;padding:8px 14px;margin-top:8px;border-radius:12px !important;font-size:14px !important;font-weight:500 !important;line-height:24.5px;letter-spacing:0;text-transform:none;box-shadow:none !important}
  .sec-inp{padding:0 15px}
  .sec-side-card h3{font-size:15px;font-weight:700}
  .sec-side-card .btn{height:48px;padding:8px 14px;border-radius:12px !important;font-size:14px;font-weight:500;line-height:24.5px}
  .sec-session{border-radius:8px}
  .sec-stats .prf-sc b{font-size:15px !important;line-height:22px}
  .sec-stats{grid-template-columns:1fr 1fr !important;gap:12px}
  .sec-stats .prf-sc:last-child{grid-column:1/-1}
}