/* ============================================================
   DOSYA SORUMLULUGU — features-01-profile-settings-streak-pr-menu.css
   ------------------------------------------------------------
   NE YAPAR   : Profil: ayarlar akordeonu, seri karti, PR bolumu, menu satirlari.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   PROFILE PAGE
   ============================================================ */
.prof-banner {
  position:relative; margin:0 14px 10px; border-radius:var(--radius); overflow:hidden;
  background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);
  padding:20px 18px 18px; display:flex; align-items:center; gap:14px;
}
.prof-banner::after {
  content:''; position:absolute; top:-40px; right:-40px; width:160px; height:160px;
  border-radius:50%; background:rgba(232,93,0,0.12); pointer-events:none;
}
.prof-banner::before {
  content:''; position:absolute; bottom:-30px; left:-20px; width:110px; height:110px;
  border-radius:50%; background:rgba(255,122,32,0.07); pointer-events:none;
}
.prof-avatar {
  width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,0.08);
  border:2px solid rgba(232,93,0,0.6); display:flex; align-items:center; justify-content:center;
  font-size:22px; font-weight:800; color:var(--orange2); flex-shrink:0;
  position:relative; z-index:2; overflow:hidden; cursor:pointer;
}
.prof-avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.prof-banner-info { flex:1; min-width:0; position:relative; z-index:2; }
.prof-banner-name { font-size:20px; font-weight:800; color:#fff; letter-spacing:-0.5px; line-height:1; }
.prof-banner-bio  { font-size:12px; color:rgba(255,255,255,0.6); margin-top:5px; line-height:1.4; }
.prof-banner-tag  {
  display:inline-block; margin-top:7px; background:rgba(232,93,0,0.25);
  border:1px solid rgba(232,93,0,0.45); border-radius:99px; padding:3px 10px;
  font-size:11px; font-weight:600; color:var(--orange2);
}
.prof-pills { display:grid; grid-template-columns:1fr 1fr 1fr; gap:8px; margin:0 14px 10px; }
.prof-pill  { background:var(--bg2); border:1px solid var(--border); border-radius:var(--radius-sm); padding:11px 8px; text-align:center; }
.prof-pill-val { font-size:20px; font-weight:800; color:var(--text); letter-spacing:-0.8px; line-height:1; }
.prof-pill-val.orange { color:var(--orange); }
.prof-pill-val.green  { color:var(--success); }
.prof-pill-lbl { font-size:9px; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:0.4px; margin-top:4px; line-height:1.3; }
.prof-pr-wrap  { margin:0 14px 10px; }
.prof-pr-label { font-size:11px; font-weight:600; color:var(--text3); text-transform:uppercase; letter-spacing:0.6px; margin-bottom:10px; }
.prof-pr-scroll { display:flex; gap:10px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; }
.prof-pr-scroll::-webkit-scrollbar { display:none; }
.prof-pr-card {
  flex:0 0 130px; border-radius:var(--radius-sm); padding:14px 14px 12px;
  display:flex; flex-direction:column; gap:4px; position:relative; overflow:hidden;
}
.prof-pr-card.chest    { background:linear-gradient(145deg,#c0392b,#E8503A); }
.prof-pr-card.back     { background:linear-gradient(145deg,#1a3a5c,#3A5A8C); }
.prof-pr-card.shoulder { background:linear-gradient(145deg,#b8650a,#E8A030); }
.prof-pr-card.arms     { background:linear-gradient(145deg,#1a7a6e,#2A9D8F); }
.prof-pr-card.legs     { background:linear-gradient(145deg,#5a3d8a,#7B5EA7); }
.prof-pr-card::after {
  content:''; position:absolute; top:-20px; right:-20px; width:70px; height:70px;
  border-radius:50%; background:rgba(255,255,255,0.08); pointer-events:none;
}
.prof-pr-muscle { font-size:9px; font-weight:700; color:rgba(255,255,255,0.65); text-transform:uppercase; letter-spacing:0.8px; }
.prof-pr-ex     { font-size:13px; font-weight:700; color:#fff; letter-spacing:-0.2px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.prof-pr-kg     { font-size:26px; font-weight:900; color:#fff; letter-spacing:-1px; line-height:1; margin-top:4px; }
.prof-pr-unit   { font-size:11px; font-weight:600; color:rgba(255,255,255,0.7); }
.prof-pr-date   { font-size:10px; color:rgba(255,255,255,0.5); margin-top:2px; }
.prof-pr-empty  { text-align:center; padding:20px; color:var(--text3); font-size:13px; }
.prof-settings-toggle {
  margin:0 14px 2px; background:var(--bg2); border:1px solid var(--border);
  border-radius:var(--radius); padding:14px 16px; display:flex; align-items:center; gap:10px;
  cursor:pointer; -webkit-tap-highlight-color:transparent; transition:background 0.15s;
}
.prof-settings-toggle:active { background:var(--bg3); }
.prof-settings-icon  { font-size:18px; }
.prof-settings-text  { flex:1; font-size:14px; font-weight:600; color:var(--text); }
.prof-settings-arrow { font-size:12px; color:var(--text3); transition:transform 0.25s; }
.prof-settings-arrow.open { transform:rotate(90deg); }
.prof-settings-body { margin:0 14px 10px; overflow:hidden; max-height:0; transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1); }
.prof-settings-body.open { max-height:400px; }
.prof-settings-inner { border:1px solid var(--border); border-top:none; border-radius:0 0 var(--radius) var(--radius); overflow:hidden; }

/* ── STREAK CARD ──────────────────────────────────────────── */
.streak-card {
  margin:0 14px 10px;
  background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 16px;display:flex;align-items:center;gap:14px;
}
.streak-fire {
  font-size:34px;line-height:1;flex-shrink:0;
}
.streak-info { flex:1;min-width:0; }
.streak-val {
  font-size:26px;font-weight:900;color:var(--text);letter-spacing:-1px;line-height:1;
}
.streak-val span { font-size:13px;font-weight:600;color:var(--text3);letter-spacing:0; }
.streak-sub { font-size:12px;color:var(--text3);margin-top:2px; }
.streak-dots {
  display:flex;gap:5px;margin-top:8px;
}
.streak-dot {
  width:22px;height:6px;border-radius:99px;
  background:var(--bg3);border:1px solid var(--border2);
}
.streak-dot.active { background:var(--orange2);border-color:var(--orange); }
.streak-days-val {
  font-size:20px;font-weight:800;color:var(--orange);letter-spacing:-0.5px;
  flex-shrink:0;text-align:right;
}
.streak-days-lbl { font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:0.4px;margin-top:2px;text-align:right; }

/* ── PR SECTION ───────────────────────────────────────────── */
.section-header {
  padding:0 14px;margin-bottom:10px;
  display:flex;align-items:center;justify-content:space-between;
}
.section-title {
  font-size:11px;font-weight:700;color:var(--text3);
  text-transform:uppercase;letter-spacing:0.6px;
}
.latest-pr-banner {
  margin:0 14px 10px;
  background:linear-gradient(135deg,var(--orange2),var(--orange));
  border-radius:var(--radius-sm);padding:12px 16px;
  display:flex;align-items:center;gap:12px;
}
.latest-pr-icon { font-size:26px;flex-shrink:0; }
.latest-pr-info { flex:1;min-width:0; }
.latest-pr-label { font-size:10px;font-weight:700;color:rgba(255,255,255,0.75);text-transform:uppercase;letter-spacing:0.6px; }
.latest-pr-text  { font-size:15px;font-weight:800;color:#fff;letter-spacing:-0.3px;margin-top:2px; }
.latest-pr-when  { font-size:11px;color:rgba(255,255,255,0.65);margin-top:1px; }

.pr-scroll { display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 14px 4px; }
.pr-scroll::-webkit-scrollbar { display:none; }
.pr-card {
  flex:0 0 138px;border-radius:var(--radius-sm);padding:15px 14px 13px;
  display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden;flex-shrink:0;
}
.pr-card.chest    {background:linear-gradient(145deg,#c0392b,#E8503A)}
.pr-card.back     {background:linear-gradient(145deg,#1a3a5c,#3A5A8C)}
.pr-card.shoulder {background:linear-gradient(145deg,#b8650a,#E8A030)}
.pr-card.arms     {background:linear-gradient(145deg,#1a7a6e,#2A9D8F)}
.pr-card.legs     {background:linear-gradient(145deg,#5a3d8a,#7B5EA7)}
.pr-card::after {
  content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;
  border-radius:50%;background:rgba(255,255,255,0.09);pointer-events:none;
}
.pr-muscle { font-size:9px;font-weight:700;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.9px; }
.pr-ex     { font-size:13px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pr-kg     { font-size:28px;font-weight:900;color:#fff;letter-spacing:-1px;line-height:1;margin-top:5px; }
.pr-unit   { font-size:11px;font-weight:600;color:rgba(255,255,255,0.7); }
.pr-date   { font-size:10px;color:rgba(255,255,255,0.45);margin-top:3px; }

/* ── MENU ─────────────────────────────────────────────────── */
.menu-wrap { margin:10px 14px 0; }
.menu-item {
  display:flex;align-items:center;gap:12px;padding:14px 16px;
  background:var(--bg2);cursor:pointer;transition:background 0.15s;
  border:1px solid var(--border);border-bottom:none;
}
.menu-item:first-child { border-radius:var(--radius) var(--radius) 0 0; }
.menu-item:last-child  { border-radius:0 0 var(--radius) var(--radius);border-bottom:1px solid var(--border); }
.menu-item:active { background:var(--bg3); }
.menu-icon { font-size:20px; }
.menu-text { flex:1;font-size:14px;font-weight:500;color:var(--text); }
.menu-arrow { color:var(--text3);font-size:12px; }
.menu-danger { color:var(--danger) !important; }