/* ==UserStyle==
@name         YT縮圖row
@version      1.1
@namespace    https://greasyfork.org/zh-TW/users/4839
@description  YT每列縮圖數量自訂，縮小間距
@author       magma_craft
@license      CC Zero

@var number     row_num                 "縮圖數量"           [5, 0, 10, 1, ]
@var number     thumb_ma                 "訂閱縮圖間距"           [5, 0, 10, 1,"px" ]
@var checkbox   shorts_on      "訂閱shorts隱藏"             1
@var checkbox   shorts_on1      "shorts隱藏"             0
@var checkbox   scroll_hide      "縮圖文字卷軸隱藏"             1
@preprocessor stylus
@downloadURL none
==/UserStyle== */
/*
原腳本
https://greasyfork.org/zh-TW/scripts/484695
不會打亂版面的腳本
https://greasyfork.org/zh-TW/scripts/535550
*/
@-moz-document domain("youtube.com") {
/* Revert 3-row thumbnails on home and subscription pages back to 4-row one */
#contents.ytd-rich-grid-renderer {
  --ytd-rich-grid-items-per-row: row_num !important;
	--ytd-rich-shelf-items-count:6!important;
	//--ytd-rich-grid-slim-items-per-row:6;
	//--ytd-rich-grid-posts-per-row:1;
	//--ytd-rich-grid-game-cards-per-row:1;
	//--ytd-rich-grid-mini-game-cards-per-row:1;
        //column-gap: 16px !important;
        //row-gap: 0px !important;
        //max-width: 100% !important;
        //margin: 0 auto !important;
        padding: 0px !important;
        //box-sizing: border-box !important;
		
}

ytd-browse.style-scope.ytd-page-manager[page-subtype="home"] > ytd-two-column-browse-results-renderer > #primary.ytd-two-column-browse-results-renderer > ytd-rich-grid-renderer > #contents.ytd-rich-grid-renderer {
  width: 100% !important;
  
}

ytd-browse.style-scope.ytd-page-manager[page-subtype="home"] #contents > ytd-rich-grid-row,
ytd-browse.style-scope.ytd-page-manager[page-subtype="home"] #contents > ytd-rich-grid-row > #contents {
  display: contents !important;
}

ytd-browse.style-scope.ytd-page-manager[page-subtype="home"] > ytd-two-column-browse-results-renderer > #primary.ytd-two-column-browse-results-renderer > ytd-rich-grid-renderer > #contents.ytd-rich-grid-renderer > #contents > ytd-rich-grid-row > #contents > ytd-rich-item-renderer > #content {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
ytd-rich-item-renderer{
	padding: 0px !important;
	margin-bottom: 5px !important;
	//margin-left: 5px !important;
  	//margin-right: 5px !important;
}
/* Font size and other fixes for the homepage info */
[page-subtype="home"] ytd-video-meta-block[rich-meta][mini-mode] #byline-container.ytd-video-meta-block {
  font-size: 1.4rem !important;
}

[page-subtype="home"] ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block {
  font-size: 1.4rem !important;
}

[page-subtype="home"] #content.ytd-rich-section-renderer {
  margin: 0 8px !important;
}

/* Force compact thumbnails on subscriptions page */
[page-subtype="subscriptions"] #avatar-link.ytd-rich-grid-media, [page-subtype="subscriptions"] #avatar-container.ytd-rich-grid-media {
display: none !important;
margin-right: 0 !important
}

[page-subtype="subscriptions"] #video-title.ytd-rich-grid-media {
font-size: 1.4rem !important;
line-height: 1.8rem !important
}

[page-subtype="subscriptions"] ytd-video-meta-block[rich-meta] #channel-name.ytd-video-meta-block, [page-subtype="subscriptions"] ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block {
font-size: 1.2rem !important
}
//short隱藏
[page-subtype="subscriptions"] ytd-rich-shelf-renderer {
display: none !important if shorts_on;
}
ytd-rich-section-renderer {
                display: none !important if shorts_on1;
            }
[page-subtype="subscriptions"] ytd-rich-item-renderer {
margin-left: thumb_ma !important;
margin-right: 0px !important;
margin-bottom: 5px;
//th_a = var(--ytd-rich-grid-items-per-row)
row_num2 = row_num *2;
width: (100% / row_num) - (thumb_ma / row_num2 ) ;//- 4px - 0.01px
}

[page-subtype="subscriptions"] h3.ytd-rich-grid-video-renderer {
margin: 8px 0 8px !important
}

[page-subtype="subscriptions"] ytd-primetime-promo-renderer.ytd-rich-section-renderer, [page-subtype="subscriptions"] ytd-inline-survey-renderer.ytd-rich-section-renderer {
border-top: 1px solid var(--yt-spec-10-percent-layer);
border-bottom: 1px solid var(--yt-spec-10-percent-layer)
}

[page-subtype="subscriptions"] ytd-thumbnail[size=large] a.ytd-thumbnail, [page-subtype="subscriptions"] ytd-thumbnail[size=large]:before {
border-radius: 8px !important
}

ytd-thumbnail[size=large] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size=large] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[size=large] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail {
margin: 4px !important
}

[page-subtype="subscriptions"] div.ghost-grid.style-scope.ytd-ghost-grid-renderer {
display: none !important
}

[page-subtype="subscriptions"] html:not(.style-scope) {
--ytd-rich-grid-item-max-width: 210px !important;
--ytd-rich-grid-item-margin: 4px !important
}

[page-subtype="subscriptions"] #contents.ytd-rich-grid-renderer, [page-subtype="subscriptions"] #grid-header.ytd-rich-grid-renderer {
width: calc(100% ) !important;
max-width: calc( var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin))) !important
}

@media (max-width: 456px) {ytd-rich-grid-renderer {--ytd-rich-grid-items-per-row: 1 !important;--ytd-rich-grid-posts-per-row: 1 !important;}}

[page-subtype="subscriptions"] ytd-rich-grid-renderer, [page-subtype="subscriptions"] ytd-rich-grid-renderer.style-scope.ytd-two-column-browse-results-renderer {
--ytd-rich-grid-items-per-row: var(--grid-items-videos--per-row) !important;
--ytd-rich-grid-posts-per-row: var(--grid-posts-videos-per-row) !important
}

@media (max-width: 456px) {html:not(.style-scope) {--grid-items-videos--per-row: 1;--grid-posts-videos-per-row: 1;}}

@media (min-width: 457px) {html:not(.style-scope) {--load-videos-items-per-row: 903px;--grid-items-videos--per-row: 2;--grid-posts-videos-per-row: 2;}}@media (min-width: 647px) {html:not(.style-scope) {--load-videos-items-per-row: 1300px;--grid-items-videos--per-row: 3;--grid-posts-videos-per-row: 3;}}

@media (min-width: 957px) {html:not(.style-scope) {--load-videos-items-per-row: 1680px;--grid-items-videos--per-row: 4;--grid-posts-videos-per-row: 3;}}

@media (min-width: 1171px) {html:not(.style-scope) {--load-videos-items-per-row: 2013px;--grid-items-videos--per-row: 5;--grid-posts-videos-per-row: 3;}}

@media (min-width: 1600px) {html:not(.style-scope) {--load-videos-items-per-row: 2348px;--grid-items-videos--per-row: 6;--grid-posts-videos-per-row: 3;}}

[page-subtype="subscriptions"] ytd-rich-grid-renderer #contents ytd-rich-grid-row, 
[page-subtype="subscriptions"] ytd-rich-grid-renderer #contents ytd-rich-grid-row #contents {
display: contents !important
}
//縮圖大小
[page-subtype="subscriptions"] #contents.ytd-rich-grid-renderer, [page-subtype="subscriptions"] #grid-header.ytd-rich-grid-renderer {
//--ytd-rich-grid-item-max-width: 210px !important
}
//shorts
ytd-rich-shelf-renderer[standard-shelf-margins][is-shorts][is-show-more-hidden][is-show-less-hidden][is-truncated] #dismissible.ytd-rich-shelf-renderer{
	margin: 0px !important;	
}
ytd-rich-shelf-renderer[standard-shelf-margins] #rich-shelf-header.ytd-rich-shelf-renderer{
	margin: 0px !important;	
}
//縮圖文字卷軸隱藏
if scroll_hide{
#contents.ytd-rich-grid-renderer{
html {
    scrollbar-color: none !important;
    scrollbar-width: none !important;
	}
    ::-webkit-scrollbar {
        display:none!important;
	}
	}
}

}