/* ==UserStyle==
@name         YouTube - Revert 4-row thumbnails on home and subscription pages
@version      20240310.13.24
@namespace    userstyles.world/user/magma_craft
@description  This style reverts back to the 4-row thumbnails on home and subscription pages (this also includes disabling gigantic search result thumbnails).
@author       magma_craft
@license      CC Zero
@downloadURL none
==/UserStyle== */

@-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: 4 !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,
ytd-browse.style-scope.ytd-page-manager[page-subtype="subscriptions"] > ytd-two-column-browse-results-renderer > #primary.ytd-two-column-browse-results-renderer > ytd-rich-grid-renderer > #contents.ytd-rich-grid-renderer {
  width: 96% !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,
ytd-browse.style-scope.ytd-page-manager[page-subtype="subscriptions"] #contents > ytd-rich-grid-row,
ytd-browse.style-scope.ytd-page-manager[page-subtype="subscriptions"] #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,
ytd-browse.style-scope.ytd-page-manager[page-subtype="subscriptions"] > 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;
}

/* Font size and other fixes for the homepage info */
ytd-video-meta-block[rich-meta][mini-mode] #byline-container.ytd-video-meta-block {
  font-size: 1.4rem !important;
}

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

#content.ytd-rich-section-renderer {
  margin: 0 8px !important;
}

/* Revert giant search thumbnails back to normal one */
ytd-two-column-search-results-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] #primary.ytd-two-column-search-results-renderer, ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search {
  max-width: 1096px !important;
}
 
ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style=BIG] #avatar-section.ytd-channel-renderer, ytd-channel-renderer[use-bigger-thumbs] #avatar-section.ytd-channel-renderer {
  max-width: 360px !important;
}
 
ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-video-renderer, ytd-video-renderer[use-search-ui] ytd-thumbnail.ytd-video-renderer {
  max-width: 360px !important;
}
 
ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-playlist-renderer, ytd-playlist-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer {
  max-width: 360px !important;
}
 
ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer {
  max-width: 360px !important;
}
    
ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] ytd-playlist-thumbnail.ytd-radio-renderer {
  max-width: 360px !important;
}
 
ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style=BIG] .thumbnail-container.ytd-movie-renderer, ytd-movie-renderer[use-bigger-thumbs] .thumbnail-container.ytd-movie-renderer {
  max-width: 360px !important;
}
}