/*
 * VERKIÐ public site shell.
 *
 * SOURCE OF TRUTH FOR:
 * - fallback header / navigation / account link
 * - generic WordPress content shell
 * - archive shell
 * - fallback footer
 *
 * Feature-specific UI belongs in its feature stylesheet later.
 */

.verkid-site-header{
	position:relative;
	z-index:100;
	width:100%;
	background:#fff;
	border-bottom:1px solid var(--verkid-site-line);
}

.verkid-site-header__inner{
	display:grid;
	grid-template-columns:auto minmax(220px,1fr) auto auto;
	align-items:center;
	gap:24px;
	width:min(100%,var(--verkid-site-width));
	min-height:74px;
	margin:0 auto;
	padding:0 var(--verkid-site-gutter);
}

.verkid-site-brand{
	display:inline-flex;
	align-items:center;
	color:var(--verkid-site-ink);
	font-size:22px;
	font-weight:700;
	letter-spacing:.12em;
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
}

.verkid-site-brand .custom-logo-link{
	display:flex;
	align-items:center;
}

.verkid-site-brand .custom-logo{
	display:block;
	width:auto;
	max-width:180px;
	max-height:38px;
}

.verkid-site-header__search{
	min-width:0;
}

.verkid-site-header__search:empty{
	display:none;
}

.verkid-site-nav__menu{
	display:flex;
	align-items:center;
	gap:22px;
	margin:0;
	padding:0;
	list-style:none;
}

.verkid-site-nav__menu a{
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	white-space:nowrap;
}

.verkid-site-nav__menu a:hover,
.verkid-site-nav__menu a:focus-visible{
	opacity:.55;
}

.verkid-site-account{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-family:var(--verkid-site-mono);
	font-size:10px;
	font-weight:400;
	letter-spacing:.045em;
	text-decoration:none;
	white-space:nowrap;
}

.verkid-site-account svg{
	width:20px;
	height:20px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.45;
}

.verkid-site-main{
	display:block;
	width:100%;
	min-height:55vh;
}

.verkid-content-shell{
	width:min(100% - (2 * var(--verkid-site-gutter)),var(--verkid-site-width));
	margin:0 auto;
	padding:64px 0 96px;
}

.verkid-entry__header{
	margin:0 0 30px;
}

.verkid-entry__title,
.verkid-404 h1{
	margin:0;
	font-size:clamp(38px,5vw,72px);
	font-weight:600;
	line-height:.98;
	letter-spacing:-.045em;
}

.verkid-entry__title a{
	text-decoration:none;
}

.verkid-entry__content{
	min-width:0;
}

.verkid-entry__content::after{
	display:table;
	clear:both;
	content:"";
}

.verkid-entry__content > *:first-child{
	margin-top:0;
}

.verkid-entry__content > *:last-child{
	margin-bottom:0;
}

.verkid-system-label{
	margin:0 0 10px;
	color:var(--verkid-site-muted);
	font-family:var(--verkid-site-mono);
	font-size:11px;
	letter-spacing:.065em;
	text-transform:uppercase;
}

.verkid-text-link{
	display:inline-block;
	margin-top:18px;
	text-decoration:none;
}

.verkid-archive-header{
	margin-bottom:48px;
}

.verkid-archive-description{
	max-width:720px;
	margin-top:16px;
	color:var(--verkid-site-muted);
}

.verkid-archive-list{
	border-top:1px solid var(--verkid-site-line);
}

.verkid-archive-item{
	padding:28px 0;
	border-bottom:1px solid var(--verkid-site-line);
}

.verkid-archive-item h2{
	margin:0 0 8px;
	font-size:24px;
	font-weight:500;
}

.verkid-archive-item h2 a{
	text-decoration:none;
}

.verkid-site-footer{
	border-top:1px solid var(--verkid-site-line);
	background:#fff;
}

.verkid-site-footer__inner{
	display:grid;
	grid-template-columns:1fr auto auto;
	align-items:center;
	gap:28px;
	width:min(100%,var(--verkid-site-width));
	min-height:96px;
	margin:0 auto;
	padding:20px var(--verkid-site-gutter);
}

.verkid-site-footer__brand{
	font-weight:700;
	letter-spacing:.12em;
}

.verkid-site-footer__menu{
	display:flex;
	gap:18px;
	margin:0;
	padding:0;
	list-style:none;
}

.verkid-site-footer__menu a,
.verkid-site-footer__meta{
	color:var(--verkid-site-muted);
	font-family:var(--verkid-site-mono);
	font-size:10px;
	letter-spacing:.035em;
	text-decoration:none;
}
