/* =========================================================
   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(4,minmax(0,1fr));
  gap:30px;
}

@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); }
}
/* One card per row on mobile */
@media (max-width:600px){
  .bwb-page-wrap .bwb-rp-grid{ grid-template-columns: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: #1a1d26;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,.25);
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.bwb-page-wrap .bwb-rp-card:hover {
  background: #1e222c;
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 6px 28px rgba(0,0,0,.3);
}

.bwb-rp-thumb {
  display: block;
  position: relative;
  background: #0f1218;
  overflow: hidden;
}

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

.bwb-rp-thumb-empty {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #1a1f2e 0%, #0f1218 100%);
}

.bwb-rp-thumb-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.35);
  opacity: 0;
  transition: opacity .25s ease;
}

.bwb-rp-card:hover .bwb-rp-thumb-play {
  opacity: 1;
}

.bwb-rp-thumb-play i {
  font-size: 48px;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.5);
}

/* On mobile: always show play overlay (no hover), larger tap target */
@media (max-width: 600px) {
  .bwb-rp-thumb-play {
    opacity: 0.92;
    background: rgba(0,0,0,.4);
  }
  .bwb-rp-card:hover .bwb-rp-thumb-play {
    opacity: 1;
  }
  .bwb-rp-thumb-play i {
    font-size: 56px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

.bwb-rp-body {
  padding: 16px;
  min-width: 0; /* allow shrinking so .bwb-rp-comment line-clamp works in grid */
}

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

/* Title row: title + xbet on same line */
.bwb-rp-title-row,
.bwb-page-wrap .bwb-rp-card .bwb-rp-title-row {
  margin: 0 0 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
  min-height: 0;
  width: 100%;
}

.bwb-rp-title,
.bwb-rp-title:visited {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.3;
  display: block;
}

.bwb-rp-title:hover {
  text-decoration: underline !important;
  color: #fff !important;
}

.bwb-rp-title-row .bwb-rp-xbet {
  flex: 0 0 auto;
  flex-shrink: 0;
}

/* ---- Meta ---- */
.bwb-rp-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 12px;
  font-size: 12px;
  color: rgba(255,255,255,.7);
  margin-bottom: 8px;
}

.bwb-rp-meta i {
  opacity: .85;
  margin-right: 4px;
}

.bwb-rp-user,
.bwb-rp-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bwb-rp-user i {
  color: #94a3b8;
}

.bwb-rp-time i {
  color: #64748b;
}

.bwb-rp-xbet {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  background: linear-gradient(135deg, #facc15, #eab308);
  color: #111;
  white-space: nowrap;
}

.bwb-rp-xbet i {
  margin-right: 5px;
  opacity: 1;
  color: inherit;
}

.bwb-rp-bet {
  flex: 0 0 auto;
  font-size: 12px;
  color: rgba(255,255,255,.85);
  white-space: nowrap;
}

.bwb-rp-bet .fa-money-bill {
  opacity: .9;
  color: #108d10;
  margin-right: 4px;
}

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

.bwb-rp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.8);
  font-weight: 600;
  font-size: 12px;
}

.bwb-rp-chip i {
  font-size: 13px;
  opacity: .9;
}

/* Card like button – use .bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes in inspector to override */
.bwb-rp-actions .bwb-likes,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  min-height: 36px;
  padding: 0 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.06);
  font-weight: 600;
  font-size: 12px;
  cursor: pointer;
  transition: background .2s ease, border-color .2s ease;
}

.bwb-rp-actions .bwb-likes .bwb-likes-inner,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-inner {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

.bwb-rp-actions .bwb-likes .bwb-likes-inner i,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-inner i {
  vertical-align: middle;
  margin-right: 4px;
}

.bwb-rp-actions .bwb-likes .bwb-likes-inner .fa-heart,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-inner .fa-heart {
  color: #f87171;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.bwb-rp-actions .bwb-likes.is-liked .bwb-likes-inner .fa-heart,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes.is-liked .bwb-likes-inner .fa-heart {
  font-weight: 900;
  color: #ef4444;
}

.bwb-rp-actions .bwb-likes .bwb-likes-count,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-count {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.bwb-rp-actions .bwb-likes:hover,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes:hover {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
}

.bwb-rp-actions .bwb-likes.is-liked,
.bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes.is-liked {
  background: rgba(239,68,68,.15);
  border-color: rgba(239,68,68,.35);
}

.bwb-rp-btn {
  flex: 1 1 auto;
  min-width: 0;
  height: 40px;
  padding: 0 16px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, #0d9488, #0f766e);
  box-shadow: 0 2px 8px rgba(13,148,136,.3);
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}

.bwb-rp-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(13,148,136,.4);
  filter: brightness(1.05);
}

.bwb-rp-btn i {
  font-size: 16px;
}

.bwb-page-wrap .bwb-rp-btn {
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
}

.mh-sidebar .bwb-rp-btn,
.mh-home-sidebar .bwb-rp-btn,
.mh-widget .bwb-rp-btn {
  width: 100%;
  margin-left: 0;
  margin-top: 2px;
}

/* Comment: single-line truncation so ellipsis is at end of line and nothing wraps below */
.bwb-rp-comment,
.bwb-page-wrap .bwb-rp-card .bwb-rp-comment {
  margin: 0;
  margin-top: 12px !important;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.7);
  font-size: 12px;
  line-height: 1.45;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* override theme pre-wrap so newlines don’t create extra lines */
}

/* Card mobile */
@media (max-width: 600px) {
  .bwb-page-wrap .bwb-rp-body {
    padding: 14px;
  }
  .bwb-rp-title, .bwb-rp-title:visited {
    font-size: 20px;
  }
  .bwb-rp-meta {
    font-size: 15px;
    gap: 8px 10px;
    margin-bottom: 8px;
  }
  .bwb-rp-bet {
    font-size: 15px;
  }
  .bwb-rp-bet .fa-money-bill {
    margin-right: 6px;
  }
  .bwb-rp-xbet {
    padding: 6px 12px;
    font-size: 14px;
  }
  .bwb-rp-comment,
  .bwb-page-wrap .bwb-rp-card .bwb-rp-comment {
    font-size: 15px;
  }
  .bwb-rp-chip,
  .bwb-rp-actions .bwb-likes,
  .bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes {
    height: 40px;
    min-height: 40px;
    padding: 0 14px;
    font-size: 16px;
  }
  .bwb-rp-chip i {
    font-size: 18px;
  }
  .bwb-rp-actions .bwb-likes .bwb-likes-inner .fa-heart,
  .bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-inner .fa-heart {
    font-size: 18px;
  }
  .bwb-rp-actions .bwb-likes .bwb-likes-count,
  .bwb-page-wrap .bwb-rp-card .bwb-rp-actions .bwb-likes .bwb-likes-count {
    font-size: 16px;
  }
  .bwb-rp-btn {
    height: 44px;
    font-size: 15px;
  }
}

/* =========================
   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,.5) !important;
  border:2px solid rgba(255,255,255,.22) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.5) !important;

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

  font-size:0 !important;
  color:#fff !important;
  text-shadow:none !important;

  z-index:2 !important;
  pointer-events:auto !important;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

/* Crisp CSS play triangle (replaces Unicode arrow for consistent look on mobile/desktop) */
.single-bwb_win .bwb-single-play::after{
  content:"" !important;
  display:block !important;
  width:0 !important;
  height:0 !important;
  border-style:solid !important;
  border-width:16px 0 16px 26px !important;
  border-color:transparent transparent transparent #fff !important;
  margin-left:6px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
}

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

/* Single replay play button: better on mobile */
@media (max-width: 600px) {
  .single-bwb_win .bwb-single-play {
    width: 80px !important;
    height: 80px !important;
    font-size: 0 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
  }
  .single-bwb_win .bwb-single-play::after {
    border-width: 12px 0 12px 20px !important;
    margin-left: 4px !important;
  }
  .single-bwb_win .bwb-single-play:hover {
    transform: translate(-50%,-50%) scale(1.05) !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;
}
@media (max-width: 780px) {
  .single-bwb_win .bwb-replay-meta { gap: 10px !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; }
.single-bwb_win .bwb-meta-xbet .fa-trophy { margin-right: 2px !important; }
.single-bwb_win .bwb-meta-bet{ color:rgba(255,255,255,.8) !important; }
.single-bwb_win .bwb-meta-bet .fa-money-bill{ opacity:.9; color:#108d10; }

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

  height:28px !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 ===== */
/* Title uses theme default .mh-widget-title spacing (e.g. margin-bottom: 20px) */

.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;
}











.bwb-single-thumb {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #111;
    cursor: pointer;
}

.bwb-single-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ===== Widget compact list (Latest-Comments style) ===== */
/* Override theme .textwidget ul margin/padding so list aligns left */
.textwidget { margin-top: 6px; }
.textwidget p { margin-top: 0; }
.textwidget .bwb-bw-list,
.widget .bwb-bw-list {
  margin: 0;
  padding: 0;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.bwb-bw-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bwb-bw-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  background: #1a1d26;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 8px 8px 8px 10px;
  margin-bottom: 6px;
  overflow: hidden;
  transition: background .2s ease, border-color .2s ease, transform .15s ease;
  transform: translateZ(0);
  will-change: transform;
}

.bwb-bw-list__item:hover {
  background: #22262e;
  border-color: rgba(255,255,255,.12);
  transform: translateY(-1px) translateZ(0);
}

.bwb-bw-list__link {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 0;
  text-decoration: none;
  color: inherit;
}
.bwb-bw-list__link:hover {
  text-decoration: none;
  outline: none;
  box-shadow: none;
}
.bwb-bw-list__link:hover .bwb-bw-list__title {
  font-weight: 700;
  text-decoration: none;
}
.bwb-bw-list__link:hover .bwb-bw-list__user {
  font-weight: 400;
  text-decoration: none;
}

.bwb-bw-list__thumb {
  display: block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #0f1115;
}

.bwb-bw-list__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.bwb-bw-list__thumb-empty {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #1e222a 0%, #15181f 100%);
}

.bwb-bw-list__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bwb-bw-list__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}

.bwb-bw-list__meta {
  font-size: 11px;
  color: rgba(255,255,255,.6);
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.bwb-bw-list__user {
  color: rgba(255,255,255,.75);
  font-weight: 400;
  text-decoration: none;
}
.bwb-bw-list__user .fa-user,
.bwb-bw-list__user .fas.fa-user {
  display: inline-block;
  opacity: 1;
  color: inherit;
}
.bwb-bw-list__link:hover .bwb-bw-list__user {
  font-weight: 400;
  text-decoration: none;
}

/* Dot via CSS (no special characters in HTML) */
.bwb-bw-list__dot { color: rgba(255,255,255,.4); user-select: none; }
.bwb-bw-list .bwb-bw-list__dot { display: none; }
.bwb-bw-list__dot::before { content: '\00B7'; }

.bwb-bw-list__time { color: rgba(255,255,255,.55); font-weight: 400; }
.bwb-bw-list__xbet {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}
.bwb-bw-list__xbet .fa-trophy { margin-right: 2px; color: #facc15; }
.bwb-bw-list__bet {
  flex: 0 0 auto;
  font-size: 12px;
  color: rgba(255,255,255,.75);
  white-space: nowrap;
}
.bwb-bw-list__bet .fa-money-bill {
  opacity: .9;
  color: #108d10;
}
.bwb-bw-list__likes { color: #ff6b7a; }

.bwb-bw-list__like-btn {
  flex-shrink: 0;
  min-width: 32px;
  height: 28px;
  margin: 0 6px 0 0;
  padding: 0 6px;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  background: #1a1a1a;
  color: #ff3b3b;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.bwb-bw-list__item:hover .bwb-bw-list__like-btn {
  margin: 0 6px 0 0;
  padding: 0 6px;
}
.bwb-bw-list__like-btn .fa-heart {
  font-size: 11px;
  color: #ff3b3b;
  line-height: 1;
}
.bwb-bw-list__like-btn .bwb-likes-count {
  color: #fff;
  line-height: 1;
}

.bwb-bw-list__like-btn:hover {
  background: #222;
  border-color: #444;
}

.bwb-bw-list__like-btn.is-liked {
  background: #163d73;
  border-color: #163d73;
  color: #fff;
}
.bwb-bw-list__like-btn.is-liked .fa-heart {
  color: #ff3b3b;
}
.bwb-bw-list__like-btn.is-liked .bwb-likes-count {
  color: #fff;
}

/* ===== Widget footer actions: SEE ALL + SUBMIT WIN ===== */
.bwb-widget-submit-inject .bwb-bigwins-cta {
  display: none !important;
}

.bwb-wins--sidebar .bwb-wins-actions--footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}

.bwb-wins-footer-btn {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-decoration: none;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,.12);
  background: #1a1d26;
  color: #fff;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.bwb-wins-footer-btn:hover,
.bwb-wins-footer-btn:focus {
  background: #22262e;
  border-color: rgba(255,255,255,.18);
  color: #fff;
  text-decoration: none;
}

.bwb-wins-footer-btn--see-all {
  border-color: rgba(255,255,255,.14);
  background: rgba(0,0,0,.25);
}

.bwb-wins-footer-btn--see-all:hover,
.bwb-wins-footer-btn--see-all:focus {
  background: rgba(0,0,0,.4);
  border-color: rgba(255,255,255,.2);
}

.bwb-wins-footer-btn--submit {
  border-color: #eab308;
  background: linear-gradient(180deg, #facc15, #eab308);
  color: #111;
}

.bwb-wins-footer-btn--submit:hover,
.bwb-wins-footer-btn--submit:focus {
  background: linear-gradient(180deg, #fde047, #facc15);
  border-color: #facc15;
  color: #111;
}

/* ----- Guest "Please log in to like" popup ----- */
.bwb-login-popup-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.6);
  padding: 20px;
}
.bwb-login-popup {
  background: #1a1d26;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 24px;
  max-width: 320px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
}
.bwb-login-popup p {
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
.bwb-login-popup-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.bwb-login-popup-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.15);
  background: rgba(255,255,255,.08);
  color: #fff;
  transition: background .2s ease, border-color .2s ease;
}
.bwb-login-popup-btn:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.25);
  color: #fff;
}
.bwb-login-popup-login {
  background: linear-gradient(135deg, #0d9488, #0f766e);
  border-color: rgba(13,148,136,.5);
  color: #fff;
}
.bwb-login-popup-login:hover {
  background: linear-gradient(135deg, #14b8a6, #0d9488);
  border-color: #0d9488;
  color: #fff;
}