/* ===============================================
   GLOBAL BADGE OVERRIDES (ALL GRIDS, ALL STATES)
   =============================================== */
:root {
  --ab-badge-text: #fff;
  --ab-badge-bg: rgba(255,255,255,0.06);
  --ab-badge-border: rgba(255,255,255,0.08);
}

/* Core badge pills (generated + theme) */
.ab-badge,
.ab-meta .ab-meta-len,
.ab-meta .ab-meta-views,
.ab-meta .ab-meta-len *,
.ab-meta .ab-meta-views *,
.ab-badge *,
.ab-badge svg,
.ab-meta .ab-meta-len svg,
.ab-meta .ab-meta-views svg {
  color: var(--ab-badge-text) !important;
  fill: var(--ab-badge-text) !important;
  stroke: var(--ab-badge-text) !important;
}

/* Pill look */
.ab-badge,
.ab-meta .ab-meta-len,
.ab-meta .ab-meta-views {
  background: var(--ab-badge-bg);
  border: 1px solid var(--ab-badge-border);
  border-radius: 12px;
  padding: 2px 8px;
  line-height: 1.15;
}

/* Cover all link states inside badges */
.ab-badge a:link,
.ab-badge a:visited,
.ab-badge a:hover,
.ab-badge a:active,
.ab-badge a:focus,
.ab-meta .ab-meta-len a:link,
.ab-meta .ab-meta-len a:visited,
.ab-meta .ab-meta-len a:hover,
.ab-meta .ab-meta-len a:active,
.ab-meta .ab-meta-len a:focus,
.ab-meta .ab-meta-views a:link,
.ab-meta .ab-meta-views a:visited,
.ab-meta .ab-meta-views a:hover,
.ab-meta .ab-meta-views a:active,
.ab-meta .ab-meta-views a:focus {
  color: var(--ab-badge-text) !important;
  fill: var(--ab-badge-text) !important;
  stroke: var(--ab-badge-text) !important;
  text-decoration: none !important;
}

/* Beat inline style="color:..." */
.ab-badge [style*="color"],
.ab-meta .ab-meta-len [style*="color"],
.ab-meta .ab-meta-views [style*="color"] {
  color: var(--ab-badge-text) !important;
}

/* “Just in case” grid scopes */
.related-videos .ab-badge,
.related-videos .ab-meta .ab-meta-len,
.related-videos .ab-meta .ab-meta-views,
.watch-related .ab-badge,
.watch-related .ab-meta .ab-meta-len,
.watch-related .ab-meta .ab-meta-views,
#related .ab-badge,
#related .ab-meta .ab-meta-len,
#related .ab-meta .ab-meta-views,
.ab-related .ab-badge,
.ab-related .ab-meta .ab-meta-len,
.ab-related .ab-meta .ab-meta-views,
.latest .ab-badge,
.latest .ab-meta .ab-meta-len,
.latest .ab-meta .ab-meta-views,
.trending .ab-badge,
.trending .ab-meta .ab-meta-len,
.trending .ab-meta .ab-meta-views {
  color: var(--ab-badge-text) !important;
  fill: var(--ab-badge-text) !important;
  stroke: var(--ab-badge-text) !important;
}

/* ================================
   CARD POLISH — remove tiny “nubs”
   ================================ */
.ab-grid,
.ab-cards,
.related-videos .ab-grid,
.watch-related .ab-grid,
#related .ab-grid,
.ab-related .ab-grid,
.latest .ab-grid,
.trending .ab-grid {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.ab-card-wrap,
.ab-card {
  position: relative;
}

.ab-card-wrap::marker,
.ab-card::marker,
.ab-grid li::marker {
  content: '' !important;
}

/* Make the meta row crisp and consistent */
.ab-meta {
  display: flex;
  align-items: center;
  justify-content: space-between; /* left=views, right=duration */
  margin-top: 6px;
  gap: 6px;
}

.ab-meta .ab-meta-views { order: 1; }
.ab-meta .ab-meta-len   { order: 2; }