/* ==========================================================================
   GuardedCheats brand tweaks on top of the HUD admin theme.
   Loaded after assets/css/app.min.css so these rules win.
   ========================================================================== */

/* Brand mark: override HUD's 26px background-image box for a real <img> logo */
.app-header .brand .brand-logo .brand-img,
#top-nav .brand .brand-logo .brand-img,
.navbar-brand .brand-img {
	width: 40px !important;
	height: 40px !important;
	background: none !important;
	overflow: visible;
}
.brand .brand-logo .brand-img img {
	width: 40px;
	height: 40px;
	object-fit: contain;
	margin-inline-end: 0;
}
.brand .brand-text {
	letter-spacing: .5px;
}

/* Reusable HUD-dark hero used by the marketing pages */
.gc-hero {
	position: relative;
	padding: 5rem 0 4rem;
	text-align: center;
	background:
		radial-gradient(1200px 400px at 50% -10%, rgba(var(--bs-theme-rgb), .18), transparent 70%),
		linear-gradient(180deg, rgba(var(--bs-theme-rgb), .06) 0%, transparent 60%);
}
.gc-hero .display-4,
.gc-hero .display-5 { letter-spacing: .5px; }
.gc-hero p.lead { max-width: 820px; margin-inline: auto; }
.gc-hero .trust-badges .badge {
	background: rgba(var(--bs-theme-rgb), .12);
	border: 1px solid rgba(var(--bs-theme-rgb), .35);
	color: var(--bs-theme);
	font-weight: 500;
	margin: 0 .3rem .4rem 0;
}

/* Subtle gradient header for product/feature cards */
.gc-card-accent {
	border-top: 2px solid var(--bs-theme);
}

/* Auth pages: keep the HUD login card tight and centered */
.login .login-content { max-width: 420px; }

/* Username initial avatar — shown in the header dropdown trigger */
.menu-img:has(.gc-avatar) {
	display: flex;
	align-items: center;
	justify-content: center;
}
.gc-avatar {
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	border-radius: 50%;
	background: rgba(var(--bs-theme-rgb), .15);
	border: 1.5px solid rgba(var(--bs-theme-rgb), .5);
	color: var(--bs-theme);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: .8rem;
	letter-spacing: .5px;
	user-select: none;
	line-height: 1;
}

/* Hide theme cover/colour sections on non-localhost (classes set by inline script) */
.gc-hide-cover .gc-theme-cover-section { display: none; }
.gc-hide-colour .gc-theme-colour-section { display: none; }

/* Footer */
.gc-footer {
	border-top: 1px solid rgba(var(--bs-inverse-rgb), .12);
}

/* ── Admin: version channel badges ───────────────────────────────────── */
.version-badge {
	display: inline-block;
	padding: .35em .8em;
	font-size: .9em;
	border-radius: .375rem;
}
.version-stable  { background-color: #48bb78; color: #fff; }
.version-beta    { background-color: #ed8936; color: #fff; }
.version-tester  { background-color: #9f7aea; color: #fff; }
.version-custom  { background-color: #e53e3e; color: #fff; }

/* Admin: role management – search results overlay */
.admin-search-results {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid rgba(var(--bs-inverse-rgb), .15);
	border-radius: .375rem;
}
.admin-search-item {
	padding: .625rem .9375rem;
	border-bottom: 1px solid rgba(var(--bs-inverse-rgb), .08);
	cursor: pointer;
	transition: background .15s;
}
.admin-search-item:last-child { border-bottom: none; }
.admin-search-item:hover { background: rgba(var(--bs-inverse-rgb), .06); }

/* Admin: role badges */
.role-badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 10px;
	margin: 3px;
	border-radius: 20px;
	font-size: .85rem;
	background: rgba(var(--bs-theme-rgb), .15);
	border: 1px solid rgba(var(--bs-theme-rgb), .35);
	color: var(--bs-theme);
}
.role-badge .remove-role {
	cursor: pointer;
	opacity: .6;
	transition: opacity .15s;
}
.role-badge .remove-role:hover { opacity: 1; }