/* Keep episode/update badges readable on poster artwork in both themes. */
.movie-card .aspect-\[2\/3\] > span.absolute.bottom-0.left-0.right-0.bg-gradient-to-t {
  left: auto !important;
  right: 8px !important;
  bottom: 8px !important;
  width: auto !important;
  max-width: calc(100% - 16px) !important;
  padding: 3px 7px !important;
  border: 1px solid rgba(255, 190, 80, 0.78) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(22, 16, 8, 0.78), rgba(0, 0, 0, 0.5)) !important;
  color: #ffd56a !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-align: right !important;
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.95),
    0 0 4px rgba(0, 0, 0, 0.9),
    0 0 10px rgba(255, 179, 0, 0.35) !important;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  -webkit-text-stroke: 0.25px rgba(55, 32, 0, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* The modal markup was written for a dark palette; keep it readable in the light theme. */
#loginModal > .relative {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  color: #111827 !important;
}

#loginModal h2 {
  color: #111827 !important;
}

#loginModal p,
#loginModal label,
#loginModal .text-gray-400 {
  color: #64748b !important;
}

#loginModal a {
  color: #f97316 !important;
  font-weight: 700;
}

#loginModal input[type="text"],
#loginModal input[type="password"] {
  background: #f1f5f9 !important;
  border-color: #dbe3ec !important;
  color: #0f172a !important;
}

#loginModal input::placeholder {
  color: #7c8797 !important;
}

#loginModal button[type="submit"] {
  min-height: 48px;
  background: linear-gradient(135deg, #ffb000 0%, #ff6b00 100%) !important;
  border-color: rgba(255, 107, 0, 0.65) !important;
  color: #1f1300 !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(255, 107, 0, 0.22);
}

#loginModal button[type="submit"] span {
  color: #1f1300 !important;
}

#loginModal button[onclick*="LoginModal.close"] {
  color: #94a3b8 !important;
}

#loginModal button[onclick*="LoginModal.close"]:hover {
  color: #334155 !important;
}