/* Minimal YouTube for qutebrowser */
/* Based on 0kzh/minimal-youtube */

/* Hide sidebar, recommendations, related videos */
#secondary,
#secondary-inner,
#related,
ytd-watch-next-secondary-results-renderer {
  display: none !important;
}

/* Hide mini guide (left sidebar) */
ytd-mini-guide-renderer,
tp-yt-app-drawer,
#guide-button {
  display: none !important;
}

/* Hide voice search and extra buttons */
#top-level-buttons-computed,
#voice-search-button,
.ytd-masthead #buttons {
  display: none !important;
}

/* Hide comments */
[class="style-scope ytd-comments"],
ytd-comments#comments {
  display: none !important;
}

/* Hide shorts */
ytd-rich-section-renderer,
ytd-reel-shelf-renderer,
[is-shorts],
ytd-grid-video-renderer:has(ytd-thumbnail-overlay-time-status-renderer[overlay-style="SHORTS"]),
ytd-item-section-renderer:has(ytd-thumbnail-overlay-time-status-renderer[overlay-style="SHORTS"]) {
  display: none !important;
}

/* Remove left margin from page */
#page-manager {
  margin-left: 0 !important;
}

ytd-app[mini-guide-visible] ytd-page-manager.ytd-app {
  margin-left: 0 !important;
}

/* Center and expand video player */
#columns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#columns #primary {
  max-width: fit-content;
}

/* Full width video */
ytd-watch-flexy:not([theatre]):not([fullscreen]) .html5-video-container,
ytd-watch-flexy:not([theatre]):not([fullscreen]) video {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
}

/* Widen progress bar */
.ytp-chrome-bottom {
  width: calc(98%) !important;
}