/* "Download — provided by" panel (views/partials/watch-download-dropdown.ejs). */
.wdl {
  --wdl-accent: var(--lk-accent, var(--wp-accent, #d946ef));
  margin: 0 0 22px; padding: 18px 18px 8px; border-radius: 14px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.09);
}
.wdl.watch-download-highlight { border-color: var(--wdl-accent); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08); }
.wdl-head { display: flex; align-items: center; justify-content: space-between; }
.wdl-title { display: inline-flex; align-items: center; font-weight: 800; font-size: 1.08rem; color: #fff; }
.wdl-title svg { width: 20px; height: 20px; margin-right: 8px; fill: var(--wdl-accent); }
.wdl-count {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}
.wdl-sub {
  margin: 10px 0 10px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.wdl-list {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 10px;
  margin: 0 0 10px; padding: 0; list-style: none;
}
.wdl-item {
  display: flex; align-items: center; min-height: 62px; padding: 10px 12px; border-radius: 12px;
  color: #fff; text-decoration: none; background: rgba(0, 0, 0, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.08); transition: border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}
.wdl-item:hover, .wdl-item:focus-visible { border-color: var(--wdl-accent); transform: translateY(-1px); background: rgba(0, 0, 0, 0.4); outline: none; }
.wdl-item.is-best { border-color: var(--wdl-accent); background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.3)); }
.wdl-logo {
  flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 12px; border-radius: 10px;
  font-weight: 900; font-size: 1.05rem; color: #fff; background: rgba(255, 255, 255, 0.1);
}
.wdl-item.is-best .wdl-logo { background: var(--wdl-accent); }
.wdl-text { flex: 1 1 auto; min-width: 0; }
.wdl-name { display: block; font-weight: 750; font-size: 0.95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wdl-badge {
  display: inline-block; margin-right: 4px; padding: 1px 7px; border-radius: 999px; vertical-align: 1px;
  font-size: 0.64rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: var(--wdl-accent);
}
.wdl-desc { display: block; margin-top: 2px; font-size: 0.78rem; color: rgba(255, 255, 255, 0.58); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wdl-go { flex: 0 0 auto; margin-left: 10px; opacity: 0.7; }
.wdl-go svg { display: block; width: 20px; height: 20px; fill: #fff; }
@media (max-width: 600px) {
  .wdl { padding: 14px 12px 6px; }
  .wdl-list { grid-template-columns: 1fr; }
}