/* ==========================================================================
   NP INVESTOR — CUSTOM FOOTER
   ========================================================================== */

/* Skjul Astras egen footer */
#colophon, .site-footer { display: none !important; }

.np-ft { background: var(--np-navy-900); color: rgba(255,255,255,.7); }

.np-ft__inner {
	max-width: var(--np-container); margin: 0 auto;
	padding: 52px clamp(16px, 4vw, 32px) 40px;
	display: grid; grid-template-columns: 1.7fr 1fr 1fr 1.2fr; gap: 40px;
}

/* Brand */
.np-ft__brand .np-logo { color: #fff; }
.np-ft__tagline { margin: 16px 0 20px; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.55); max-width: 34ch; }
.np-ft__social { display: flex; gap: 10px; }
.np-ft__soc {
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px; border-radius: 9px;
	background: rgba(255,255,255,.07); color: rgba(255,255,255,.82);
	transition: background .15s ease, color .15s ease, transform .15s ease;
}
.np-ft__soc:hover { background: var(--np-up); color: #fff; transform: translateY(-2px); }

/* Link-kolonner */
.np-ft__title {
	font-family: var(--np-font-sans); font-size: 12.5px; font-weight: 600;
	letter-spacing: .05em; text-transform: uppercase; color: #fff; margin: 2px 0 15px;
}
.np-ft__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.np-ft__col a { color: rgba(255,255,255,.66); font-size: 14px; transition: color .12s ease; }
.np-ft__col a:hover { color: #fff; }

/* Kontakt */
.np-ft__contact address { font-style: normal; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.66); margin: 0 0 12px; }
.np-ft__mail { color: #2fe0cf; font-size: 14px; font-weight: 500; }
.np-ft__mail:hover { color: #4ff0e0; }

/* Bundlinje */
.np-ft__bar { border-top: 1px solid rgba(255,255,255,.09); }
.np-ft__bar-inner {
	max-width: var(--np-container); margin: 0 auto;
	padding: 18px clamp(16px, 4vw, 32px);
	display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;
	font-size: 12.5px; color: rgba(255,255,255,.48);
}

@media (max-width: 900px) {
	.np-ft__inner { grid-template-columns: 1fr 1fr; gap: 30px 32px; }
	.np-ft__brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.np-ft__inner { grid-template-columns: 1fr; }
	.np-ft__bar-inner { flex-direction: column; align-items: flex-start; }
}