/* tv.css — TV-specific behavior & assets */
/* expects layout.css → card.css → tv.css */

/* Rating dots + colors */
.rating { margin: 0; padding: 0; font-size: 1.5em; -webkit-text-stroke-width: .5px; -webkit-text-stroke-color: #666; line-height: 1; }
.rating.no  { color: #990000; }
.rating.yes { color: #009900; }
.rating.meh { color: #ffcc00; }

/* Title / dots stacking + explicit title size */
.title-line, .dots { position: relative; z-index: 1; }
.tvcard .title-line { font-size: 14pt; } /* matches original title scale */

/* Icon asset (light) */
.tvreviewicon { content: url("/assets/tv/tv_comment_l.png"); }

/* TV card behavior (no visuals here; those live in card.css) */
.tvcard { position: relative; z-index: 0; overflow: hidden; }

.fave-badge {
  position: absolute; right: 2px; top: 6px;
  width: 25px; height: 25px; z-index: 5;
}

/* Corner review button kept visually flat */
.tvcard .review-icon {
  position: absolute; right: 0; bottom: 0; width: 45px; height: 45px; z-index: 3;
  background: transparent; border: 0; border-radius: 0; box-shadow: none;
  padding: 0; margin: 0; line-height: 0; -webkit-appearance: none; appearance: none; cursor: pointer;
}
.tvcard .review-icon img { display: block; }
.review-icon:focus { outline: none; box-shadow: none; }
.review-icon:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Review overlay (fade + centered) */
.tvcard .review {
  position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px;
  border-radius: 8px; font-size: 20px;
  display: grid; place-items: center; text-align: center;
  z-index: 7; pointer-events: none;
  transition: opacity 300ms ease, visibility 0s linear 300ms; will-change: opacity;
}
.tvcard .review:not(.is-open) { opacity: 0 !important; visibility: hidden !important; }
.tvcard .review.is-open       { opacity: 1 !important; visibility: visible !important; transition: opacity 100ms ease, visibility 0s linear 0s; }

.tvcard .review.no  { background-color: #990000; color: #fff; }
.tvcard .review.yes { background-color: #009900; color: #fff; }
.tvcard .review.meh { background-color: #ffcc00; color: #000; }

/* Hard reset for the tiny review button */
.tvcard button.review-icon,
.tvcard button.review-icon:hover,
.tvcard button.review-icon:active,
.tvcard button.review-icon:focus,
.tvcard button.review-icon:focus-visible {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .tvcard .review,
  .tvcard .review.is-open { transition: none; }
}

@media (prefers-color-scheme: dark) {
  .tvreviewicon { content: url("/assets/tv/tv_comment_d.png"); }
}