/*
 * Velocity Videos - title full player width for 3 sites
 * Hentai Stream / BUNKRPRN / TFJP
 *
 * Desktop:
 *   row 1: title spans full player/content width
 *   row 2: meta left + actions right
 *
 * Mobile remains untouched.
 */
@media (min-width:981px){
  .vv-video .vv-video-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:end!important;
    column-gap:18px!important;
    row-gap:0!important;
  }

  /*
   * Flatten only the title wrapper into the parent grid.
   * DOM stays unchanged, so all existing site-specific h1/meta styling survives.
   */
  .vv-video .vv-video-title{
    display:contents!important;
  }

  /*
   * Full title row: no reserved action-column width anymore.
   * The title can use every pixel available up to the player's right edge.
   */
  .vv-video .vv-video-title > h1{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-right:0!important;
    padding-right:0!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Existing uploader / views / duration row. */
  .vv-video .vv-video-title > .vv-single-meta{
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    align-self:end!important;
  }

  /* Existing actions stay on row 2, aligned to the player's right edge. */
  .vv-video .vv-video-actions{
    grid-column:2!important;
    grid-row:2!important;
    align-self:end!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
  }
}