/* BoutikPam FF — Modil KONFYANS (style) */

/* ---- Etwal sou kat / detay ---- */
.bpffm-tr-stars{ color:#EF9F27; font-weight:700; font-size:12px; letter-spacing:1px; white-space:nowrap; }
.bpffm-tr-stars.sm{ font-size:13px; }
.bpffm-tr-stars.empty{ color:var(--t3,#4A4A52); }
.bpffm-tr-stars .bpffm-tr-cnt{ color:var(--t2,#9E9D95); font-weight:600; font-size:11px; letter-spacing:0; }
.bpffm-card-rating{ margin:2px 0 2px; cursor:pointer; }
.bpffm-card-rating:hover .bpffm-tr-cnt{ text-decoration:underline; }

/* ---- Bouton siyale (diskrè) ---- */
.bpffm-trust-report{
  background:transparent; border:none; color:var(--t3,#4A4A52);
  cursor:pointer; font-size:12px; padding:2px 6px; border-radius:var(--rs,6px);
  transition:color .15s,background .15s;
}
.bpffm-trust-report:hover{ color:#e0573a; background:var(--rd-bg,#2e0a0a); }

/* ---- Bouton litij ---- */
.bpffm-btn.bpffm-dispute{
  background:var(--am-bg,#2e1f0a); color:var(--am-t,#EF9F27);
  border:1px solid #5a4416; font-weight:700;
}
.bpffm-btn.bpffm-dispute:hover{ background:#3a2810; }

/* ---- Toast ---- */
.bpffm-tr-toast{
  position:fixed; left:50%; bottom:24px; transform:translate(-50%,20px);
  z-index:1000020; max-width:90vw; padding:12px 18px; border-radius:var(--r,10px);
  font-size:14px; font-weight:600; color:#fff; opacity:0; transition:all .25s;
  box-shadow:0 8px 30px rgba(0,0,0,.4);
}
.bpffm-tr-toast.show{ transform:translate(-50%,0); opacity:1; }
.bpffm-tr-toast.ok{ background:#2f7d18; }
.bpffm-tr-toast.err{ background:#a32218; }

/* ---- Modal ---- */
.bpffm-tr-ov{
  position:fixed; inset:0; z-index:1000010; background:rgba(0,0,0,.65);
  display:flex; align-items:center; justify-content:center; padding:16px;
  opacity:0; transition:opacity .2s; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
}
.bpffm-tr-ov.show{ opacity:1; }
.bpffm-tr-modal{
  background:var(--bg2,#18181F); color:var(--t,#F0EFE8);
  border:1px solid var(--bdr2,#ffffff22); border-radius:var(--rl,12px);
  width:100%; max-width:460px; max-height:86vh; overflow:hidden;
  display:flex; flex-direction:column; transform:translateY(12px); transition:transform .2s;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
}
.bpffm-tr-ov.show .bpffm-tr-modal{ transform:translateY(0); }
.bpffm-tr-head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; border-bottom:1px solid var(--bdr,#ffffff13);
  font-weight:800; font-size:16px;
}
.bpffm-tr-x{
  background:transparent; border:none; color:var(--t2,#9E9D95);
  font-size:24px; line-height:1; cursor:pointer; padding:0 4px;
}
.bpffm-tr-x:hover{ color:var(--t,#F0EFE8); }
.bpffm-tr-body{ padding:16px; overflow-y:auto; }
.bpffm-tr-foot{
  display:flex; gap:8px; justify-content:flex-end;
  padding:12px 16px; border-top:1px solid var(--bdr,#ffffff13);
}
.bpffm-tr-mut{ color:var(--t2,#9E9D95); font-size:13px; line-height:1.5; margin:0 0 12px; }
.bpffm-tr-lbl{ display:block; font-size:12px; font-weight:700; color:var(--t2,#9E9D95); margin:10px 0 5px; }
.bpffm-tr-loading{ text-align:center; padding:30px 0; color:var(--t2,#9E9D95); }

.bpffm-tr-ta,.bpffm-tr-sel{
  width:100%; box-sizing:border-box; background:var(--bg3,#22222C);
  border:1px solid var(--bdr2,#ffffff22); color:var(--t,#F0EFE8);
  border-radius:var(--r,10px); padding:10px 12px; font-size:14px; font-family:inherit; resize:vertical;
}
.bpffm-tr-ta:focus,.bpffm-tr-sel:focus{ outline:none; border-color:var(--ff,#D85A30); }
.bpffm-tr-file{ width:100%; color:var(--t2,#9E9D95); font-size:13px; }

/* ---- Bouton modal ---- */
.bpffm-tr-btn{
  border:none; cursor:pointer; padding:9px 16px; border-radius:var(--r,10px);
  font-size:14px; font-weight:700; font-family:inherit; transition:filter .15s,opacity .15s;
}
.bpffm-tr-btn:disabled{ opacity:.6; cursor:default; }
.bpffm-tr-btn.primary{ background:var(--ff,#D85A30); color:#fff; }
.bpffm-tr-btn.danger{ background:#a32218; color:#fff; }
.bpffm-tr-btn.ghost{ background:var(--bg3,#22222C); color:var(--t,#F0EFE8); border:1px solid var(--bdr2,#ffffff22); }
.bpffm-tr-btn:hover:not(:disabled){ filter:brightness(1.1); }

/* ---- Pikè etwal (bay nòt) ---- */
.bpffm-tr-pick{ font-size:38px; letter-spacing:6px; text-align:center; margin:6px 0 14px; cursor:pointer; }
.bpffm-tr-pick span{ color:var(--t3,#4A4A52); transition:color .12s; }
.bpffm-tr-pick span:hover,.bpffm-tr-pick span.on{ color:#EF9F27; }

/* ---- Lis komantè ---- */
.bpffm-tr-sum{ font-size:18px; margin-bottom:14px; }
.bpffm-tr-list{ display:flex; flex-direction:column; gap:10px; }
.bpffm-tr-item{ background:var(--bg3,#22222C); border:1px solid var(--bdr,#ffffff13); border-radius:var(--r,10px); padding:10px 12px; }
.bpffm-tr-irow{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:4px; }
.bpffm-tr-cmt{ font-size:13px; color:var(--t,#F0EFE8); line-height:1.45; }

/* ---- Popup Konsantman / Règleman ---- */
.bpffm-consent-modal{ max-width:560px; }
.bpffm-consent .bpffm-tr-head{ background:#D85A30; color:#fff; }
.bpffm-consent-x{
  background:transparent; border:none; color:#fff; font-size:26px; line-height:1;
  cursor:pointer; padding:0 4px; opacity:.9;
}
.bpffm-consent-x:hover{ opacity:1; }
.bpffm-consent-body{
  background:#fff; color:#1f2330; padding:18px 20px;
  overflow-y:auto; max-height:56vh;
}
.bpffm-consent-body *{ max-width:100%; }
.bpffm-consent-foot{ background:var(--bg2,#18181F); justify-content:center; }
.bpffm-consent-yes{ min-width:200px; font-size:15px; padding:12px 18px; }

/* THEME PROTECTION — trust buttons */
.bpffm-tr-btn.primary {
    background: var(--ff, #D85A30) !important;
    color: #fff !important;
    border: none !important;
}
.bpffm-tr-btn.danger {
    background: #a32218 !important;
    color: #fff !important;
    border: none !important;
}
.bpffm-tr-btn.ghost {
    background: var(--bg3, #22222C) !important;
    color: var(--t, #F0EFE8) !important;
    border: 1px solid var(--bdr2, #ffffff22) !important;
}
.bpffm-trust-report {
    background: transparent !important;
    border: none !important;
    color: var(--t3, #4A4A52) !important;
}
.bpffm-trust-report:hover {
    color: #e0573a !important;
    background: var(--rd-bg, #2e0a0a) !important;
}
.bpffm-tr-x {
    background: transparent !important;
    border: none !important;
    color: var(--t2, #9E9D95) !important;
}
.bpffm-tr-x:hover {
    color: var(--t, #F0EFE8) !important;
}
.bpffm-btn.bpffm-dispute {
    background: var(--am-bg, #2e1f0a) !important;
    color: var(--am-t, #EF9F27) !important;
    border: 1px solid #5a4416 !important;
}
.bpffm-btn.bpffm-dispute:hover {
    background: #3a2810 !important;
}