/* Bingebaaz cinematic editorial redesign */
:root {
  --bb-bg: #0d0f14;
  --bb-bg-soft: #151922;
  --bb-surface: #1a1f2b;
  --bb-border: rgba(245,185,66,0.16);
  --bb-text: #f5f7fa;
  --bb-muted: #a7b0be;
  --bb-accent: #f5b942;
  --bb-accent-2: #e84c3d;
}
body {
  background:
    radial-gradient(circle at top left, rgba(232,76,61,0.15), transparent 30%),
    radial-gradient(circle at top right, rgba(245,185,66,0.14), transparent 34%),
    var(--bb-bg) !important;
  color: var(--bb-text) !important;
}
#page {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 0 14px;
  background: rgba(13, 15, 20, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.site-branding {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-title-text {
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: var(--bb-text) !important;
}
.site-title-text span {
  color: var(--bb-accent) !important;
}
.main-navigation .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-navigation .menu a {
  display: inline-flex;
  align-items: center;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  color: var(--bb-text) !important;
  font-size: 0.88rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-decoration: none;
}
.main-navigation .menu a:hover {
  border-color: rgba(245,185,66,0.38);
  color: var(--bb-accent) !important;
}
.platform-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 14px 0 36px;
  padding: 18px 22px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
}
.platform-strip__label {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--bb-muted);
  margin-right: 8px;
}
.platform-strip .platform-badge {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  color: var(--bb-text) !important;
  border: 1px solid rgba(255,255,255,0.08);
  text-decoration: none;
}
.platform-strip .platform-badge:nth-of-type(n+5) {
  display: none !important;
}
.hero {
  max-width: 820px;
  padding: 52px 0 12px;
}
.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(232,76,61,0.12);
  color: #ffd7d2;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.hero h1 {
  margin: 18px 0 0;
  font-size: clamp(2.8rem, 6vw, 5rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--bb-text);
}
.hero .highlight {
  color: var(--bb-accent);
}
.hero-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}
.hero-btns a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 18px;
  border-radius: 14px;
  font-weight: 700;
  text-decoration: none;
}
.btn-primary {
  background: linear-gradient(135deg, var(--bb-accent), #ffd67d);
  color: #111 !important;
  box-shadow: 0 12px 30px rgba(245,185,66,0.18);
}
.btn-secondary {
  background: rgba(255,255,255,0.05);
  color: var(--bb-text) !important;
  border: 1px solid rgba(255,255,255,0.08);
}
main section {
  margin-top: 46px;
}
main section:nth-of-type(2),
main section:nth-of-type(3) {
  display: none !important;
}
.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.section-title {
  margin: 0;
  font-size: 1.4rem;
  letter-spacing: -0.02em;
  color: var(--bb-text);
}
.view-all {
  color: var(--bb-accent) !important;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
}
.featured-grid {
  grid-template-columns: 1fr !important;
}
.featured-grid .featured-card {
  display: none !important;
}
.featured-grid .post-card {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 18px 48px rgba(0,0,0,0.28);
}
.featured-grid .post-thumb-placeholder {
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(232,76,61,0.18), rgba(245,185,66,0.10));
  font-size: 4rem;
}
.featured-grid .post-body {
  padding: 28px;
}
.featured-grid .cat-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(245,185,66,0.14);
  color: var(--bb-accent);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.featured-grid .post-title {
  margin: 16px 0 12px;
  font-size: clamp(1.6rem, 2vw, 2.4rem);
  line-height: 1.12;
}
.featured-grid .post-title a {
  color: var(--bb-text) !important;
  text-decoration: none;
}
.featured-grid .post-meta {
  display: none !important;
}
.featured-grid .btn-read-more {
  display: inline-flex;
  margin-top: 10px;
  color: var(--bb-accent) !important;
  font-weight: 700;
  text-decoration: none;
}
.site-footer {
  margin-top: 56px;
  padding: 28px 0 56px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.footer-logo {
  font-size: 1.5rem;
  font-weight: 800;
}
.footer-logo .baaz {
  color: var(--bb-accent);
}
.social-btns {
  display: flex;
  gap: 10px;
  margin: 18px 0 14px;
}
.social-btn {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  color: var(--bb-text) !important;
  text-decoration: none;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin: 12px 0;
}
.footer-links a {
  color: var(--bb-muted) !important;
  text-decoration: none;
}
.site-info p {
  font-size: 0.9rem;
  margin-top: 14px;
  color: var(--bb-muted);
  line-height: 1.7;
}
@media (max-width: 900px) {
  .site-header {
    position: static;
    flex-direction: column;
    align-items: flex-start;
  }
  .main-navigation .menu {
    justify-content: flex-start;
  }
  .featured-grid .post-card {
    grid-template-columns: 1fr;
  }
  .featured-grid .post-thumb-placeholder {
    min-height: 180px;
  }
}
.footer-links a[href*="news-gossip"] {
  display: none !important;
}

/* Bingebaaz category-specific card colour system */
.post-card.bb-card {
  position: relative;
  border-color: rgba(255,255,255,0.09) !important;
  box-shadow: 0 18px 44px rgba(0,0,0,0.22);
}
.post-card.bb-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  opacity: .95;
  z-index: 1;
}
.post-card.bb-card-release {
  background: linear-gradient(180deg, rgba(0,210,211,0.12), rgba(9,26,34,0.96)) !important;
  border-color: rgba(0,210,211,0.22) !important;
}
.post-card.bb-card-release::before { background: linear-gradient(90deg, #00d2d3, #38f4ff); }
.post-card.bb-card-release:hover { box-shadow: 0 18px 48px rgba(0,210,211,0.16) !important; }
.post-card.bb-card-review {
  background: linear-gradient(180deg, rgba(255,178,0,0.12), rgba(30,18,28,0.96)) !important;
  border-color: rgba(255,178,0,0.24) !important;
}
.post-card.bb-card-review::before { background: linear-gradient(90deg, #ffb200, #ffd36a); }
.post-card.bb-card-review:hover { box-shadow: 0 18px 48px rgba(255,178,0,0.16) !important; }
.post-card.bb-card-explainer {
  background: linear-gradient(180deg, rgba(232,76,61,0.14), rgba(31,13,28,0.96)) !important;
  border-color: rgba(232,76,61,0.24) !important;
}
.post-card.bb-card-explainer::before { background: linear-gradient(90deg, #e84c3d, #ff6a5b); }
.post-card.bb-card-explainer:hover { box-shadow: 0 18px 48px rgba(232,76,61,0.16) !important; }
.post-card.bb-card-list {
  background: linear-gradient(180deg, rgba(155,89,182,0.15), rgba(22,12,42,0.96)) !important;
  border-color: rgba(155,89,182,0.26) !important;
}
.post-card.bb-card-list::before { background: linear-gradient(90deg, #9b59b6, #c084fc); }
.post-card.bb-card-list:hover { box-shadow: 0 18px 48px rgba(155,89,182,0.16) !important; }
.post-card.bb-card-feature {
  background: linear-gradient(180deg, rgba(255,77,148,0.13), rgba(24,12,38,0.96)) !important;
  border-color: rgba(255,77,148,0.22) !important;
}
.post-card.bb-card-feature::before { background: linear-gradient(90deg, #ff4d94, #ff7ab8); }
.post-card.bb-card-feature:hover { box-shadow: 0 18px 48px rgba(255,77,148,0.15) !important; }
.post-card.bb-card-release .cat-tag.yellow { background:#00d2d3 !important; color:#041216 !important; }
.post-card.bb-card-review .cat-tag.yellow { background:#ffb200 !important; color:#151008 !important; }
.post-card.bb-card-explainer .cat-tag.yellow { background:#e84c3d !important; color:#fff !important; }
.post-card.bb-card-list .cat-tag.yellow { background:#9b59b6 !important; color:#fff !important; }
.post-card.bb-card-feature .cat-tag.yellow { background:#ff4d94 !important; color:#fff !important; }


/* Bingebaaz category accent cleanup 2026-05: keep card strokes inside their own family */
.post-card.bb-card-release::before { background: linear-gradient(90deg, #00d2d3, #38f4ff) !important; }
.post-card.bb-card-review::before { background: linear-gradient(90deg, #ffb200, #ffd36a) !important; }
.post-card.bb-card-explainer::before { background: linear-gradient(90deg, #e84c3d, #ff6a5b) !important; }
.post-card.bb-card-list::before { background: linear-gradient(90deg, #9b59b6, #c084fc) !important; }
.post-card.bb-card-feature::before { background: linear-gradient(90deg, #ff4d94, #ff7ab8) !important; }


/* Bingebaaz category image divider cleanup 2026-05 */
.post-card.bb-card-release .post-thumb-placeholder,
.post-card.bb-card-release .post-thumbnail { border-bottom-color:#00d2d3 !important; }
.post-card.bb-card-review .post-thumb-placeholder,
.post-card.bb-card-review .post-thumbnail { border-bottom-color:#ffb200 !important; }
.post-card.bb-card-explainer .post-thumb-placeholder,
.post-card.bb-card-explainer .post-thumbnail { border-bottom-color:#e84c3d !important; }
.post-card.bb-card-list .post-thumb-placeholder,
.post-card.bb-card-list .post-thumbnail { border-bottom-color:#9b59b6 !important; }
.post-card.bb-card-feature .post-thumb-placeholder,
.post-card.bb-card-feature .post-thumbnail { border-bottom-color:#ff4d94 !important; }

/* ===== BINGEBAAZ ENDING EXPLAINED GREEN THEME V1 ===== */
.archive-main > .archive-hero--explained {
  background:
    radial-gradient(circle at 88% 8%, rgba(163, 230, 53, 0.22), transparent 30%),
    linear-gradient(135deg, rgba(34, 197, 94, 0.17), rgba(7, 29, 22, 0.97) 48%, rgba(14, 7, 32, 0.98)) !important;
}
.post-card.bb-card-explainer,
.archive-lead-card--explained,
.archive-support-card--explainer {
  background: linear-gradient(180deg, rgba(34,197,94,0.14), rgba(7,29,22,0.96)) !important;
  border-color: rgba(34,197,94,0.30) !important;
}
.post-card.bb-card-explainer::before { background: linear-gradient(90deg, #22c55e, #a3e635) !important; }
.post-card.bb-card-explainer:hover,
.archive-lead-card--explained:hover,
.archive-support-card--explainer:hover { box-shadow: 0 18px 48px rgba(34,197,94,0.17) !important; }
.post-card.bb-card-explainer .cat-tag.yellow,
.archive-lead-card--explained .cat-tag.yellow,
.archive-support-card--explainer .cat-tag.yellow,
.archive-lead-card--explained .archive-panel-label,
.archive-support-card--explainer .archive-panel-label { background:#22c55e !important; color:#04120a !important; }
.post-card.bb-card-explainer .post-thumb-placeholder,
.post-card.bb-card-explainer .post-thumbnail { border-bottom-color:#22c55e !important; }

/* Bingebaaz review stamp logo fit - test post 1458 */
.postid-1458 .bb-verdict-take__seal-logo {
  width: 38px !important;
  height: 38px !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #120a18 !important;
  padding: 2px !important;
  border: 1px solid rgba(255,196,82,.62) !important;
  box-shadow: 0 0 0 2px rgba(255,178,0,.10), 0 1px 4px rgba(0,0,0,.35) !important;
}
@media (max-width: 900px) {
  .postid-1458 .bb-verdict-take__seal-logo {
    width: 25px !important;
    height: 25px !important;
    padding: 1px !important;
  }
}

/* Bingebaaz review stamp bigger cross-pill - test post 1458 */
.postid-1458 .bb-verdict-take {
  grid-template-columns: 88px 1fr !important;
  column-gap: 20px !important;
}
.postid-1458 .bb-verdict-take__seal {
  width: 78px !important;
  height: 78px !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.postid-1458 .bb-verdict-take__seal::before {
  inset: 7px !important;
  z-index: 2 !important;
}
.postid-1458 .bb-verdict-take__seal::after {
  inset: 14px !important;
  z-index: 2 !important;
}
.postid-1458 .bb-verdict-take__seal-logo {
  width: 44px !important;
  height: 44px !important;
  max-width: none !important;
  max-height: none !important;
  position: relative !important;
  z-index: 3 !important;
}
.postid-1458 .bb-verdict-take__seal-word {
  top: 50% !important;
  bottom: auto !important;
  left: 50% !important;
  width: 96px !important;
  height: 22px !important;
  padding: 0 9px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1 !important;
  border-radius: 999px !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}
.postid-1458 .bb-verdict-take__seal-word-hidden {
  visibility: hidden !important;
  width: 46px !important;
  flex: 0 0 46px !important;
}
@media (max-width: 900px) {
  .postid-1458 .bb-verdict-take {
    grid-template-columns: 54px 1fr !important;
    column-gap: 10px !important;
  }
  .postid-1458 .bb-verdict-take__seal {
    width: 50px !important;
    height: 50px !important;
  }
  .postid-1458 .bb-verdict-take__seal::before { inset: 5px !important; }
  .postid-1458 .bb-verdict-take__seal::after { inset: 10px !important; }
  .postid-1458 .bb-verdict-take__seal-logo {
    width: 30px !important;
    height: 30px !important;
  }
  .postid-1458 .bb-verdict-take__seal-word {
    width: 62px !important;
    height: 14px !important;
    padding: 0 5px !important;
    font-size: .27rem !important;
  }
  .postid-1458 .bb-verdict-take__seal-word-hidden {
    width: 28px !important;
    flex-basis: 28px !important;
  }
}

/* Bingebaaz desktop width refinement 2026-05-23 */
@media (min-width: 1024px) {
  #page,
  .archive-main,
  .single-main {
    width: min(1160px, calc(100% - 48px)) !important;
  }

  .single-post-content {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .archive-title,
  .single-post-title {
    max-width: 900px !important;
  }
}

/* Bingebaaz article title width + desktop header search fix 2026-05-23 */
@media (min-width: 1024px) {
  .single-hero,
  .single-hero-panel {
    max-width: 840px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .single-post-title,
  .single-intro,
  .single-meta,
  .single-topline {
    max-width: 840px !important;
  }

  .site-header {
    gap: 10px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .site-branding {
    flex: 0 0 auto !important;
    gap: 10px !important;
  }

  .main-navigation {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  .bb-primary-menu {
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
  }

  .main-navigation a {
    white-space: nowrap !important;
    padding: 8px 10px !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.035em !important;
  }

  .bb-header-search {
    flex: 0 0 auto !important;
    margin-left: 4px !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .bb-header-search input {
    width: 145px !important;
  }

  .bb-header-search button {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .site-title-text {
    font-size: 1.24rem !important;
  }

  .main-navigation a {
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 0.70rem !important;
  }

  .bb-primary-menu {
    gap: 5px !important;
  }

  .bb-header-search input {
    width: 128px !important;
  }
}

/* Bingebaaz compact review verdict card 2026-05-24 */
@media (min-width: 1024px) {
  .single-wrap--review .single-hero-panel {
    grid-template-columns: minmax(0, 1fr) minmax(128px, 170px) !important;
    gap: 18px !important;
    align-items: start !important;
  }

  .single-wrap--review .single-review-panel {
    align-self: end !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: center !important;
    padding: 16px 18px !important;
    border-radius: 18px !important;
    gap: 8px !important;
  }

  .single-wrap--review .single-review-panel__label {
    font-size: 0.70rem !important;
    letter-spacing: 0.12em !important;
  }

  .single-wrap--review .single-review-score {
    font-size: clamp(2rem, 3.2vw, 2.55rem) !important;
  }
}

/* Bingebaaz review hero title reclaim space 2026-05-24 */
@media (min-width: 1024px) {
  .single-wrap--review .single-hero-panel {
    position: relative !important;
    display: block !important;
    padding: 30px 36px !important;
  }

  .single-wrap--review .single-hero-copy {
    max-width: none !important;
    width: 100% !important;
  }

  .single-wrap--review .single-post-title,
  .single-wrap--review .single-topline,
  .single-wrap--review .single-review-kicker,
  .single-wrap--review .single-meta {
    max-width: none !important;
    width: 100% !important;
  }

  .single-wrap--review .single-intro,
  .single-wrap--review .platform-tags {
    max-width: calc(100% - 250px) !important;
  }

  .single-wrap--review .single-review-panel {
    position: absolute !important;
    right: 36px !important;
    bottom: 48px !important;
    width: 205px !important;
    min-height: 0 !important;
    height: auto !important;
    justify-content: center !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    gap: 8px !important;
  }
}

/* Bingebaaz universal review verdict placement 2026-05-24 */
@media (min-width: 1024px) {
  .single-wrap--review .single-hero-panel {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 205px !important;
    grid-template-rows: auto auto auto auto auto !important;
    column-gap: 36px !important;
    row-gap: 0 !important;
    align-items: start !important;
    padding: 30px 36px !important;
  }

  .single-wrap--review .single-hero-copy {
    display: contents !important;
  }

  .single-wrap--review .single-topline,
  .single-wrap--review .single-review-kicker,
  .single-wrap--review .single-post-title,
  .single-wrap--review .single-meta {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    width: 100% !important;
  }

  .single-wrap--review .single-intro,
  .single-wrap--review .platform-tags {
    grid-column: 1 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .single-wrap--review .single-review-panel {
    position: static !important;
    grid-column: 2 !important;
    grid-row: 5 / span 2 !important;
    align-self: start !important;
    justify-self: end !important;
    width: 205px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    gap: 8px !important;
    margin-top: 0 !important;
  }
}