/* TV Schedule Pro — style.css
   Dates centered, underlined with site primary color (uses WP core CSS variable if present).
*/

.tvs-schedule, .tvs-day-block { max-width:1200px; margin: 28px auto; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#222; }

/* Big centered underlined date (uses theme primary color variable if available) */
.tvs-day-title {
  text-align: center;
  font-size: 1.8rem;
  margin: 0 0 18px 0;
  font-weight: 700;
  padding-bottom: 6px;
  border-bottom: 4px solid var(--wp--preset--color--primary, #0073aa);
  display: inline-block;
}

/* Table wrapper */
.tvs-table-wrapper { background: #fff; border-radius: 8px; box-shadow: 0 3px 12px rgba(0,0,0,0.06); border: 1px solid #eee; overflow-x:auto; padding: 8px; }

/* Table */
.tvs-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.tvs-table th, .tvs-table td { padding: 10px 12px; border-bottom: 1px solid #f1f1f1; vertical-align: top; text-align: left; }
.tvs-table thead { background: #f4fbfb; color: #0b2b2a; }
.tvs-table tbody tr:nth-child(even) { background: #fbfeff; }

/* Thumbnails */
.tvs-table img { border-radius: 6px; width: 80px; height: 60px; object-fit: cover; display:block; }

/* Episode summary smaller */
.tvs-episode-summary { font-size: 13px; color:#6b6f76; margin-top:6px; }

/* Spacing between day tables */
.tvs-day-block { margin-bottom: 36px; }

/* Empty/Error blocks */
.tvs-empty, .tvs-error { padding: 14px; border-radius: 8px; background: #fff; border: 1px solid #f1f1f1; text-align: center; }

/* Responsive */
@media (max-width: 768px) {
  .tvs-day-title { font-size: 1.4rem; }
  .tvs-table thead { display: none; }
  .tvs-table, .tvs-table tr, .tvs-table td { display: block; width: 100%; }
  .tvs-table td { display:flex; justify-content:space-between; padding:8px; }
  .tvs-table td::before { content: attr(data-label); font-weight:700; color:#333; margin-right:8px; width:40%; display:inline-block; }
    .tvs-table img { width: 100px; height:auto; margin-right:8px; }
    .tvs-episode-summary { display: none; }

}
