/* Wikinorge: the few things theme.json cannot express. */
:root { --wn-radius: 12px; }

.wn-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.wn-header .wp-block-site-logo img { height: 80px !important; width: auto !important; max-width: none; }
.wn-header .wp-block-navigation a:hover { color: var(--wp--preset--color--red); }

.wn-section-bolig .wn-stripe { background: var(--wp--preset--color--bolig); }
.wn-section-bil .wn-stripe { background: var(--wp--preset--color--bil); }
.wn-section-okonomi .wn-stripe { background: var(--wp--preset--color--okonomi); }
.wn-stripe { height: 6px; background: var(--wp--preset--color--red); }

.wn-hero { padding: 2.5rem 0 1rem; }
.wn-hero h1 { max-width: 16ch; }
.wn-hero p { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--large); max-width: 46ch; }

.wn-cards { margin-top: 2.5rem; }
.wn-cards .wp-block-column { background: var(--wp--preset--color--mist); border-radius: var(--wn-radius); padding: 1.5rem; border-top: 6px solid var(--wp--preset--color--red); }
.wn-cards .wn-card-bolig { border-top-color: var(--wp--preset--color--bolig); }
.wn-cards .wn-card-bil { border-top-color: var(--wp--preset--color--bil); }
.wn-cards .wn-card-okonomi { border-top-color: var(--wp--preset--color--okonomi); }
.wn-cards h2 { margin-top: 0; font-size: var(--wp--preset--font-size--large); }
.wn-cards p { color: var(--wp--preset--color--slate); }

.wn-section-title { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; border-bottom: 2px solid var(--wp--preset--color--ink); padding-bottom: .4rem; margin-top: 2.5rem; }
.wn-section-title h2 { margin: 0; font-size: var(--wp--preset--font-size--large); }
.wn-section-title a { font-weight: 600; font-size: var(--wp--preset--font-size--small); text-decoration: none; }

.wp-block-post-template .wp-block-post { background: #fff; }
.wp-block-post-template .wp-block-post-featured-image img { border-radius: var(--wn-radius); }
.wp-block-post-template .wp-block-post-title { font-size: 1.15rem; margin: .5rem 0 .25rem; }
.wp-block-post-template .wp-block-post-title a { text-decoration: none; color: var(--wp--preset--color--ink); }
.wp-block-post-template .wp-block-post-title a:hover { color: var(--wp--preset--color--red); }
.wp-block-post-terms a { text-decoration: none; color: var(--wp--preset--color--red); }

.wn-article-head { margin: 1.5rem 0 1rem; }
.wn-article-head .wp-block-post-title { margin: .5rem 0; }
.wn-meta { display: flex; flex-wrap: wrap; gap: .25rem 1rem; color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); }
.wn-meta .wp-block-post-date { font-size: inherit; }
.wn-meta .wp-block-post-author-name a { color: inherit; text-decoration: none; }

.wp-block-post-content h2 { margin-top: 2.25rem; }
.wp-block-post-content h3 { margin-top: 1.75rem; }
.wp-block-post-content figure { margin: 1.5rem 0; }
.wp-block-post-content table { border-collapse: collapse; width: 100%; }
.wp-block-post-content th, .wp-block-post-content td { border: 1px solid var(--wp--preset--color--line); padding: .5rem .6rem; text-align: left; }
.wp-block-post-content thead th { background: var(--wp--preset--color--mist); }
.wp-block-post-content .wn-lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--slate); }

/* Affiliate link labelling (Forbrukertilsynet): the badge is always visible. */
.wn-annonselenke { font-weight: 600; }
.wn-badge { display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--wp--preset--color--red); border: 1px solid currentColor; border-radius: 4px; padding: 0 .35rem; margin-left: .35rem; vertical-align: middle; line-height: 1.5; }
.wn-notice { background: var(--wp--preset--color--mist); border-left: 4px solid var(--wp--preset--color--red); border-radius: 0 var(--wn-radius) var(--wn-radius) 0; padding: .75rem 1rem; font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--slate); margin: 1.5rem 0; }
.wn-notice p { margin: .25rem 0; }
.wn-sources { margin: 2.5rem 0 1rem; padding-top: 1rem; border-top: 1px solid var(--wp--preset--color--line); font-size: var(--wp--preset--font-size--small); }
.wn-sources h2 { font-size: 1rem; margin: 0 0 .5rem; }
.wn-sources ol { margin: 0; padding-left: 1.25rem; }
.wn-sources li { margin: .2rem 0; }
.wn-box { background: var(--wp--preset--color--mist); border-radius: var(--wn-radius); padding: 1rem 1.25rem; margin: 1.5rem 0; }
.wn-box.wn-box-key { border-left: 6px solid var(--wp--preset--color--red); }
.wn-box h3, .wn-box h2 { margin-top: 0; font-size: 1.05rem; }

.wn-footer { background: var(--wp--preset--color--ink); color: #CBD5E1; margin-top: 4rem; padding: 3rem 1rem 2rem; font-size: var(--wp--preset--font-size--small); }
.wn-footer a { color: #fff; text-decoration: none; }
.wn-footer a:hover { text-decoration: underline; }
.wn-footer .wp-block-navigation { gap: .5rem 1.5rem; }
.wn-footer .wn-logo img { height: 52px; width: auto; display: block; }
.wn-footer .wn-footer-about { margin-top: 1rem; max-width: 40ch; }
.wn-footer .wn-footer-heading { font-weight: 700; color: #fff; margin: 0 0 .5rem; }
.wn-partners { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2rem; }
.wn-partners-label { color: #94A3B8; font-weight: 600; }
.wn-partners-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
.wn-partners-list img { height: 32px; width: auto; filter: brightness(0) invert(1); opacity: .85; }
.wn-footer p { margin: .5rem 0; }
.wn-footer .wn-footer-legal { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1rem; margin-top: 2rem; color: #94A3B8; text-align: center; }
.wn-footer .wn-footer-legal p, .wn-copyright { text-align: center; margin: 0 auto; }

@media (max-width: 781px) {
  .wn-cards .wp-block-column { margin-bottom: 1rem; }
  .wn-hero { padding: 1.5rem 0 .5rem; }
  .wn-header .wp-block-site-logo img { height: 60px !important; }
}

/* Left-align hero and archive intros inside constrained layouts. */
.wn-hero > *, .wn-article-head > * { margin-left: 0 !important; }
.wn-hero .wp-block-term-description, .wn-hero .wp-block-term-description p { font-size: var(--wp--preset--font-size--medium); color: var(--wp--preset--color--slate); max-width: 60ch; }
.wn-page-title { margin-top: 2rem; }
.wn-meta { color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--small); margin: .25rem 0 1rem; }
.wn-meta a { color: inherit; }
.wn-meta strong { color: var(--wp--preset--color--ink); font-weight: 600; }