/* List rows */
.list-group-item,
.video-row {
  background: transparent;
  border: none;
  padding: 0.65rem 0.4rem;
  transition: background 0.2s ease;
  cursor: pointer;
}

.video-active {
  cursor: default;
}

/* alternating row color */
.list-group-item:nth-child(odd),
.video-row:nth-child(odd) {
  background: rgba(0,0,0,0.0);
}
.list-group-item:nth-child(even),
.video-row:nth-child(even) {
  background: rgba(0,0,0,0.06);
}

/* hover */
.list-group-item:hover,
.video-row:hover {
  background: rgba(13,110,253,0.12);
}

.selected-row {
  background-color: #f0f6ff !important; /* light blue */
  border-left: 4px solid #0d6efd !important; /* optional accent */
}

/* collapsed state */
.truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.description-wrap {
  max-height: 2.0em; /* height of 1 line */
  overflow: hidden;
  transition: max-height 2s ease;
}

.list-group-item:hover .description-wrap,
.selected-row .description-wrap {
  max-height: 200px;        /* big enough for all text */
}

/* expanded on row hover OR selected */
.list-group-item:hover .truncate-text,
.selected-row .truncate-text {
  -webkit-line-clamp: unset;
}

.subscribe {
  margin-left:20px;
  text-decoration: none;
}

.video-contact-link {
  text-decoration: none;
}

.video-contact-link:hover {
  cursor:pointer;
}

.video-vertical {
  --bs-aspect-ratio: calc(16 / 9 * 100%);  /* 177.777...% */
}

.category {
  cursor:pointer;
  font-size:1.15rem;
  padding:8px 0;
}

#videoYears {
  scroll-margin-top: 100px;
}

/* Responsive tweaks */
@media (max-width: 576px) {
  #videoFrameWrapz { height: 220px; }
}

@media (min-width: 577px) {
  #videoFrameWrapz { height: 420px; }
}