/*
 * rv_app — branded home / welcome page (staff portal).
 * Full-screen vault hero with a context-aware CTA (Enter the app / Sign in).
 * Scoped to [data-path="home"]. Loaded via web_include_css in hooks.py.
 */

/* strip default website chrome */
[data-path="home"] .navbar,
[data-path="home"] .page-breadcrumbs,
[data-path="home"] .page-header-wrapper,
[data-path="home"] .page-footer,
[data-path="home"] .web-footer,
[data-path="home"] footer.web-footer,
[data-path="home"] .footer { display: none !important; }

/* zero out all the wrapper spacing so the hero is exactly one viewport tall
   (Bootstrap's .my-4 on <main> is !important, hence the overrides here). */
[data-path="home"] .page-content-wrapper { min-height: 0 !important; }
[data-path="home"] main.container {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
[data-path="home"] .page_content { margin: 0 !important; }

[data-path="home"] .rv-home {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 2rem;
	background: #0d0d0d url('/assets/rv_app/images/login-splash.png') center / cover no-repeat;
	overflow: hidden;
}
[data-path="home"] .rv-home::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(8,8,8,.60) 0%, rgba(8,8,8,.84) 55%, rgba(8,8,8,.94) 100%);
}
[data-path="home"] .rv-home__inner {
	position: relative;
	z-index: 1;
	max-width: 560px;
}
[data-path="home"] .rv-home__logo {
	width: 280px;
	max-width: 72%;
	filter: brightness(0) invert(1); /* flat-black wordmark -> white */
	margin-bottom: 2.5rem;
}
[data-path="home"] .rv-home__title {
	color: #fff;
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	font-weight: 300;
	letter-spacing: -0.01em;
	line-height: 1.2;
	margin: 0;
}
[data-path="home"] .rv-home__sub {
	color: rgba(255,255,255,.62);
	font-size: 1.05rem;
	line-height: 1.6;
	margin: 1rem 0 2.5rem;
}
[data-path="home"] .rv-home__btn {
	display: inline-block;
	background: #fff;
	color: #141414;
	font-weight: 600;
	font-size: 1rem;
	padding: .85rem 2.1rem;
	border-radius: 8px;
	text-decoration: none;
	transition: transform .15s ease, background .15s ease;
}
[data-path="home"] .rv-home__btn:hover {
	background: #ececec;
	color: #000;
	transform: translateY(-1px);
}