/* =========================================
🔥 BEST F'ING GAMES – BRAND COLOR FIX
Keep light theme, restore white text in red banners
========================================= */

/* True brand red for all accents */
:root {
  --rt-primary-color: #FF0000 !important;
  --rt-theme-color: #FF0000 !important;
  --rt-main-color: #FF0000 !important;
  --rt-accent-color: #FF0000 !important;
}

/* Red ribbons and badges – white text */
.rt-badge,
.rt-post-cat a,
.rt-section-title:before,
.rt-section-title:after {
  background-color: #FF0000 !important;
  color: #FFFFFF !important;
  border-color: #FF0000 !important;
}

/* Meta icons (calendar, author, comments) – red icons, dark text */
.post-meta i,
.rt-meta i {
  color: #FF0000 !important;
}

.post-meta,
.rt-meta {
  color: #444444 !important;
}

/* Read More buttons */
.rt-btn {
  border: 2px solid #FF0000 !important;
  color: #2B2B2B !important;
  background-color: transparent !important;
  font-weight: 600;
  transition: all 0.3s ease;
}

.rt-btn:hover {
  background-color: #FF0000 !important;
  color: #FFFFFF !important;
  border-color: #FF0000 !important;
}

/* Category hover effect */
.rt-post-cat a:hover {
  background-color: #A60000 !important;
}

/* Optional: add subtle border hover for article cards */
.rt-post:hover {
  border-color: #FF0000 !important;
  box-shadow: 0 0 6px rgba(255, 0, 0, 0.15);
}
/* BFG — normalize the Gamxo "thumb slider" rail height */
.bfg-hero-rail .rt-thumb-slider .rt-el-item,
.bfg-hero-rail .rt-el-item {
  /* Pick your height here */
  height: clamp(240px, 28vh, 320px) !important;
  min-height: 0 !important;
}

/* Some skins put min-height on the blur/rail wrapper—neutralize it */
.bfg-hero-rail .rt-blur, 
.bfg-hero-rail .rt-blur-wrapper, 
.bfg-hero-rail .rt-el-items, 
.bfg-hero-rail .rt-el-inner {
  min-height: 0 !important;
}

/* Keep thumbs from stretching the card */
.bfg-hero-rail .rt-el-thumb,
.bfg-hero-rail .rt-el-thumb img {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
}

/* Optional: if the rail still looks too tall, trim padding in the cards */
.bfg-hero-rail .rt-el-content {
  padding-top: 12px;
  padding-bottom: 12px;
}