/* Sidebar Widgets & Badges styling */
.hd-sidebar-column {
  display: flex;
  flex-direction: column;
  gap: var(--hd-spacing-xl);
}

.hd-sidebar-widget {
  background-color: var(--hd-surface);
  border: 1px solid var(--hd-border-glass);
  border-radius: var(--hd-radius-lg);
  padding: var(--hd-spacing-lg);
}

.hd-widget-title {
  font-size: var(--hd-text-md);
  margin-bottom: var(--hd-spacing-md);
  border-left: 3px solid var(--hd-primary);
  padding-left: var(--hd-spacing-xs);
}

.hd-widget-title.hd-title-with-icon {
  border-left: none !important;
  padding-left: 0 !important;
}

/* Badges list */
.hd-genres-list,
.hd-studios-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hd-spacing-xs);
}

.hd-genre-badge,
.hd-studio-badge {
  background-color: var(--hd-bg);
  border: 1px solid var(--hd-border);
  color: var(--hd-text-muted);
  font-size: var(--hd-text-xs);
  font-weight: 500;
  padding: 6px 12px;
  border-radius: var(--hd-radius-sm);
  transition: var(--hd-transition-all);
}

.hd-genre-badge:hover,
.hd-studio-badge:hover {
  background-color: var(--hd-primary);
  color: var(--hd-text-main);
  border-color: var(--hd-primary);
}

/* Collections widget */
.hd-collection-list li {
  border-bottom: 1px solid var(--hd-border);
  padding: var(--hd-spacing-sm) 0;
}

.hd-collection-list li:last-child {
  border-bottom: none;
}

.hd-collection-item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: var(--hd-text-sm);
  color: var(--hd-text-muted);
  transition: var(--hd-transition-all);
}

.hd-collection-item-link:hover {
  color: var(--hd-primary);
}

.hd-collection-count {
  background: var(--hd-surface-hover);
  padding: 2px 6px;
  border-radius: var(--hd-radius-xs);
  font-size: 11px;
}

/* ==========================================================================
   ─── Sidebar New Series Widget ───
   ========================================================================== */
.hd-sidebar-new-series-widget {
  margin-top: 0;
}

.hd-new-series-list {
  display: flex;
  flex-direction: column;
  gap: var(--hd-spacing-md);
}

.hd-new-series-row {
  display: flex;
  align-items: center;
  gap: var(--hd-spacing-md);
  padding: var(--hd-spacing-xs);
  border-radius: var(--hd-radius-md);
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.02);
  transition: all var(--hd-transition-all);
  text-decoration: none;
  margin: 0 -8px; /* Negative margin for wider hover focus highlight */
}

.hd-new-series-row:hover {
  background: var(--hd-surface-glass);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-color: var(--hd-border-glass-active);
  transform: translateX(4px);
  box-shadow: 
    var(--hd-shadow-sm),
    0 0 15px rgba(255, 255, 255, 0.02);
}

.hd-new-series-poster-wrap {
  position: relative;
  width: 52px;
  aspect-ratio: 2/3;
  border-radius: var(--hd-radius-sm);
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
  background-color: var(--hd-bg);
}

.hd-new-series-poster-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--hd-duration-slow) var(--hd-ease-out);
}

.hd-new-series-row:hover .hd-new-series-poster-img {
  transform: scale(1.12);
}

.hd-new-series-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-grow: 1;
  min-width: 0; /* Prevents text overflow */
}

.hd-new-series-title {
  font-family: var(--hd-font-display);
  font-size: var(--hd-text-sm);
  font-weight: 700;
  color: var(--hd-text-main);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  transition: color var(--hd-transition-all);
}

.hd-new-series-row:hover .hd-new-series-title {
  color: var(--hd-primary);
}

.hd-new-series-meta {
  display: flex;
  align-items: center;
  gap: var(--hd-spacing-xs);
  flex-wrap: wrap;
}

.hd-new-series-genres {
  font-size: 11px;
  color: var(--hd-text-dim);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.hd-new-series-badge {
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 1px 5px;
  border-radius: var(--hd-radius-xs);
  border: 1px solid rgba(255, 255, 255, 0.05);
  letter-spacing: 0.03em;
}

.hd-new-series-badge.type-ona {
  background: rgba(0, 200, 150, 0.15);
  color: #00ffc8;
  border-color: rgba(0, 200, 150, 0.3);
}

.hd-new-series-badge.type-tv {
  background: rgba(124, 77, 255, 0.15);
  color: #b388ff;
  border-color: rgba(124, 77, 255, 0.3);
}

.hd-new-series-badge.type-movie {
  background: rgba(255, 167, 38, 0.15);
  color: #ffb74d;
  border-color: rgba(255, 167, 38, 0.3);
}

.hd-new-series-badge.type-special {
  background: rgba(233, 30, 99, 0.15);
  color: #ff80ab;
  border-color: rgba(233, 30, 99, 0.3);
}

.hd-new-series-score {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 11px;
  font-weight: 700;
  color: var(--hd-accent);
}

.hd-new-series-score svg {
  flex-shrink: 0;
  color: var(--hd-accent);
}

.hd-new-series-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1px;
}

.hd-new-series-studio {
  font-size: 10px;
  color: var(--hd-text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
}