/* home page */
ytd-browse ytd-rich-grid-renderer {
  #contents {
    all: unset !important;
    width: 100% !important;
    max-width: 1600px !important;
    margin-top: 32px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;

    /* each video item in the grid */
    ytd-rich-item-renderer {
      all: unset !important;

      div.yt-lockup-view-model {
        display: flex;
        flex-direction: row;
        gap: 20px;
      }

      /* video preview image */
      a.yt-lockup-view-model__content-image {
        display: none !important;
      }

      yt-content-metadata-view-model {
        display: flex;
        flex-direction: row;
        gap: 16px;
      }

      div.yt-lockup-view-model__metadata {
        width: 100%;
      }

      a.yt-lockup-metadata-view-model__title span {
        font-size: 2.3rem;
        line-height: 3.2rem;
      }

      div.yt-lockup-metadata-view-model__metadata span {
        font-size: 1.8rem;
        line-height: 2.4rem;
      }

      /* hide user's avatar */
      div.yt-lockup-metadata-view-model__avatar {
        display: none !important;
      }
    }

    /* hide shorts */
    ytd-rich-section-renderer:has(ytm-shorts-lockup-view-model) {
      display: none !important;
    }
  }
}

/* home page ghost cards showing loading state */
ytd-ghost-grid-renderer {
  div.ghost-grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 !important;
  }

  div.ghost-card {
    margin: 0 !important;

    div.rich-thumbnail {
      display: none;
    }

    div.channel-avatar {
      display: none;
    }
  }
}

/* video page */
ytd-watch-flexy {
  #columns #secondary {
    display: none !important;
  }
}

/* sidebar */
tp-yt-app-drawer {
  ytd-guide-entry-renderer:has(a[title="Shorts"]) {
    display: none !important;
  }
}