/**
 * /www/wwwroot/loansmanagement-spv.com/assets/css/site.css
 */

:root{
	--bg:#1f2730;
	--panel:#eef2f6;
	--text:#1c2b38;
	--muted:#5e6e7d;
}

*{ box-sizing:border-box; }

body{
	margin:0;
	min-height:100vh;
	background:
		radial-gradient(1200px 600px at 20% 10%, rgba(255,255,255,0.05), transparent 60%),
		radial-gradient(900px 500px at 80% 30%, rgba(255,255,255,0.03), transparent 55%),
		var(--bg);
	color:var(--text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:42px 18px;
}

.card{
	width:min(760px,100%);
	background:var(--panel);
	border:1px solid rgba(255,255,255,0.12);
	border-radius:18px;
	padding:54px 42px;
	box-shadow:0 18px 40px rgba(0,0,0,0.25);
}

/* LOGO */
.logo{
	display:block;
	margin:0 auto 18px auto;
	width:30%;
	max-width:360px;
	height:auto;
}

/* BANDIERE */
.lang-switch{
	display:flex;
	justify-content:center;
	gap:14px;
	margin:0 auto 18px auto;
}

.lang-switch a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:999px;
	border:1px solid rgba(0,0,0,0.10);
	background:rgba(255,255,255,0.55);
	text-decoration:none;
	transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.lang-switch a:hover{
	transform:scale(1.12);
	box-shadow:0 6px 14px rgba(0,0,0,0.12);
	background:rgba(255,255,255,0.75);
}

.lang-switch img{
	width:22px;
	height:22px;
	display:block;
}

.hairline{
	width:92px;
	height:1px;
	background:linear-gradient(90deg,transparent,#cfd8e1,transparent);
	margin:10px auto 24px auto;
}

/* PAGE TITLE (DB: hero.title) */
.page-title{
	text-align:center;
	color:var(--text);
	font-size:14px;
	letter-spacing:2.2px;
	font-weight:600;
	margin:0 auto 12px auto;
}

/* SUBTITLE (DB: hero.subtitle) */
.subtitle{
	margin:0 auto;
	text-align:center;
	color:var(--muted);
	max-width:680px;
	font-size:16px;
	line-height:1.7;
}

/* BADGES / NAV */
.badges{
	margin:30px auto 0 auto;
	display:flex;
	flex-wrap:wrap;
	gap:14px;
	justify-content:center;
}

.badges .badge-link{
	text-decoration:none;
	color:inherit;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}

.badge{
	border:1px solid #cfd8e1;
	background:#f4f7fa;
	color:#2b3a48;
	padding:9px 16px;
	border-radius:999px;
	font-size:13px;
	letter-spacing:0.3px;

	min-width:135px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}

.badges .badge-link:hover .badge,
.badges .badge-link:focus .badge{
	background:#ffffff;
	border-color:#bfcad6;
	box-shadow:0 6px 14px rgba(0,0,0,0.08);
	transform:translateY(-1px);
}

.badges .badge-link:focus{
	outline:none;
}

/* FOOTER */
.footer{
	margin-top:36px;
	padding-top:18px;
	border-top:1px solid #d9e0e7;
	text-align:center;
	color:#6d7a86;
	font-size:12px;
	line-height:1.65;
}

.footer strong{
	color:#1c2b38;
	font-weight:600;
}

.note{
	margin-top:10px;
	color:#8c98a3;
	font-size:11px;
}

/* Advisor link must look like normal text */
.advisor-link{
	color:inherit;
	text-decoration:none;
	font-weight:inherit;
}

.advisor-link:hover,
.advisor-link:focus{
	color:inherit;
	text-decoration:none;
	outline:none;
}

.footer .advisor-link{
	pointer-events:auto;
	cursor:pointer;
}

/* ================================
   SUBPAGES (governance/process/scope/contact)
   ================================ */

body.page-sub .badges{
	display:none;
}

body.page-sub .logo{
	width:26%;
	max-width:220px;
	opacity:0.92;
	margin-bottom:10px;
}

body.page-sub .subtitle{
	max-width:640px;
	font-size:15px;
}

/* MOBILE */
@media(max-width:600px){
	.card{ padding:36px 22px; }
	.subtitle{ font-size:17px; }
	.logo{ width:60%; max-width:none; }
	body.page-sub .logo{ width:46%; max-width:none; }
}

/* Subpages must scroll normally (no vertical center) */
body.page-sub{
	align-items:flex-start;
	padding-top:70px;
}


/* HOME link inside footer */
.home-footer-link{
	margin-top:18px;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
}

.home-footer-link a{
	color:#8B4513; /* marrone bruciato */
	text-decoration:none;
	font-weight:500;
}

.home-footer-link a:hover{
	color:#A0522D;
}


/* HOME link inside footer */
.home-footer-link{
	margin-top:18px;
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
}

.home-footer-link a{
	color:#8B4513; /* marrone bruciato */
	text-decoration:none;
	font-weight:500;
}

.home-footer-link a:hover{
	color:#A0522D;
}