/*
 * Design system: página de assistir (layout/watch/**).
 * Player, título, canal + ações, descrição, comentários e barra "A seguir".
 * Só tokens; #fff apenas sobre mídia. Ícones Lucide inline.
 */

/* ---------- Player ---------- */

.video-player-page .player-video {
  margin-bottom: 0;
}

.video-player-page .player-video .video-player,
.video-player-page .player-video .pt_vdo_plyr {
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: #000;
}

.video-player-page .player-video .video-player > video,
.video-player-page .player-video .video-player .plyr{
  border-radius: var(--radius-xl);
}













/* ---------- Bloco de informações ---------- */


.video-player-page .content.pt_shadow {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}



.video-player-page .video-big-title {
  margin: var(--space-3) 0 0;
  padding: 0;
}

.video-player-page .video-big-title h1,
.pt-watch-title {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--foreground) !important;
  font-size: var(--text-2xl) !important;
  font-weight: 600 !important;
  line-height: var(--leading-tight) !important;
  letter-spacing: var(--tracking-tight);
  word-break: break-word;
}







/* Linha canal + ações */
.pt-watch-bar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

















/* o número já aparece abaixo do nome */


/* Ações: pílulas btn-secondary */
.video-player-page .video-options.pt-watch-actions {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-2);
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pt-watch-actions .btn-share,
.pt-watch-actions .pt-action {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  float: none !important;
  height: 36px;
  min-height: 36px;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: var(--radius-full) !important;
  background: var(--secondary) !important;
  color: var(--secondary-foreground) !important;
  font-size: var(--text-sm) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  white-space: nowrap;
  box-shadow: none !important;
  transition: background-color var(--duration) var(--ease);
}

.pt-watch-actions .btn-share:hover,
.pt-watch-actions .btn-share:focus-visible {
  background: color-mix(in oklch, var(--secondary) 80%, var(--foreground) 8%) !important;
  color: var(--secondary-foreground) !important;
}

.pt-watch-actions .btn-share svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  flex-shrink: 0;
}



/* Like / dislike segmentado */
















/* barra de proporção: escondida (redundante com os números) */




/* ---------- Descrição ---------- */

.pt-watch-desc {
  position: relative;
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--muted);
  color: var(--foreground);
  font-size: var(--text-base);
}

.pt-watch-desc .pt-watch-meta.video-views {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  color: var(--foreground) !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}

.pt-watch-meta .middot {
  color: var(--muted-foreground);
  font-weight: 400;
}

.pt-watch-desc .video-published.pt-watch-cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-1);
  margin: var(--space-1) 0 0 !important;
  padding: 0 !important;
  color: var(--muted-foreground) !important;
  font-size: var(--text-sm);
}

.pt-watch-cat svg {
  width: 14px;
  height: 14px;
}

.pt-watch-cat a {
  color: var(--brand-text) !important;
  font-weight: 500;
}

.video-player-page .pt-watch-desc .watch-video-description {
  max-height: 100px;
  margin: var(--space-2) 0 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

.video-player-page .pt-watch-desc .watch-video-description p {
  max-width: none !important;
  margin: 0 !important;
  color: var(--foreground) !important;
  font-size: var(--text-base) !important;
  line-height: var(--leading-relaxed) !important;
  white-space: pre-line;
  word-break: normal !important;
  overflow-wrap: break-word;
}

.pt-watch-desc .watch-video-description a {
  color: var(--brand-text) !important;
}

/* "Mostrar mais" vira link de texto dentro do card */
.pt-watch-desc .watch-video-show-more.pt-watch-more {
  display: inline-flex !important;
  width: auto !important;
  min-height: 0 !important;
  margin: var(--space-2) 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--foreground) !important;
  font-size: var(--text-sm) !important;
  font-weight: 600 !important;
  cursor: pointer;
}

.pt-watch-desc .watch-video-show-more.pt-watch-more:hover {
  background: transparent !important;
  text-decoration: underline;
}

/* ---------- Comentários ---------- */













/* Composer */


















/* Lista */
















































/* Respostas */


















/* ---------- Barra lateral ---------- */

.video-player-page .ads-placment:empty {
  display: none;
}

.video-player-page .col-md-4 > .content {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* chips de categoria: uma linha rolável */


















/* Cabeçalho "A seguir" + autoplay */


























.video-player-page .pt-load-related {
  display: flex;
  justify-content: center;
  margin: var(--space-2) 0 var(--space-6);
}

.video-player-page .pt-load-related .btn {
  border-radius: var(--radius-full) !important;
  font-size: var(--text-sm);
}





/* Fila da playlist / assistir depois */


























/* ---------- Modais (compartilhar, incorporar, download) ---------- */

































/* ---------- Filme (is_movie) ---------- */













/* ---------- Responsivo ---------- */



@media (max-width: 767px) {
  /* player de ponta a ponta, sem calhas */
  .video-player-page .player-video {
    padding-inline: 0 !important;
  }

  .video-player-page .player-video .video-player,
  .video-player-page .player-video .pt_vdo_plyr,
  .video-player-page .player-video .video-player > video,
  .video-player-page .player-video .video-player .plyr {
    border-radius: 0;
  }

  .video-player-page .video-big-title h1,
  .pt-watch-title {
    font-size: var(--text-xl) !important;
  }

  

  
  .video-player-page .col-md-4.mobile {
    padding-inline: var(--space-4) !important;
  }

  

  

  /* ações em linha rolável */
  .video-player-page .video-options.pt-watch-actions {
    flex-wrap: nowrap;
    margin-inline: calc(var(--space-4) * -1) !important;
    padding-inline: var(--space-4) !important;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .video-player-page .video-options.pt-watch-actions::-webkit-scrollbar {
    display: none;
  }

  

  

  
}

/* ---------- Fila da playlist (painel ao lado do player) ---------- */