/* ==UserStyle==
@name           Hide youtube shit
@namespace      github.com/openstyles/stylus
@version        1.3.11
@description    Hide annoying shit on youtube
@author         Vallek
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/watch?") {
  /* No round corners */
  #ytd-player.ytd-watch-flexy {
    border-radius: unset !important;
  }
  /* Hide controls shadow, next button */
  .ytp-gradient-bottom,
  .ytp-next-button {
    display: none !important;
  }
  .ytp-svg-shadow {
    stroke-opacity: 0.5 !important;
  }
  .ytp-timed-markers-container,
  .ytp-chapter-hover-container.ytp-exp-chapter-hover-container,
  .ytp-volume-slider-handle {
    box-shadow: 0 0 2px rgba(0,0,0,1);
  }
  .ytp-progress-bar {
    background-color: rgba(0,0,0,0.5);
  }
  .ytp-volume-slider-handle {
    background-color: rgb(255, 255, 255) !important;
  }
  .ytp-volume-slider-handle::before {
    box-shadow: 0 0 2px rgba(0,0,0,1);
    z-index: -1;
  }
  .ytp-time-wrapper {
    color: white !important;
    text-shadow: 0 0 2px rgba(0,0,0,1) !important;
    background-color: rgba(0,0,0,0.5);
    padding: 0 0.3em;
  }
  .ytp-tooltip-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .ytp-tooltip-title {
    width: min-content !important;
    right: 0 !important;
  }
  .ytp-tooltip-title > span,
  .ytp-tooltip-text {
    display: block !important;
    padding: 0 0.3em;
    background-color: rgba(0,0,0,0.5) !important;
  }
  /* Hide shorts from sidebar */
  ytd-reel-shelf-renderer {
    display: none !important;
  }
}

@-moz-document url-prefix("https://www.youtube.com/results?search_query=") {
  /* Hide shorts, suggestions and crisis panel from search results */
  ytd-shelf-renderer,
  ytd-reel-shelf-renderer.ytd-item-section-renderer,
  ytd-emergency-onebox-renderer {
    display: none !important;  
  }
}

@-moz-document url-prefix("https://www.youtube.com/feed/subscriptions") {
  /* Hide shorts and top ui panel from subs page */
  ytd-rich-section-renderer {
    display: none !important;
  }
}