/* Undersidornas komponenter — Sidhuvud, Process, Textblock, FAQ, Kontaktkort.
   Komponenterna ligger i Bricks (kategori Nordway) och byggs av
   nordwaystore-core/tools/build-components.php. USP-raden, Företagskortet
   och Skickraderna återanvänder startsidans klasser i home.css. */

/* Sidhuvud */
.nws-phero > .brxe-container { padding: var(--space-l) var(--nws-gutter) var(--space-xl); }
.nws-phero__inner {
	background: var(--nws-grey-surface);
	border-radius: var(--nws-radius-xl);
	padding: var(--space-xl) var(--space-xl) var(--space-xl);
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
	max-width: 100%;
}
.nws-phero__title { max-width: 18ch; margin: 0; }
.nws-phero__lead { font-size: var(--text-l); line-height: 1.5; color: var(--nws-grey); max-width: 60ch; margin: 0; }
.nws-phero__actions { display: flex; gap: 1.2rem 2rem; align-items: center; flex-wrap: wrap; margin-top: 1rem; }

/* Process — numrerade steg */
.nws-process > .brxe-container { padding: 0 var(--nws-gutter) var(--space-xl); }
.nws-process__title { margin: 0 0 var(--space-m); }
.nws-process__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr)); gap: 1.6rem; }
.nws-stepcard {
	background: var(--nws-white);
	border: 1px solid var(--nws-grey-line);
	border-radius: var(--nws-radius-l);
	padding: 2.2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.nws-stepcard__num {
	width: 3.2rem; height: 3.2rem; border-radius: 50%;
	background: var(--nws-black); color: var(--nws-green);
	font-size: 1.7rem; font-weight: 600;
	display: flex; align-items: center; justify-content: center;
}
.nws-stepcard__title { font-size: 2rem; font-weight: 600; line-height: 1.2; margin: 0; }
.nws-stepcard__text { font-size: 1.6rem; line-height: 1.5; color: var(--nws-grey); margin: 0; }

/* Textblock — brödtext i läsbar spalt, typografin från page.css */
.nws-textblock > .brxe-container { padding: 0 var(--nws-gutter) var(--space-xl); }
.nws-textblock__title { margin: 0 0 var(--space-s); }
.nws-textblock__body { max-width: 72rem; }

/* FAQ — frågorna är details/summary med product.css:s .nws-faq__item */
.nws-faqsec > .brxe-container { padding: 0 var(--nws-gutter) var(--space-xl); }
.nws-faqsec__grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: 5.6rem; align-items: start; }
.nws-faqsec__intro > .brxe-heading { margin: 0 0 1.4rem; }
.nws-faqsec__sub { font-size: 1.8rem; line-height: 1.5; color: var(--nws-grey); }
.nws-faq__item > summary.brxe-text-basic { margin: 0; }

/* Kontaktkort */
.nws-contact > .brxe-container { padding: 0 var(--nws-gutter) var(--space-xl); }
.nws-contact__card {
	background: var(--nws-white);
	border: 1px solid var(--nws-grey-line);
	border-radius: var(--nws-radius-l);
	padding: 2.4rem 2.8rem;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
	gap: 2rem;
}
.nws-contact__title { grid-column: 1 / -1; margin: 0; }
.nws-contact__item { display: flex; flex-direction: column; gap: 0.4rem; }
.nws-contact__label { font-size: 1.3rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--nws-grey); }
.nws-contact__value { font-size: 1.9rem; font-weight: 600; }
.nws-contact__note { font-size: 1.5rem; color: var(--nws-grey); }

@media (max-width: 991px) {
	.nws-faqsec__grid { grid-template-columns: 1fr; gap: 2.4rem; }
}
@media (max-width: 767px) {
	.nws-phero > .brxe-container,
	.nws-process > .brxe-container,
	.nws-textblock > .brxe-container,
	.nws-faqsec > .brxe-container,
	.nws-contact > .brxe-container { padding-left: 1.6rem; padding-right: 1.6rem; }
	.nws-phero__inner { padding: var(--space-l) var(--space-m); }
}

/* Textblockets stycken är brödtext rakt igenom — sidmallens ingress-stil på
   första stycket (page.css) gäller inte här, annars ser två textblock på
   samma sida olika stora ut. */
body:not(.woocommerce-page) .nws-textblock__body > p:first-child { font-size: inherit; line-height: inherit; color: inherit; }