content.css

/* Overlay Styles */
#microweb-root {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 2147483647;
    display: none;
}

#microweb-selection-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2147483647;
    background: transparent;
    cursor: crosshair;
    display: none;
}

.mw-selection-box {
    position: absolute;
    border: 2px dashed #ffeb3b;
    background-color: rgba(255, 235, 59, 0.2);
    box-sizing: border-box;
}

.mw-overlay-full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: grayscale(100%);
    background: transparent;
}

.mw-overlay-part {
    position: absolute;
    backdrop-filter: grayscale(100%);
    background: transparent;
    pointer-events: none;
}

/* Multi-hole overlay using clip-path */
.mw-overlay-full.mw-multi-hole {
    clip-path: inherit;
}

/* Editing mode selection box */
.mw-selection-box.mw-editing {
    border-color: #2196F3;
    background-color: rgba(33, 150, 243, 0.2);
}

/* =========================================
   HIDING ENGAGEMENT METRICS - AGGRESSIVE
   ========================================= */

/* --- YouTube Shorts (REMOVE FROM FEED) --- */
/* Hide the entire Shorts shelf/grid on homepage and recommended */
.mw-hide-engagement ytd-rich-grid-slim-media,
/* Individual Shorts cards */
.mw-hide-engagement ytd-reel-shelf-renderer,
/* "Shorts" shelf in subscriptions/feed */
.mw-hide-engagement ytd-rich-shelf-renderer[is-shorts]

/* "Shorts" section on homepage */
    {
    display: none !important;
}

/* Hide Shorts tab in sidebar if desired? User just said "from my feed". */
.mw-hide-engagement ytd-guide-entry-renderer a[title="Shorts"],
.mw-hide-engagement ytd-mini-guide-entry-renderer[aria-label="Shorts"] {
    display: none !important;
}


/* --- YouTube Metadata (Views) --- */

/* MODERN LAYOUT (2024/2025): yt-lockup-view-model in sidebar */
/* Target ONLY the metadata container, NOT the title */
.mw-hide-engagement yt-lockup-view-model yt-lockup-metadata-view-model yt-content-metadata-view-model span:first-of-type {
    display: none !important;
}

/* CLASSIC LAYOUT: ytd-compact-video-renderer in sidebar */
.mw-hide-engagement ytd-compact-video-renderer #metadata-line span:first-of-type,
.mw-hide-engagement ytd-compact-video-renderer #metadata-line>span:nth-child(1) {
    display: none !important;
}

/* HOMEPAGE GRID: General #metadata-line selectors */
.mw-hide-engagement #metadata-line>.inline-metadata-item:first-of-type,
.mw-hide-engagement #metadata-line>span.inline-metadata-item:nth-child(1),
.mw-hide-engagement #metadata-line>span.ytd-video-meta-block:first-of-type,
.mw-hide-engagement #metadata-line>yt-formatted-string:first-of-type,
.mw-hide-engagement #metadata-line>span:nth-child(1) {
    display: none !important;
}

/* Cleanup Separators */
.mw-hide-engagement #metadata-line>.inline-metadata-item:nth-of-type(2)::before,
.mw-hide-engagement #metadata-line>span:nth-of-type(2)::before {
    content: "" !important;
    display: none !important;
}


/* --- YouTube Main Video Page (Likes, Views, Subs) --- */

/* 1. Main View Count */
.mw-hide-engagement #info-container #info-text #count,
.mw-hide-engagement #view-count,
.mw-hide-engagement ytd-watch-metadata #description-inner #info span:first-child {
    display: none !important;
}

/* 2. Subscriber Counts (Video Page + Channel Page) */
.mw-hide-engagement #owner-sub-count,
.mw-hide-engagement #subscriber-count,
.mw-hide-engagement yt-formatted-string[id="subscriber-count"],
.mw-hide-engagement #owner #subscriber-count,
.mw-hide-engagement ytd-video-owner-renderer #subscriber-count,
/* Channel Page Header - VERIFIED SELECTOR */
.mw-hide-engagement #page-header yt-content-metadata-view-model span:nth-child(1),
/* Also target the first span with "subscribers" text */
.mw-hide-engagement yt-page-header-renderer yt-content-metadata-view-model span:first-of-type {
    display: none !important;
}

/* 3. Comment Section */
/* Hide commenter profile images */
.mw-hide-engagement ytd-comment-view-model #author-thumbnail,
.mw-hide-engagement ytd-comment-renderer #author-thumbnail {
    display: none !important;
}

/* Hide comment like counts */
.mw-hide-engagement ytd-comment-view-model #vote-count-middle,
.mw-hide-engagement ytd-comment-renderer #vote-count-middle {
    display: none !important;
}

/* Hide comment count number (e.g., "115 Comments" -> "Comments") */
/* The comment count is typically in #count inside #title in the comments section */
.mw-hide-engagement ytd-comments-header-renderer #count {
    font-size: 0 !important;
}

.mw-hide-engagement ytd-comments-header-renderer #count::after {
    content: "Comments";
    font-size: 16px;
    font-weight: 500;
}

/* 3. Like Button Text */
.mw-hide-engagement like-button-view-model .yt-core-attributed-string,
.mw-hide-engagement like-button-view-model .yt-spec-button-shape-next__button-text-content,
.mw-hide-engagement ytd-toggle-button-renderer #text,
.mw-hide-engagement ytd-segmented-like-dislike-button-renderer span[role="text"] {
    display: none !important;
    opacity: 0 !important;
    font-size: 0 !important;
}


/* --- Twitch --- */

/* Viewer Count */
.mw-hide-engagement [data-test-selector="stream-view-count"],
.mw-hide-engagement .tw-stat__value {
    display: none !important;
}

/* Followers */
.mw-hide-engagement [data-a-target="followers-count"],
.mw-hide-engagement [data-test-selector="followers-count"] {
    display: none !important;
}


/* --- X.com (Twitter) --- */

/* Hide likes count */
.mw-hide-engagement [data-testid="like"] [data-testid="app-text-transition-container"] {
    display: none !important;
}

/* Hide retweet/repost count */
.mw-hide-engagement [data-testid="retweet"] [data-testid="app-text-transition-container"] {
    display: none !important;
}

/* Hide view count (analytics link) */
.mw-hide-engagement a[href*="/analytics"] [data-testid="app-text-transition-container"],
.mw-hide-engagement a[href*="/analytics"] span {
    display: none !important;
}

/* Hide reply count */
.mw-hide-engagement [data-testid="reply"] [data-testid="app-text-transition-container"] {
    display: none !important;
}



/* --- LinkedIn --- */

/* 1. Feed: Likes, Comments, Shares counts */
.mw-hide-engagement .social-details-social-counts,
.mw-hide-engagement .feed-shared-social-counts,
.mw-hide-engagement .social-details-social-counts__item,
.mw-hide-engagement .social-details-social-counts__social-items {
    display: none !important;
}

/* 2. Feed: Impression/View counts */
.mw-hide-engagement .feed-shared-update-v2__control-menu-container .feed-shared-update-v2__subtext span,
.mw-hide-engagement .analytics-entry-point,
.mw-hide-engagement .social-details-social-counts__item--right-aligned {
    display: none !important;
}

/* 3. Profile: Followers and Connection counts */
.mw-hide-engagement .text-body-small.inline.t-black--light span[class*="follower"],
.mw-hide-engagement .top-card__connections,
.mw-hide-engagement .pv-top-card--list-bullet li:last-child,
.mw-hide-engagement .pvs-header__optional-link-text {
    display: none !important;
}

/* 4. Article/Post View counts */
.mw-hide-engagement .social-details-social-counts__reactions-count,
.mw-hide-engagement .social-details-social-counts__comments,
.mw-hide-engagement .social-details-social-counts__shares {
    display: none !important;
}

/* Ensure the date/time remains visible - typically a dot or span in the metadata */
/* No action needed unless date is accidentally caught by broad selectors */


/* Generic / Catch-all using Aria Labels */
.mw-hide-engagement :is(span, div, yt-formatted-string)[aria-label*="views"],
.mw-hide-engagement :is(span, div, yt-formatted-string)[aria-label*="subscribers"],
.mw-hide-engagement :is(span, div, yt-formatted-string)[aria-label*="likes"] {
    visibility: hidden;
}