/* ==UserStyle==
@name           Qwen optimized & customizable for wide screens
@description    Qwen website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version        1.0.0
@author         BreatFR (https://breat.fr)
@namespace      https://breat.fr
@homepageURL    https://usercssjs.breat.fr/q/qwen
@updateURL      https://code.breat.fr/q/qwen/css/pc.user.css
@supportURL     https://discord.gg/W7FKesJ9aG
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor	stylus

@var	text        fontsize    	"Custom font size"	1.2rem
@var	checkbox   	hidehelp		"Hide help icon"   	1
@var 	checkbox   	hidescrollbars	"Hide scrollbars"   1
@var 	checkbox   	hidestatement	"Hide statement"   	0
@var    checkbox    widemode    	"Wide mode"         1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
Bluesky			https://bsky.app/profile/breatfroff.bsky.social
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

/* ==Support==
brave Creators  https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
ko-fi           https://ko-fi.com/breatfr
PayPal          https://paypal.me/breat
==/Support== */

@-moz-document domain("chat.qwen.ai") {
/* ================================
	Chat
================================ */
    /* Versions */
    :root {
        --themeversion: 'Theme v1.0.0 by BreatFR (https://breat.fr)';
        --install: ' usercssjs.breat.fr/q/qwen';
		--help: ' discord.gg/W7FKesJ9aG';
        --support1: ' ko-fi.com/breatfr ';
        --support2: ' paypal.me/breat';
    }

    @media screen and (min-width: 900px) {
		header::after,
		header::before {
			background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
            background-clip: text;
            color: transparent;
			display: block;
            font-family: inherit;
            font-size: 1.2rem;
			line-height: calc(56px / 2);
            pointer-events: none;
            position: absolute;
            text-align: center;
			top: 0;
            width: auto;
            white-space: pre-line;
		}
        header::after {
            content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
			left: 15%;
        }
		header::before {
            content: 'Install & Infos: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\A Support me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) ' · ' url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
            right: 15%;
        }
    }

    /* Custom font size */
	.ant-dropdown-menu-title-content,
	.chat-prompt-recommend-container *,
	.chat-prompt-suggest-button-group *,
	.item-card-footer,
	.item-card-footer *,
	.qwen-chat-button-content,
	.qwen-modal-content *,
	.sidebar-side *,
	.user-menu-dropdown *,
	#chat-message-container *,
	header *,
 	textarea,
 	textarea::placeholder {
		font-size: fontsize !important;
		line-height: 1.5 !important;
	}
	.user-menu-dropdown * {
		max-width: unset !important;
	}

	if hidehelp {
		.qwen-chat-layout-help {
        	display: none !important;
        }
    }

	if hidescrollbars {
		*,
 		:root {
        	scrollbar-width: none !important;
        }
    }

	if hidestatement {
		.chat-container-statement {
        	display: none !important;
        }
		.message-input-container {
			margin-bottom: 1em;
		}
    }

    if widemode {
		.chat-prompt-recommend-container,
		.chat-prompt-suggest-button-group,
		.message-input-wrapper,
		.placeholder-logo-text,
		#chat-messages-scroll-container,
		#chat-message-container,
		#chat-message-container > div,
		#chat-message-input {
			max-width: 100%;
		}
		#chat-message-container {
			padding-bottom: 0;
		}
		#chat-message-container > div > div {
			max-width: 80%;
		}
		.qwen-chat-message-user > div {
			margin-left: auto;
		}
		.chat-prompt-suggest-button-group,
		.chat-prompt-recommend-words {
			justify-content: space-evenly !important;
		}

		.qwen-modal-content:not(.chat-item-delete-confirm,.qwen-chat-comp-item-rename-modal) {
			height: 90vh;
			width: 90vw !important;
		}
    }
}

@-moz-document url-prefix("https://chat.qwen.ai/community") {
/* ================================
	Community
================================ */
	if widemode {
		.home-page-container {
			max-width: 100% !important;
			width: 100% !important;
		}
		.water-fall-container-media,
 		.water-fall-container-media > div {
			width: 100% !important;
		}
		.water-fall-container-media > div {
			align-items: center;
			display: flex;
			flex-flow: wrap;
			justify-content: space-evenly;
		}
		.water-fall-container-media > div > div {
			display: flex;
			flex-direction: column;
			position: initial !important;
			width: 100% !important;
		}
		.item-card-img-container:has([data-type="image"],[data-type="video"]) * {
			aspect-ratio: 2 / 3 !important;
		}
		.item-card-img-container:has([data-type="pdf"],[data-type="podcast"],[data-type="web_dev"]) * {
			aspect-ratio: 1 / 1 !important;
		}
 		.item-card-tag {
			display: none !important;
		}
		.video-player-container {
			height: 100% !important;
			object-fit: cover !important;
			width: 276px !important;
		}
		.item-card-footer {
			height: auto !important;
		}
	}
}

@-moz-document url-prefix("https://chat.qwen.ai/settings/") {
/* ================================
	Settings
================================ */
	/* Custom font size */
	.setting-content > div *,
 	.setting-side-bar * {
		font-size: fontsize !important;
		line-height: 1.5 !important;
	}

	if widemode {
		.setting-content {
			max-width: 100%;
		}
		.setting-side-bar {
			white-space: nowrap;
		}
    }
}