/*!
 * Watchinu — brand-only overrides on top of FlixTV main.css / admin.css.
 * Do not recreate theme layout here.
 */

/*
 * admin.css hides .header at ≥1200px (admin uses a desktop sidebar instead).
 * After Livewire wire:navigate from admin → front, that rule can linger and
 * wipe the public site header. Scope the hide to admin only, and force the
 * front header back on when leaving admin.
 */
@media (min-width: 1200px) {
	body.admin-layout > .header {
		display: none;
	}
	body:not(.admin-layout) > .header {
		display: block !important;
	}
}
.header__logo-text {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0.04em;
	color: #fff;
	white-space: nowrap;
}
.header__logo-text b {
	color: #2f80ed;
	font-weight: 500;
	font-size: 0.85em;
}
.footer__logo {
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	color: #fff;
}
.footer__logo b { color: #2f80ed; }

/* Auth card brand — replaces FlixTV logo.svg */
.sign__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}
.sign__logo-text {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	font-size: 28px;
	letter-spacing: 0.02em;
	line-height: 1;
	color: #fff;
	text-transform: none;
}
.sign__logo-text b {
	color: #2f80ed;
	font-weight: 500;
}

.header__nav-link--active {
	color: #2f80ed !important;
}

/* Livewire wire:navigate progress bar */
.media-nav-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 2px;
	width: 0;
	z-index: 99999;
	background: #2f80ed;
	opacity: 0;
	pointer-events: none;
	transition: width 0.2s ease, opacity 0.2s ease;
}
.media-nav-progress.is-active {
	opacity: 1;
	width: 70%;
	transition: width 0.4s ease, opacity 0.15s ease;
}
.media-nav-progress.is-done {
	width: 100%;
	opacity: 0;
	transition: width 0.15s ease, opacity 0.3s ease 0.1s;
}

.card__cover--genre {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 140px;
	background: linear-gradient(160deg, #1c2430 0%, #12161d 100%);
	border-radius: 8px;
	text-decoration: none;
}
.card__genre-label {
	color: #fff;
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	padding: 12px;
}

.catalog__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

/* Keep FlixTV .profile__logout absolute positioning when wrapped in a logout form */
.profile__logout-form {
	display: contents;
}

/* Admin sidebar logout button stays in FlixTV flex layout */
.sidebar__logout-form {
	display: contents;
}