/* ==UserStyle==
@name           Hide c.ai+ Button
@namespace      userstyles.world/user/logan
@version        1.5.3
@description    Easily hide the "Get c.ai+" button from the entire c.ai website, amongst other things.
@author         Logan
@license        Apache-2.0
@preprocessor   stylus

@var select showbadge "Show/minimize a user's c.ai+ badge" {
    "Show badge": "show",
    "Minimize annoyance": "minimize",
    "Hide entirely": "hide"
}
@var checkbox lessannoybtn "Moderately minimize annoyances, rather than hiding the button and strongly minimizing annoyances" 0
@var checkbox hideupbtn "Hide \"Upgrade\" button in settings" 0
@var checkbox hideinvite "Hide c.ai+ invite code ad & buttons" 0
@var checkbox hideplusfeats "Hide c.ai+ exclusive features" 0
@var checkbox windowedmodal "Turn the c.ai+ upgrade modal to a window" 1
@var checkbox hidebluewaiting "Only hide blue 'Get c.ai+' waiting room button" 0
@var checkbox hidecaitpatreon "Hide CAI Tools (3rd-party extension) ads & self-promo" 0
@var select caitpatlockindi "Hide/minimize the CAI Tools locked functions indicator" {
    "Leave as is": "nothing",
    "Show on hover": "minimize",
    "Hide entirely": "hide"
}
==/UserStyle== */
@-moz-document domain("character.ai") {
    if lessannoybtn { /* only remove c.ai's "annoying" aspects, not the entire upgrade button itself alongside doing other more extreme stuff option */
        .flex.flex-col.gap-3.pb-3>button, .flex.flex-col.gap-3.pb-3>button span { /* sidebar button */
            font-weight: unset;
        }

        .flex.flex-col.gap-3.pb-3>button .text-plus { /* sidebar button, remove the +'s distinct design until hovered */
            color: unset;
            font-weight: unset;
        }
        
        .flex.flex-col.gap-3.pb-3>button:hover .text-plus {
            color: var(--plus-light-blue);
            transition: color .25s;
        }
        
        [id$="content-account"] button.bg-gradient-to-r { /* "Upgrade" in settings, convert gradient to flat colour */
            background: #0D78D5;
        }
        
        [id$="content-muted-words"] div.bg-clip-text.bg-gradient-to-r { /* "Upgrade to c.ai+" if reached 4 muted words limit */
            background: unset;
            color: #0D78D5;
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"])>.cai-plus-gradient { /* Nyan model c.ai+ badge */
            background: #0D78D5;
            opacity: 0.5;
        }
        
        div[role="dialog"]>div:has([d^="M20 6.5L17.4448"])>button.bg-gradient-to-r { /* non-coloured upgrade and start new chat button */
            background: #0D78D5;
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"]):hover>.cai-plus-gradient, div[role="dialog"]>div>div>button.min-w-80.ring-2:has([d^="M20 6.5L17.4448"])>.cai-plus-gradient { /* make opaque when hovered or selected */
            opacity: 1;
        }
        
        /* Customize dialog, make the "Available for c.ai+" banner solid blue */
        .light div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base) {
            background: rgba(97, 184, 253, 0.15)!important;
        }
        
        .dark div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base) {
            background: rgba(13, 129, 206, 0.15)!important;
        }
    } else { /* a lot of comments for elements won't happen here, if they already had comments in the last section */
        .flex.flex-col.gap-3.pb-3>button { /* new website sidebar button */
            display: none;
        }
        
        .flex.flex-col.gap-3.pb-3 { /* hide huge gap after button removal */
            padding-top: 0;
            padding-bottom: .4rem;
        }
        
        .flex.pb-2.px-5 div.bg-border-divider {
            margin-bottom: 0!important;
        }
        
        [id$="content-account"] button.bg-gradient-to-r {
            background: var(--primary);
            color: var(--primary-foreground);
        }
        
        [id$="content-muted-words"] div.bg-clip-text.bg-gradient-to-r {
            background: unset;
            color: var(--foreground);
            text-decoration: underline;
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"]).ring-2 { /* Nyan model button */
            --tw-ring-color: var(--primary); /* selected outline */
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"])>.cai-plus-gradient { /* make the badge black & white */
            background: var(--primary);
            opacity: 0.5;
            transition: opacity .25s;
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"]):hover>.cai-plus-gradient, div[role="dialog"]>div>div>button.min-w-80.ring-2:has([d^="M20 6.5L17.4448"])>.cai-plus-gradient {
            opacity: 1;
        }
        
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"])>.cai-plus-gradient>svg>g * {
            fill: var(--primary-foreground);
        }
        
        div[role="dialog"]>div:has([d^="M20 6.5L17.4448"])>button.bg-gradient-to-r { /* non-coloured upgrade and start new chat button */
            background: var(--primary);
            color: var(--primary-foreground);
        }
        
        .light div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base) {
            background: #20202426!important;
        }
        
        .dark div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base) {
            background: #fafafa26!important;
        }
        
        /* Customize dialog, make the + colourless */
        div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base)>p>span:last-child {
            color: var(--primary);
            transition: color .2s;
        }
        
        div[role="dialog"]:has(.w-10.h-10.rounded-full)>div.justify-center.py-2[style*="linear-gradient"]:has(p.text-base):hover>p>span:last-child { /* make the + blue on hover */
            color: #1BA5FB;
        }
    }
    
    /* make the upgrade button in settings transparent until hovered on */
    [id$="content-account"] button.bg-gradient-to-r {
        opacity: .5;
    }

    [id$="content-account"] button.bg-gradient-to-r:hover {
        opacity: 1;
    }
    
    if hideinvite {
        /* hide top invite banner */
        main.h-full>div>div.bg-gradient-to-b {
            display: none;
        }
        
        main.h-full>div>div.relative>div>main, main.h-full>div>div.relative>div>aside>div>div>div>div {
            margin-top: 0!important;
            height: 100%!important;
        }
        
        /* hide invite option in profile dropup */
        .text-popover-foreground[role="menu"]>div:nth-child(3):has([d^="M20 12.75V17"]) {
            display: none;
        }
        
        /* hide invite button in profile */
        .max-w-lg .mt-4.gap-2>button.group:not(.w-unit-10):has([d^="M4 12v8a2"]) {
            display: none;
        }
    }
    
    if hideplusfeats {
        div[role="dialog"]>div>div>button.min-w-80:has([d^="M20 6.5L17.4448"]) { /* Nyan model */
            display: none;
        }
        
        div.bg-background.h-full.border-l.flex-col.overflow-y-scroll>div.gap-3>div:has([d^="M167.02"]) { /* Customize button */
            display: none;
        }
    }
    
    if hidebluewaiting { /* only hide the blue waiting room */
        h2>a[href*="https://plus.character.ai"]:has(div[style*="#056DFF"]) { /* c.ai+ blue waiting room button */
            display: none;
        }
        
        h2:has(a[href*="https://plus.character.ai"]) { /* spacing fix #1 */
            margin-bottom: 0;
        }
        
        h2:has(a[href*="https://plus.character.ai"])>br { /* spacing fix #2 */
            display: none;
        }
    } else {
        h2>a[href*="https://plus.character.ai"] { /* all c.ai+ waiting room buttons */
            display: none;
        }
    }
    
    if hideupbtn {
        [id$="content-account"] button.bg-gradient-to-r { /* remove "Upgrade" in settings */
            display: none;
        }
    }
    
    if showbadge == "minimize" {
        .bottom-0:has([d^="M19.0811"])>.cai-plus-gradient {
            background: #0D78D5;
            opacity: 0.5;
            transition: opacity .2s;
        }
        
        .bottom-0:has([d^="M19.0811"])>.cai-plus-gradient:hover {
            opacity: 1;
        }
        
        if not lessannoybtn { /* black & white badge when strongly minimizing annoyances */
            .bottom-0:has([d^="M19.0811"])>.cai-plus-gradient {
                background: var(--primary);
            }
            
            .bottom-0:has([d^="M19.0811"])>.cai-plus-gradient>svg>g * {
                fill: var(--primary-foreground);
            }
        }
        
        /* hide the c.ai+ badge entirely, if the pfp is clicked and enlarged */
        div.fixed[role="dialog"]>.relative>.bottom-0:has([d^="M19.0811"])>.cai-plus-gradient {
            display: none;
        }
    } else if showbadge == "hide" {
        .bottom-0:has([d^="M19.0811"]) {
            display: none;
        }
    }
    
    if windowedmodal {
        div[role="dialog"]:has(>.w-full.h-full.bg-gradient-to-b) { /* make */
            background: transparent;
            max-width: 460px;
            max-height: 490px;
            border-radius: 15px;
        }
        
        div[role="dialog"]>.w-full.h-full.bg-gr...