/* OBJECT etc – nyhetsbrev og footer. Mål og farger: --fot-… øverst i style.css.
   «NYHETSBREV» er en vanlig seksjonstittel. Under den er alt grått helt ned til bunnen.
   Innholdet står i samme ramme som gridet, så kantene står på linje med bildene over. */

.fot {
	font-family: var(--hand-font);
	color: var(--hand-black);
}
.fot a { color: inherit; text-decoration: none; }
.fot ul { list-style: none; margin: 0; padding: 0; }

/* Tittelen: samme luft over og under som seksjonene ellers */
.nb-seksjon {
	padding-top: calc(var(--grid-seksjon-luft) - var(--grid-kant));
}
.nb__tittel {
	margin-bottom: calc(var(--grid-tittel-luft) + var(--grid-kant)); /* som tittel → bildekant */
}

/* Alt under tittelen er grått */
.fot__gra {
	background: var(--fot-gra);
}

/* ---------- Nyhetsbrev-båndet ---------- */
.nb__innhold {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	min-height: var(--fot-band-hoyde);
}
.nb__tekst {
	grid-column: 1;
	align-self: center;
	max-width: calc(548 * var(--grid-enhet));
	padding: calc(40 * var(--grid-enhet)) 0 calc(40 * var(--grid-enhet)) var(--grid-kant);
}
.nb__tekst p {
	margin: 0;
	font-size: var(--fot-str-tekst);
	line-height: 1.3;
}
.nb__tekst1 { font-weight: 400; }
.nb__tekst2 {
	max-width: calc(433 * var(--grid-enhet));
	margin-top: calc(28 * var(--grid-enhet)) !important;
	font-weight: 300;
}
.nb__bilde {
	position: absolute;
	right: calc(var(--grid-sidemarg) + var(--grid-kant) + 28 * var(--grid-enhet));
	bottom: calc(-1 * var(--fot-bilde-under));
	width: var(--fot-bilde-str);
	aspect-ratio: 1 / 1;
	mix-blend-mode: darken;
	pointer-events: none;
}
.nb__bilde img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ---------- Footeren ---------- */
.fot__bunn {
	padding-top: calc(90 * var(--grid-enhet));
	padding-bottom: calc(28 * var(--grid-enhet));
	font-size: var(--fot-str-lenke);
	line-height: 1.2;
}
.fot__rad {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 40px;
}
.fot__pamelding {
	max-width: calc(379 * var(--grid-enhet));
	padding-left: var(--grid-kant);
}
.fot__intro { margin: 0 0 calc(16 * var(--grid-enhet)); }
.fot__skjema { display: flex; flex-direction: column; gap: 6px; }
.fot__epost {
	height: var(--fot-felt-hoyde);
	padding: 0 14px;
	border: 1px solid var(--hand-black);
	border-radius: 0;
	background: var(--hand-white);
	font: inherit;
	font-size: calc(13 * var(--grid-enhet));
	outline: none;
}
.fot__knapp {
	height: var(--fot-felt-hoyde);
	border: 0;
	background: var(--hand-black);
	color: var(--hand-white);
	font: inherit;
	font-size: calc(13 * var(--grid-enhet));
	text-transform: uppercase;
	cursor: pointer;
	transition: opacity 0.25s ease;
}
.fot__knapp:hover { opacity: 0.85; }
.fot__samtykke {
	margin: calc(12 * var(--grid-enhet)) 0 0;
	font-size: var(--fot-str-liten);
	line-height: 1.5;
}
.fot__samtykke a,
.fot__understrek { text-decoration: underline; text-underline-offset: 0.2em; }
.fot__melding { margin: 6px 0 0; font-size: var(--fot-str-liten); }
.fot__melding--feil { color: #b3261e; }
.fot__skjult { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.fot__kolonner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	padding-left: var(--grid-kant); /* starter på linje med bildekanten i tredje kolonne */
}
.fot__kolonnetittel {
	margin: 0 0 calc(22 * var(--grid-enhet));
	text-transform: uppercase;
}
.fot__kolonne li { margin: 0 0 2px; }
.fot__kolonne a:hover,
.fot__connect a:hover,
.fot__juridisk a:hover { text-decoration: underline; text-underline-offset: 0.2em; }

.fot__connect {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px calc(36 * var(--grid-enhet));
	margin-top: calc(70 * var(--grid-enhet)) !important;
}
.fot__connect-tittel { text-transform: uppercase; }
.fot__copyright {
	margin: calc(34 * var(--grid-enhet)) 0 0;
	font-size: var(--fot-str-liten);
	text-align: center;
}
.fot__juridisk {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 8px !important;
	font-size: var(--fot-str-liten);
}
.fot__juridisk a { text-decoration: underline; text-underline-offset: 0.2em; }

/* ---------- Tablet og mobil ---------- */
@media (max-width: 1024px) {
	.fot__rad { grid-template-columns: 1fr; gap: 50px; }
}
@media (max-width: 767px) {
	.nb__innhold { grid-template-columns: 1fr; padding-bottom: calc(var(--fot-bilde-str) * 0.8); }
	.nb__bilde { right: 50%; transform: translateX(50%); }
	.fot__kolonner { grid-template-columns: 1fr 1fr; row-gap: 32px; }
	.fot__pamelding { max-width: none; padding-right: var(--grid-kant); }
}