/*
 * Lofty exempelsajt: sidhuvud, meny och sidfot efter designen.
 * Laddas efter Lofty layout.css. Mobilmenyns funktion ligger kvar i föräldratemat.
 */

/* Sidhuvud: logotypen i text, som i designen. */
.loft-sidhuvud__logga { font-size: 1.5rem; letter-spacing: -0.05em; line-height: 1; }

.loft-meny a {
	display: inline-block;
	padding-block: 6px;
	border-bottom: 2px solid transparent;
	font-size: var(--loft-storlek-s);
	font-weight: var(--loft-vikt-fet);
}
.loft-meny .current-menu-item > a,
.loft-meny .current-page-ancestor > a { color: var(--loft-farg-accent); border-bottom-color: var(--loft-farg-accent); }

.loft-menyknapp { min-height: 44px; margin-right: -12px; padding: 0 12px; font-weight: var(--loft-vikt-fet); }

@media (max-width: 48rem) {
	:is(.har-js, .ar-meny-aktiv) .loft-meny.ar-oppen {
		padding: var(--loft-avstand-s) var(--loft-kantmarginal) var(--loft-avstand-m);
		box-shadow: 0 12px 24px rgb(0 0 0 / 0.08);
	}
	.loft-meny ul { gap: 0; }
	.loft-meny li { border-bottom: 1px solid var(--loft-farg-kant); }
	.loft-meny a {
		display: flex;
		align-items: center;
		min-height: 48px;
		padding: 0;
		border: 0;
		font-size: var(--loft-storlek-l);
		letter-spacing: -0.02em;
	}
	.loft-meny .current-menu-item > a,
	.loft-meny .current-page-ancestor > a { border: 0; }
}

/* Sidfot */
.loft-sidfot__inre { grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); }
.loft-sidfot__logga { font-size: 1.5rem; letter-spacing: -0.05em; line-height: 1; }
.loft-sidfot__text { max-width: 26ch; }