/* ==UserStyle==
@name         Less distraction YouTube
@version      1.3.0
@namespace    github.com/openstyles/stylus
@description  Make YouTube less distractive
@author       Birdie0
@supportURL   https://github.com/Birdie0/userstyles/issues
@updateURL    https://raw.githubusercontent.com/Birdie0/userstyles/master/styles/youtube.com.user.css
@license      MIT
@preprocessor stylus

@var checkbox hide_related        'Hide Related column'   1
@var checkbox hide_comments       'Hide Comments section' 1
@var checkbox hide_playback_line  'Hide playback line'    1
@var checkbox hide_shorts_section 'Hide Shorts section'   1
@var checkbox disable_pink        'Disable pink gradient' 1
@var checkbox hide_ai_summary     'Hide AI Summary'       1
==/UserStyle== */

@-moz-document domain("youtube.com") {
	if hide_related {
		#related {
			transition: opacity .5s;

			&:not(:hover) {
				opacity: 0;
			}
		}
	}

	if hide_comments {
		#comments {
			display: none !important;
		}
	}

	if hide_playback_line {
		ytd-thumbnail-overlay-resume-playback-renderer,
		yt-thumbnail-overlay-progress-bar-view-model {
			display: none !important;
		}
	}

	if hide_shorts_section {
		[is-shorts],
		ytd-reel-shelf-renderer {
			display: none !important;
		}
	}

	if disable_pink {
		.ytp-play-progress,
		.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {
			background: #f03 !important;
		}

		#progress-bar.ytmusic-player-bar {
			--paper-slider-active-color: #f03 !important;
		}
	}

	if hide_ai_summary {
		#expandable-metadata {
			display: none !important;
		}
	}
}