/*
Theme Name: AnimeStream Child
Theme URI: https://themesia.com/animestream-wordpress-theme
Author: Themesia
Author URI: https://themesia.com
Description: child theme for animestream.
Template: animestream
Version: 1.0.2
Tags: black, yellow, blue, purple, light, two-columns, right-sidebar, custom-header, custom-menu, featured-images
Text Domain: animestream-child
*/
/* Thumbnail must be positioned relative so badges can be absolutely placed */
.thumbnail {
  position: relative;
  display: inline-block; /* ya block/whatever tumhara layout ho */
}

/* Container that pins badges to the bottom-right corner, attached to corner */
.badge-stack {
  position: absolute;
  bottom: 4px;   /* corner se thoda offset; 0px karega bilkul edge pe */
  right: 4px;    /* bottom-right corner. change to left:4px for bottom-left */
  display: flex; /* badges side-by-side, attached */
  gap: 0;        /* 0 => badges touch each other; change if chaho */
  align-items: center;
  pointer-events: none; /* agar tum chaho ki thumbnail clicks pass-through ho; remove if badges should be clickable */
  z-index: 10;   /* ensure badges are on top of thumbnail */
}

/* Make each badge accept pointer events if needed (optional) */
.badge-stack .badge {
  pointer-events: auto;
}

/* Common badge base (shared rules) */
.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: bold !important;
  padding: 0px 10px !important; /* vertical 0 (tight height), horizontal a little larger */
  line-height: 12px !important; /* match font-size to keep height tight and text vertically centered */
  height: auto;                 /* don't force fixed height so small fonts remain crisp */
  border-radius: 5px !important;
  text-shadow: 0 0 3px #000 !important;
  /* Preserve glow/shadow per-badge below */
  white-space: nowrap;          /* prevent wrapping */
  margin: 0;                    /* no extra space between badges (attached) */
}

/* Optional thin divider / overlap tweak:
   If you want badges slightly overlapping each other (more 'attached' look), use negative margin-left:
.badge + .badge { margin-left: -2px; }
*/

/* === Individual badge color/glow variants === */

.epx {
  background: linear-gradient(135deg, #8e2de2, #4a00e0);
  box-shadow: 0 0 8px #8e2de2, 0 0 18px #4a00e0 !important;
}

span.sb.Dub {
  background: linear-gradient(135deg, #ff416c, #ff4b2b);
  box-shadow: 0 0 8px #ff416c, 0 0 18px #ff4b2b !important;
}

span.sb.Sub {
  background: linear-gradient(135deg, #00c6ff, #0072ff);
  box-shadow: 0 0 8px #00c6ff, 0 0 18px #0072ff !important;
}

span.sb.Raw {
  background: linear-gradient(135deg, #f7971e, #ffd200);
  box-shadow: 0 0 8px #f7971e, 0 0 18px #ffd200 !important;
}

span.sb.Ongoing {
  background: linear-gradient(135deg, #00ff87, #60efff);
  box-shadow: 0 0 8px #00ff87, 0 0 18px #60efff !important;
}

span.sb.Special {
  background: linear-gradient(135deg, #ff512f, #dd2476);
  box-shadow: 0 0 8px #ff512f, 0 0 18px #dd2476 !important;
}