/* page-links.php — Linktree-artige Bio-Seite. */

.vf-links-page {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	padding: 40px 16px 60px;
	background: repeating-linear-gradient(45deg, var(--paper-2) 0 12px, var(--paper-3) 12px 24px);
}

.vf-links {
	width: 100%;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	gap: var(--sp-5);
}

.vf-links__profile { display: flex; flex-direction: column; align-items: center; gap: var(--sp-3); text-align: center; }
.vf-links__avatar {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: var(--paper);
	border: var(--border-w) solid var(--ink);
	display: grid;
	place-items: center;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.vf-links__name { font-size: 21px; font-weight: var(--fw-bold); letter-spacing: var(--ls-title); }
.vf-links__name .dot { color: var(--accent); }
.vf-links__bio { font-size: var(--fs-small); opacity: 0.7; line-height: 1.5; }

.vf-links__map {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--ink);
	color: var(--paper);
	border: var(--border-w) solid var(--ink);
	padding: 16px 18px;
	box-shadow: var(--shadow-md);
	transition: transform 0.1s;
}
.vf-links__map:hover { transform: var(--lift); color: var(--paper); }
.vf-links__map-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--paper);
	border: var(--border-w) solid var(--ink);
	display: grid;
	place-items: center;
	font-size: 14px;
	flex-shrink: 0;
}
.vf-links__map-text { display: flex; flex-direction: column; gap: 2px; }
.vf-links__map-title { font-size: var(--fs-body); font-weight: var(--fw-bold); }
.vf-links__map-sub { font-size: 10.5px; opacity: 0.7; }
.vf-links__map-arrow { margin-left: auto; font-size: 16px; }

.vf-links__section { display: flex; flex-direction: column; gap: var(--sp-3); }
.vf-links__label { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.55; text-align: center; }

.vf-links__item {
	display: flex;
	align-items: center;
	gap: 14px;
	background: var(--paper);
	border: var(--border-w) solid var(--ink);
	padding: 13px 16px;
	box-shadow: var(--shadow-sm);
	color: var(--ink);
	transition: transform 0.1s;
}
.vf-links__item:hover { transform: var(--lift); color: var(--ink); }
.vf-links__item-num {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--paper);
	border: var(--border-w) solid var(--ink);
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: var(--fw-bold);
	flex-shrink: 0;
}
.vf-links__item-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vf-links__item-title { font-size: var(--fs-body); font-weight: var(--fw-bold); line-height: 1.35; }
.vf-links__item-kicker { font-size: 10px; color: var(--accent); letter-spacing: 1px; text-transform: uppercase; }
.vf-links__item-arrow { margin-left: auto; font-size: 14px; opacity: 0.5; }

.vf-links__more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--paper);
	border: var(--border-w) solid var(--ink);
	padding: 13px;
	box-shadow: var(--shadow-sm);
	color: var(--ink);
	font-size: var(--fs-body);
	font-weight: var(--fw-bold);
	transition: transform 0.1s;
}
.vf-links__more:hover { transform: var(--lift); color: var(--ink); }

.vf-links__footer { text-align: center; font-size: 10px; opacity: 0.5; line-height: 1.7; }
.vf-links__footer a { text-decoration: underline; }