/* =========================================================
   BWB Replay Cards v2 (SCOPED)
   Only affects the new bwb-rp-* cards
   ========================================================= */

/* ---- Grid columns ---- */
.bwb-page-wrap .bwb-rp-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

@media (max-width:1100px){
  .bwb-page-wrap .bwb-rp-grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:900px){
  .bwb-page-wrap .bwb-rp-grid{ grid-template-columns:repeat(2,1fr); }
}
/* keep 2 per row on mobile */
@media (max-width:600px){
  .bwb-page-wrap .bwb-rp-grid{ grid-template-columns:repeat(2,1fr); }
}

/* Sidebar widgets: always 2 per row (even mobile) */
.mh-sidebar .bwb-rp-grid,
.mh-home-sidebar .bwb-rp-grid,
.mh-widget .bwb-rp-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

/* ---- Card ---- */
.bwb-rp-card{
  background:linear-gradient(180deg,#141826,#101320);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.45);
}

.bwb-rp-thumb{ display:block; background:#0b0e16; }
.bwb-rp-thumb img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }

.bwb-rp-body{ padding:10px 12px 12px; }
.mh-sidebar .bwb-rp-body,
.mh-home-sidebar .bwb-rp-body,
.mh-widget .bwb-rp-body{ padding:8px 10px 10px; }

/* Title links MUST stay white (theme often forces red) */
.bwb-rp-title,
.bwb-rp-title:visited{
  display:block;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800;
  font-size:15px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.bwb-rp-title:hover{ text-decoration:underline !important; color:#fff !important; }

/* ---- Meta ---- */
.bwb-rp-meta{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:rgba(255,255,255,.65);
  margin:6px 0;
  flex-wrap:nowrap;
  overflow:hidden;
}
.bwb-rp-user,.bwb-rp-time{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.bwb-rp-xbet{
  flex:0 0 auto;
  height:18px;
  padding:0 4px;
  border-radius:4px;
  font-size:11px;
  font-weight:800;
  background:linear-gradient(180deg,#facc15,#eab308);
  color:#111;
  white-space:nowrap;
}

/* ---- Actions row ---- */
.bwb-rp-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}

/* Comment pill */
.bwb-rp-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.18);
  color:#fff;
  font-weight:700;
  font-size:11px;
}

/* Likes pill (match /replays/ style) */
.bwb-rp-actions .bwb-likes{
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:24px;
  padding:0 8px;
  border-radius:999px;
  border:1px solid #2a2a2a;
  background:#1a1a1a;
  font-weight:600;
  font-size:11px;
  cursor:pointer;
}
.bwb-rp-actions .bwb-likes svg{ width:14px; height:14px; fill:#ff3b3b; }
.bwb-rp-actions .bwb-likes .bwb-likes-count{ color:#fff; }
.bwb-rp-actions .bwb-likes:hover{ background:#222; border-color:#444; }
.bwb-rp-actions .bwb-likes.is-liked{ background:#163d73; border-color:#163d73; }

/* See replay button (green, white text) */
.bwb-rp-btn{
  margin-left:auto;
  height:34px;
  padding:0 14px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:14px;
  color:#1c1b1b !important;
  text-decoration:none !important;
  background: #fff221;
}
.bwb-rp-btn:hover{ filter:brightness(1.06); transform:translateY(-1px); }

/* On Big Wins page: button on its own row */
.bwb-page-wrap .bwb-rp-btn{
  width:100%;
  margin-left:0;
  margin-top:4px;
}

/* In widgets: button should also be full width */
.mh-sidebar .bwb-rp-btn,
.mh-home-sidebar .bwb-rp-btn,
.mh-widget .bwb-rp-btn{
  width:100%;
  margin-left:0;
  margin-top:4px;
}

/* Comment text: single line truncate */
.bwb-rp-comment{
  margin-top:8px;
  padding:4px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(255,255,255,.85);
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* =========================
   RESTORE SINGLE REPLAY (/replays/) ONLY
   ========================= */

.single-bwb_win h1{ color:#fff !important; }

.single-bwb_win .bwb-single-replay-wrap{
  max-width:1000px !important;
  margin:0 auto 0 !important;
  position:relative !important;
}

.single-bwb_win .bwb-single-thumb{
  display:block !important;
  position:relative !important;
  cursor:pointer !important;
  overflow:hidden !important;
  border-radius:8px !important;
}

.single-bwb_win .bwb-single-thumb img{
  width:100% !important;
  height:auto !important;
  display:block !important;
}

/* Dark + blur overlay */
.single-bwb_win .bwb-single-thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.50) !important;
  backdrop-filter:blur(4px) !important;
  -webkit-backdrop-filter:blur(4px) !important;
  z-index:1 !important;
}

/* Play button */
.single-bwb_win .bwb-single-play{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;

  width:110px !important;
  height:110px !important;
  border-radius:50% !important;

  background:rgba(0,0,0,.65) !important;
  border:2px solid rgba(255,255,255,.25) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.6) !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:46px !important;
  color:#fff !important;

  z-index:2 !important;
  pointer-events:auto !important;
}

.single-bwb_win .bwb-single-play:hover{
  transform:translate(-50%,-50%) scale(1.06) !important;
  background:rgba(0,0,0,.80) !important;
  box-shadow:0 14px 40px rgba(0,0,0,.7) !important;
}

/* Info box */
.single-bwb_win .bwb-replay-info{
  max-width:1000px !important;
  margin:15px auto 0 !important;
  padding: 10px !important;
  background:#111 !important;
  border-radius:14px !important;
  box-shadow:0 20px 60px rgba(0,0,0,.5) !important;
}

/* Title link (force white, no red hover) */
.single-bwb_win .bwb-replay-title,
.single-bwb_win .bwb-replay-title:visited{
  font-size:26px !important;
  font-weight:800 !important;
  color:#fff !important;
  text-decoration:none !important;
}
.single-bwb_win .bwb-replay-title:hover{
  color:#fff !important;
  text-decoration:underline !important;
}

/* Meta row */
.single-bwb_win .bwb-replay-meta{
  margin-top:6px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:18px !important;
  align-items:center !important;
  font-size:14px !important;
  color:#aaa !important;
}

.single-bwb_win .bwb-meta-user{ color:#ccc !important; font-weight:600 !important; }
.single-bwb_win .bwb-meta-time{ color:#777 !important; }
.single-bwb_win .bwb-meta-xbet{ color:#ffd54a !important; font-weight:700 !important; }

/* Like pill */
.single-bwb_win .bwb-replay-meta .bwb-likes{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;

  height:32px !important;
  padding:0 14px !important;

  background:#1a1a1a !important;
  border:1px solid #2a2a2a !important;
  border-radius:30px !important;

  font-weight:600 !important;
  font-size:14px !important;

  color:#ff3b3b !important;
  cursor:pointer !important;
}

.single-bwb_win .bwb-replay-meta .bwb-likes .bwb-likes-count{
  color:#fff !important;
}

.single-bwb_win .bwb-replay-meta .bwb-likes:hover{
  background:#222 !important;
  border-color:#444 !important;
}

.single-bwb_win .bwb-replay-meta .bwb-likes.is-liked{
  background:#163d73 !important;
  border-color:#163d73 !important;
}

/* Comment box */
.single-bwb_win .bwb-replay-comment{
  margin-top:20px !important;
  padding:18px 22px !important;
  background:#1a1a1a !important;
  border-radius:10px !important;
  font-size:15px !important;
  line-height:1.6 !important;
  color:#ddd !important;
}

/* ===== Red pill buttons (widget + sortbar) ===== */
.bwb-wins-actions .bwb-pill-link,
.bwb-sortbar .bwb-pill-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:2px 6px;
  border-radius:4px;
  border:1px solid #f21313;

  background:linear-gradient(180deg,#f21313,#c90f0f);
  color:#fff;

  font-size:12px;
  font-weight:800;
  text-decoration:none;

  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;

  box-shadow:
    0 6px 14px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.12);
}

.bwb-wins-actions .bwb-pill-link:hover,
.bwb-wins-actions .bwb-pill-link:focus,
.bwb-sortbar .bwb-pill-link:hover,
.bwb-sortbar .bwb-pill-link:focus{
  background:linear-gradient(180deg,#ff2a2a,#e31313);
  border-color:#ff3a3a;
  color:#fff;

  box-shadow:
    0 10px 26px rgba(0,0,0,.75),
    0 0 18px rgba(242,19,19,.45),
    inset 0 0 0 1px rgba(255,255,255,.25);
}

/* ===== Widget spacing ===== */
.mh-sidebar .bwb-wins .mh-widget-title,
.mh-home-sidebar .bwb-wins .mh-widget-title,
.mh-widget .bwb-wins .mh-widget-title{
  margin-bottom:6px;
}

.mh-sidebar .bwb-wins-actions,
.mh-home-sidebar .bwb-wins-actions,
.mh-widget .bwb-wins-actions{
  margin:0 0 6px;
  padding:0;
}

.bwb-sidebar-actions {
    display: flex;
    gap: 8px;
}

.bwb-userlink {
  color: inherit;
  text-decoration: none;
}
.bwb-userlink:hover {
  text-decoration: underline;
}

/* Force username link styling */
.bwb-rp-user .bwb-userlink,
.bwb-meta-user .bwb-userlink {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: inherit;
}

.bwb-rp-user .bwb-userlink:hover,
.bwb-meta-user .bwb-userlink:hover {
  text-decoration: underline !important;
}