/* ============================================================================
   PROSPEKT-DRAKTEN — håndskrevet CSS for den åpne siden
   ============================================================================
   Lastes av header-html.php når theme_skin = 'prospekt' (utilities/
   design_presets.php), etter style.css og front-moduler.css. Body har da
   klassen .skin-prospekt, og alt her er scopet under den.

   Formspråket er det samme som medlemsområdet (css/medlem.css): hvite kort
   på lys sandbakgrunn, Bricolage Grotesque i titler, Onest i brødtekst,
   pilleknapper. Designgrunnlag: «Ekstern forside 3a – Prospekt».

   Hovedgrepet er at HVER forsidemodul blir et kort, også moduler designet
   ikke viste. index.tpl merker seksjonene med .front-kort (pakkes i kort)
   eller .front-uten-kort (modulen tegner egne kort/flater), og legger
   seksjoner uten egen wrapper i en avrundet .front-flate.

   Farger går gjennom temavariablene, så palettgeneratoren og egne farger
   virker også med drakten. Fontene lastes fra css/fonter-lokale.css.
   ============================================================================ */

body.skin-prospekt {
  --p-ink: var(--color-text, #14233a);
  --p-body: #3a4558;
  --p-muted: #5b6576;
  --p-line: #e1dbcf;
  --p-line-soft: #f0ede6;
  --p-kort: var(--color-surface, #fff);
  --p-mork: var(--color-footerbg, #14233a);
  --p-mork-tekst: #d3d9e3;
  --p-r-kort: var(--radius-base, 22px);
  --p-r-bilde: calc(var(--radius-base, 22px) + 2px);
  --p-gutter: 48px;
  --p-maks: 1280px;

  background: var(--color-bg, #f6f4ef);
  color: var(--p-body);
  font-family: var(--font-base, 'Onest', sans-serif);
  font-size: 16px;
  line-height: 1.6;
}

/* Ingen sidelengs rulling: faste elementer (samtykkebanner, nettassistent)
   og innflyvningsanimasjoner kan ellers gjøre siden bredere enn skjermen på
   mobil. clip, ikke hidden: hidden ville slått av sticky-menyen. */
html:has(> body.skin-prospekt),
body.skin-prospekt { overflow-x: clip; }

body.skin-prospekt h1,
body.skin-prospekt h2,
body.skin-prospekt h3,
body.skin-prospekt h4 {
  font-family: var(--font-title, 'Bricolage Grotesque', sans-serif);
  font-weight: 700;
  letter-spacing: -.01em;
}
/* Navy overskrifter, men ikke tekst som ligger over et bilde (slider,
   «Stort bilde», video, bildefliser): der beholder modulen sin egen (hvite)
   farge. :where() holder spesifisiteten lik body.skin-prospekt h1. */
body.skin-prospekt :is(h1, h2, h3, h4):where(:not(:is(.slick-caption, .hero-text-style1, .bg-parallax, .front-videohero__content, .fcg-block-overlay, .page-list__overlay, .nhs-hero-grid, .page-titles-img) *)) {
  color: var(--p-ink);
}

body.skin-prospekt a { color: var(--color-link, #0f6e6a); }
body.skin-prospekt a:hover { color: var(--color-link-hover, #0b5a56); }
/* Lenker i kort og lister er hele flater eller titler: ingen understrek */
body.skin-prospekt :is(.front-hero, .front-oppslag, .front-innlogging, .front-utleie, .lb-rad, .front-adkomst, .p-bunn) a,
body.skin-prospekt a:is(.front-innlogging, .lb-card, .front-utleie__kort) { text-decoration: none; }
body.skin-prospekt a.front-innlogging,
body.skin-prospekt a.front-innlogging:hover { color: #fff; }

body.skin-prospekt .p-ikon { display: inline-block; }
body.skin-prospekt .front-innlogging .p-ikon { display: inline-block; }
body.skin-prospekt .front-innlogging .fa-house { display: none; }

/* ---------- Knapper: piller ---------- */
body.skin-prospekt .btn {
  border-radius: 999px;
  font-weight: 600;
}
body.skin-prospekt .btn-primary {
  background: var(--p-ink);
  border-color: var(--p-ink);
}

/* ============================================================================
   Header
   ============================================================================ */
body.skin-prospekt .affy-navbar.navbar-nohero {
  background: #fff !important;
  border-bottom: 1px solid #e7e3da;
  box-shadow: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 72px;
}
/* Menyen flukter med innholdet under: samme maksbredde og marg som
   kortene, også når «Full bredde meny» er valgt (container-fluid). */
body.skin-prospekt .affy-navbar .affy-navbar-inner {
  min-height: 72px;
  width: 100%;
  max-width: var(--p-maks) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--p-gutter) !important;
  padding-right: var(--p-gutter) !important;
}
body.skin-prospekt .affy-navbar .navbar-brand,
body.skin-prospekt .affy-navbar .navbar-brand span {
  font-family: var(--font-title, 'Bricolage Grotesque', sans-serif);
  font-size: 21px;
  font-weight: 700;
  color: var(--p-ink);
  letter-spacing: -.01em;
}
body.skin-prospekt .affy-main-nav .nav-link {
  font-family: var(--font-base, 'Onest', sans-serif);
  font-size: 15px;
  font-weight: 500;
  color: var(--p-ink) !important;
  text-transform: none;
  letter-spacing: 0;
}
/* Mange menypunkter skal ikke gjøre siden bredere enn vinduet: tette
   marger, ingen linjeskift i punktene, og menyen får krympe. */
@media (min-width: 992px) {
  body.skin-prospekt .affy-navbar-inner { flex-wrap: nowrap; }
  body.skin-prospekt #navbarNavDropdown { min-width: 0; }
  body.skin-prospekt .affy-main-nav.d-lg-flex { flex-wrap: wrap; justify-content: flex-end; row-gap: 2px; min-width: 0; }
  body.skin-prospekt .affy-main-nav.d-lg-flex > .nav-item > .nav-link { padding: 8px 11px !important; white-space: nowrap; }
  body.skin-prospekt .affy-nav-actions { flex-shrink: 0; gap: 6px; }
}
body.skin-prospekt .affy-main-nav > .nav-item.active > .nav-link {
  background: var(--color-nav-active-bg, var(--nav-active-bg, #e2f0ee));
  color: var(--nav-active-color, #0b5a56) !important;
  border-radius: 999px;
}
body.skin-prospekt .affy-menu-las { opacity: .75; }
body.skin-prospekt .affy-nav-actions .nav-link:not(.affy-login-knapp) { font-size: 15px; font-weight: 500; color: var(--p-ink); }

/* «Bakgrunnsbilde bak meny»: menyen ligger gjennomsiktig over et bilde
   (navbar-transparent + navbar-dark). Da skal navn og menypunkter være hvite
   som i klassisk drakt, ikke navy. Aktivt punkt beholder den lyse pillen. */
body.skin-prospekt .affy-navbar.navbar-transparent.navbar-dark .navbar-brand,
body.skin-prospekt .affy-navbar.navbar-transparent.navbar-dark .navbar-brand span,
body.skin-prospekt .affy-navbar.navbar-transparent.navbar-dark .affy-main-nav > .nav-item:not(.active) > .nav-link,
body.skin-prospekt .affy-navbar.navbar-transparent.navbar-dark .affy-nav-actions .nav-link:not(.affy-login-knapp) {
  color: #fff !important;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .35);
}
/* style.css gjør ikonene i en mørk meny små og svarte på egen linje; i
   drakten står de foran teksten i tekstfargen, som i den hvite menyen. */
body.skin-prospekt .affy-navbar.navbar-dark .navbar-nav .nav-link > i {
  display: inline-block;
  font-size: .9em;
  margin: 0 6px 0 0;
  color: inherit;
}

/* «Logg inn»-pillen (desktop i menyen, mobil ved hamburgeren) */
body.skin-prospekt .affy-login-knapp,
body.skin-prospekt .p-logginn-mobil {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 20px !important;
  border-radius: 999px;
  background: var(--p-ink) !important;
  color: #fff !important;
  font-family: var(--font-base, 'Onest', sans-serif);
  font-size: 15px !important;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  border: 0;
}
body.skin-prospekt .affy-login-knapp i { font-size: 17px; }
body.skin-prospekt .affy-login-knapp:hover,
body.skin-prospekt .p-logginn-mobil:hover { filter: brightness(1.15); color: #fff !important; }
body.skin-prospekt .p-logginn-mobil {
  height: 36px;
  padding: 0 14px !important;
  font-size: 14px !important;
}
/* Mobil: «Logg inn» og hovedknappen blir runde ikonknapper så navnet får
   plass. Teksten til «Logg inn» står igjen for skjermlesere. */
@media (max-width: 575.98px) {
  body.skin-prospekt .p-logginn-mobil { width: 36px; padding: 0 !important; justify-content: center; }
  body.skin-prospekt .p-logginn-mobil i { display: inline-block !important; font-size: 15px; }
  body.skin-prospekt .p-logginn-mobil .p-logginn-tekst {
    position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); white-space: nowrap;
  }
  body.skin-prospekt .affy-knapper--mobil a.affy-knapp .affy-knapp__ikon ~ .affy-knapp__tekst { display: none; }
}

/* ============================================================================
   Forsiden: seksjoner blir kort
   ============================================================================ */
body.skin-prospekt .front-section {
  background: transparent !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
/* Én innholdsbredde for alt. style.css har .container { max-width: 1320px
   !important } fra 1400 px; uten !important her ble seksjonene 1320 mens
   flatene (Stort bilde o.l.) holdt 1280. */
body.skin-prospekt .front-section > .container,
body.skin-prospekt .front-row > .container,
body.skin-prospekt .front-hero > .container,
body.skin-prospekt .p-bunn > .container,
body.skin-prospekt.underside .container,
body.skin-prospekt .footer-bottomAlt > .container {
  max-width: var(--p-maks) !important;
  padding-left: var(--p-gutter);
  padding-right: var(--p-gutter);
}
/* Undersider: en container inne i en annen skal ikke få draktens marg en
   gang til. Inne i en .row trenger den Bootstraps vanlige halve renne for å
   oppveie radens negative marg; rett i en container trenger den ingen. */
body.skin-prospekt.underside .container .container {
  padding-left: calc(var(--bs-gutter-x, 1.5rem) * .5);
  padding-right: calc(var(--bs-gutter-x, 1.5rem) * .5);
}
body.skin-prospekt.underside .container > .container {
  padding-left: 0;
  padding-right: 0;
}

/* Kortet: fullbredde-seksjon (container i seksjonen) eller kolonne/del i rad */
body.skin-prospekt .front-section.front-kort > .container > *,
body.skin-prospekt .front-col.front-kort,
body.skin-prospekt .front-col__del.front-kort {
  background: var(--p-kort);
  border-radius: var(--p-r-kort);
  padding: 26px 28px;
}
body.skin-prospekt .front-section.front-kort > .container > * + * { margin-top: 0; }
/* Flere toppnivåbarn i containeren (sjeldent): ett felles kort i stedet */
body.skin-prospekt .front-section.front-kort > .container:has(> * + *) {
  background: var(--p-kort);
  border-radius: var(--p-r-kort);
  padding-top: 26px;
  padding-bottom: 26px;
  max-width: calc(var(--p-maks) - 2 * var(--p-gutter)) !important;
}
body.skin-prospekt .front-section.front-kort > .container:has(> * + *) > * {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
body.skin-prospekt .front-row > .container > .row.align-items-stretch > .front-col > .front-col__del { height: 100%; }
body.skin-prospekt .front-row > .container > .row { --bs-gutter-x: 24px; --bs-gutter-y: 24px; }

/* Bakgrunnsvalg per seksjon gjelder kortet */
body.skin-prospekt .front-kort.front-bg-mork,
body.skin-prospekt .front-section.front-kort.front-bg-mork > .container > * {
  background: var(--p-mork);
  color: var(--p-mork-tekst);
}
body.skin-prospekt .front-kort.front-bg-mork :is(h1, h2, h3, h4, a),
body.skin-prospekt .front-section.front-kort.front-bg-mork > .container :is(h1, h2, h3, h4, a) { color: #fff; }
body.skin-prospekt .front-kort.front-bg-panel,
body.skin-prospekt .front-section.front-kort.front-bg-panel > .container > * { background: var(--color-panel, #efede8); }
/* «Ingen» / «Sidebakgrunn» (og standard for moduler som lister egne bokser,
   se $frontKortKlasse i index.tpl): ingen beholder, boksene står rett på
   sidebakgrunnen. Må slå både barna og containeren (flere barn) og blokker
   i full bredde. */
body.skin-prospekt .front-kort:is(.front-bg-transparent, .front-bg-bg),
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) > .container,
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) > .container > *,
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) > :not(.container),
body.skin-prospekt .front-flate:is(.front-bg-transparent, .front-bg-bg) {
  background: transparent !important;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  box-shadow: none;
}
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) > .container {
  padding-left: var(--p-gutter);
  padding-right: var(--p-gutter);
  max-width: var(--p-maks) !important;
}
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) > .container > * {
  padding-top: 0;
  padding-bottom: 0;
}
/* Uten beholder står overskriften rett på sidebakgrunnen: litt mer luft mot
   kortet over, og ingen ekstra luft mellom overskrift og kort. .page-list
   (portfolio, nyheter) har 3–4rem polstring laget for egne sider. */
body.skin-prospekt .front-section.front-kort:is(.front-bg-transparent, .front-bg-bg) { padding-top: 32px !important; }
body.skin-prospekt .front-section .page-list { padding-top: 0; padding-bottom: 0; }
body.skin-prospekt .front-section .mb30:has(> h2) { margin-bottom: 20px !important; }
body.skin-prospekt .front-section .mb30 > h2 { margin-bottom: 0; }
body.skin-prospekt .front-section .mb30 > h2 + .lead { margin-top: 8px; }

/* Innholdssider i rutenett: seksjonen har en inline bakgrunn («slot A»), og
   containeren et ekstra innrykk. Uten beholder skal kortene flukte med
   resten av siden. */
body.skin-prospekt .front-flate:is(.front-bg-transparent, .front-bg-bg) > .fcg-grid { background: transparent !important; padding-top: 0; padding-bottom: 0; }
body.skin-prospekt .front-flate:is(.front-bg-transparent, .front-bg-bg) > .fcg-grid > .container { max-width: none; padding-left: 0; padding-right: 0; }
body.skin-prospekt .front-flate:is(.front-bg-transparent, .front-bg-bg) > .fcg-grid > .container > .row { --bs-gutter-x: 24px; }
/* Hvit / Surface gir kortet tilbake (også for moduler med egne bokser) */
body.skin-prospekt .front-section.front-kort:is(.front-bg-white, .front-bg-surface) > .container > *,
body.skin-prospekt .front-flate:is(.front-bg-white, .front-bg-surface) { background: var(--p-kort); }

/* Partialer som tegner sin egen blokk i full bredde i stedet for en
   .container (tekst og bilde, kundeuttalelser …): blokken blir kortet. */
body.skin-prospekt .front-section.front-kort > :not(.container) {
  width: calc(100% - 2 * var(--p-gutter));
  max-width: calc(var(--p-maks) - 2 * var(--p-gutter)) !important;
  margin-left: auto;
  margin-right: auto;
  background: var(--p-kort);
  border-radius: var(--p-r-kort);
  overflow: hidden;
}

/* «Stort bilde» i full skjermhøyde arver høyden fra siden (height: 100%).
   I flaten finnes ingen slik høyde, så den settes her. */
body.skin-prospekt .front-flate .front-image.fullscreen { height: auto; min-height: min(78vh, 720px); }
body.skin-prospekt .front-flate .front-image.fullscreen > .d-flex { min-height: inherit; }
body.skin-prospekt .front-flate .front-image--medium { min-height: min(60vh, 560px); }
body.skin-prospekt .front-flate .front-image--compact { min-height: min(40vh, 400px); }

/* Tekst og bilde, parallax-layouten: statisk bilde som fyller kolonnen */
body.skin-prospekt .ous-hero-flex--parallax .ous-hero-flex__media { min-height: 420px; }
body.skin-prospekt .ous-hero__parallax--statisk { position: absolute; inset: 0; min-height: 0; height: auto; }
body.skin-prospekt .front-kort :is(.ous-hero-flex--parallax, .ous-hero-flex--split) .ous-hero-flex__content { padding: 48px 56px !important; }

/* Seksjoner uten egen wrapper (bilde, video, CTA, innholdssider …) */
body.skin-prospekt .front-flate {
  width: calc(100% - 2 * var(--p-gutter));
  max-width: calc(var(--p-maks) - 2 * var(--p-gutter)) !important;
  margin: 12px auto;
  border-radius: var(--p-r-kort);
  overflow: hidden;
}

/* Seksjonstitler og «Alle … →»-lenker */
body.skin-prospekt .front-kort h2,
body.skin-prospekt .front-oppslag__tittel,
body.skin-prospekt .nhs-intro-title {
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 12px;
}
body.skin-prospekt .front-oppslag__alle,
body.skin-prospekt .front-utleie__alle {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--color-link, #0f6e6a);
}

/* Etiketter («BELIGGENHET OG ADKOMST», nøkkeltall-overskrift o.l.) */
body.skin-prospekt .front-adkomst__etikett,
body.skin-prospekt .front-kpi__heading {
  font-family: var(--font-base, 'Onest', sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--p-muted);
  opacity: 1;
}

/* ---------- Velkomst ---------- */
body.skin-prospekt .front-hero { padding: 0; }
/* Samme bredde som kortene under: bildet slutter der kortene slutter. */
body.skin-prospekt .front-hero__grid { min-height: 440px; gap: 0; }
body.skin-prospekt .front-hero__tekst { padding: 56px 56px 48px 0; gap: 36px; }
body.skin-prospekt .front-hero__topp { gap: 16px; }
body.skin-prospekt .front-hero__sted { color: var(--color-link-hover, #0b5a56); }
body.skin-prospekt .front-hero__tittel {
  font-size: 58px;
  letter-spacing: -1.6px;
  line-height: 1;
}
body.skin-prospekt .front-hero__intro { font-size: 17px; line-height: 1.6; color: var(--p-body); max-width: 460px; }
body.skin-prospekt .front-hero__tall { border-top-color: var(--p-line); }
body.skin-prospekt .front-hero__tallfelt { padding: 0 20px; }
body.skin-prospekt .front-hero__tallfelt:first-child { padding-left: 0; }
body.skin-prospekt .front-hero__tallfelt + .front-hero__tallfelt { border-left-color: var(--p-line); }
body.skin-prospekt .front-hero__verdi { font-size: 32px; color: var(--p-ink); }
body.skin-prospekt .front-hero__etikett { font-size: 14px; color: var(--p-muted); opacity: 1; }
body.skin-prospekt .front-hero__bilde { margin: 16px 0; border-radius: var(--p-r-bilde); min-height: 0; }

/* ---------- Oppslag ---------- */
body.skin-prospekt .front-oppslag__rad { border-top-color: var(--p-line-soft); }
body.skin-prospekt .front-oppslag__dato { color: var(--p-muted); opacity: 1; }
body.skin-prospekt .front-oppslag__lenke { font-size: 16.5px; color: var(--p-ink); }
body.skin-prospekt .front-oppslag__lenke:hover { color: var(--color-link, #0f6e6a); }
body.skin-prospekt .front-oppslag__lukket,
body.skin-prospekt .front-oppslag__tom { border-top-color: var(--p-line-soft); }

/* ---------- Innlogging ---------- */
body.skin-prospekt .front-innlogging { border-radius: var(--p-r-kort); padding: 24px 26px; }
body.skin-prospekt .front-innlogging__ikon .p-ikon { font-size: 26px; }
body.skin-prospekt .front-innlogging__tittel { font-size: 22px; }

/* ---------- Kort i høyre kolonne (ikon-bokser, utleie) ---------- */
body.skin-prospekt .lb-card--kort,
body.skin-prospekt .front-utleie__kort {
  border: 0;
  border-radius: var(--p-r-kort);
  padding: 24px 26px;
}
body.skin-prospekt .lb-card--kort .lb-card__title,
body.skin-prospekt .front-utleie__tittel { font-size: 24px; color: inherit; }
body.skin-prospekt .lb-card--kort:not(.lb-card--farge-mork):not(.lb-card--farge-primary) .lb-card__title,
body.skin-prospekt .front-utleie__tittel { color: var(--p-ink); }
body.skin-prospekt .lb-card--kort .lb-card__text,
body.skin-prospekt .front-utleie__tekst { color: var(--p-body); opacity: 1; }
body.skin-prospekt .lb-card--kort.lb-card--farge-mork .lb-card__text { color: var(--p-mork-tekst); }
body.skin-prospekt a.lb-card--kort:hover,
body.skin-prospekt a.front-utleie__kort:hover { box-shadow: 0 0 0 1px #cfc9bb; }
body.skin-prospekt .front-col--stablet { gap: 16px; }
body.skin-prospekt .front-col__del .lb-rad { --bs-gutter-y: 16px; }
body.skin-prospekt .front-col__del .lb-rad > * { margin-bottom: 0 !important; }
body.skin-prospekt .front-col__del .front-utleie .row { --bs-gutter-y: 16px; }
body.skin-prospekt .front-utleie__kort--bilde { padding: 0; }
body.skin-prospekt .front-utleie__kort--bilde .front-utleie__innhold { padding: 20px 26px 24px; }
@media (min-width: 768px) {
  body.skin-prospekt .front-utleie--liggende .front-utleie__kort--bilde .front-utleie__innhold { padding: 32px 36px; }
}

/* ---------- Kart og adkomst ---------- */
body.skin-prospekt .front-section--form.front-kort > .container > .front-form { padding: 0; overflow: hidden; }
body.skin-prospekt .front-adkomst { border-radius: 0; background: transparent; }
body.skin-prospekt .front-adkomst__adresse { font-size: 24px; margin-bottom: 0; }
body.skin-prospekt .front-adkomst__rad i { color: var(--color-link, #0f6e6a); }

/* ---------- Andre moduler som må tones ned i kort ---------- */
body.skin-prospekt .front-kort .nhs-intro-panel,
body.skin-prospekt .front-kort .front-kpi--flate {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border: 0;
}

/* ============================================================================
   Bunnen
   ============================================================================ */
body.skin-prospekt .p-bunn {
  background: var(--p-mork) !important;
  color: var(--p-mork-tekst);
  padding: 40px 0;
  margin-top: 32px;
  font-size: 14px;
  line-height: 1.7;
}
body.skin-prospekt .p-bunn .container { max-width: var(--p-maks) !important; padding-left: var(--p-gutter); padding-right: var(--p-gutter); }
body.skin-prospekt .p-bunn__grid {
  display: grid;
  grid-template-columns: 1.3fr repeat(3, 1fr);
  gap: 32px;
}
body.skin-prospekt .p-bunn__grid--1 { grid-template-columns: 1fr; }
body.skin-prospekt .p-bunn__grid--2 { grid-template-columns: 1.3fr 1fr; }
body.skin-prospekt .p-bunn__grid--3 { grid-template-columns: 1.3fr 1fr 1fr; }
body.skin-prospekt .p-bunn__kol { display: flex; flex-direction: column; }
body.skin-prospekt .p-bunn__kol p { margin: 0; }
body.skin-prospekt .p-bunn__navn {
  font-family: var(--font-title, 'Bricolage Grotesque', sans-serif);
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
body.skin-prospekt .p-bunn :is(strong, b, h3, h4) { color: #fff; font-weight: 600; font-size: 14px; font-family: inherit; }
body.skin-prospekt .p-bunn a { color: #fff; font-weight: 600; }
body.skin-prospekt .footer-bottomAlt { background: var(--p-mork); color: var(--p-mork-tekst); border-top: 1px solid rgba(255, 255, 255, .08); }
body.skin-prospekt .footer-bottomAlt a { color: #fff; }

/* ============================================================================
   Mobil (skissen: 390 px)
   ============================================================================ */
@media (max-width: 991.98px) {
  body.skin-prospekt { --p-gutter: 18px; --p-r-kort: 20px; }
  body.skin-prospekt .affy-navbar.navbar-nohero,
  body.skin-prospekt .affy-navbar-inner { min-height: 60px; }
  body.skin-prospekt .affy-navbar .navbar-brand,
  body.skin-prospekt .affy-navbar .navbar-brand span { font-size: clamp(15px, 4.4vw, 18px); }
  body.skin-prospekt .affy-navbar .affy-login-knapp { display: none !important; }

  /* Navnet i menyen: hele ord (style.css har overflow-wrap: anywhere, som
     delte «Velforening» midt i), to like lange linjer og aldri mer enn to. */
  body.skin-prospekt .affy-navbar .navbar-brand { overflow-wrap: normal; word-break: normal; }
  body.skin-prospekt .affy-navbar .navbar-brand span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.1;
    text-wrap: balance;
    overflow-wrap: normal;
    word-break: normal;
  }
  body.skin-prospekt .affy-navbar .navbar-brand span.p-brand--langt { font-size: clamp(14px, 4vw, 16px); }
  body.skin-prospekt .p-logginn-mobil i { display: none; }
  /* Tett rad: style.css gir 16 px gap pluss egne marger på hver knapp, som
     til sammen tok nesten 100 px fra navnet. */
  body.skin-prospekt .navbar.affy-navbar .affy-navbar-inner { column-gap: 6px; }
  body.skin-prospekt .affy-navbar .navbar-brand { margin-right: 6px; }
  body.skin-prospekt .affy-navbar .affy-sok-toggle--frittstaende,
  body.skin-prospekt .affy-navbar .affy-header-knapper-mobil,
  body.skin-prospekt .affy-navbar .p-logginn-mobil { margin-left: 0 !important; margin-right: 0 !important; }
  body.skin-prospekt .affy-navbar .affy-sok-toggle--frittstaende { width: 36px; min-width: 36px; padding-left: 0; padding-right: 0; }
  body.skin-prospekt .navbar.affy-navbar .navbar-toggler { padding: 6px 8px; width: auto; }

  /* .front-hero__tekst er display: contents her (bildet legges mellom
     teksten og tallene); containeren gir sidemargen. */
  body.skin-prospekt .front-hero__topp { padding: 24px 0 0; gap: 12px; }
  body.skin-prospekt .p-logginn-mobil { order: 2; margin-left: 8px; margin-right: 10px; }
  body.skin-prospekt .front-hero__grid { min-height: 0; }
  body.skin-prospekt .front-hero__tittel { font-size: 38px; }
  body.skin-prospekt .front-hero__intro { font-size: 15.5px; line-height: 1.55; }
  body.skin-prospekt .front-hero__bilde { margin: 0; height: 170px; min-height: 0; border-radius: 18px; }
  body.skin-prospekt .front-hero__tall { margin: 0; padding: 12px 0; }

  body.skin-prospekt .front-section.front-kort > .container > *,
  body.skin-prospekt .front-col.front-kort,
  body.skin-prospekt .front-col__del.front-kort { padding: 18px; }
  body.skin-prospekt .front-oppslag__tittel { font-size: 21px; }
  body.skin-prospekt .lb-card--kort,
  body.skin-prospekt .front-utleie__kort,
  body.skin-prospekt .front-innlogging { padding: 18px; }
  body.skin-prospekt .front-utleie__kort--bilde { padding: 0; }
  body.skin-prospekt .front-utleie__kort--bilde .front-utleie__innhold { padding: 16px 18px 18px; }
  body.skin-prospekt .lb-card--kort .lb-card__title,
  body.skin-prospekt .front-utleie__tittel { font-size: 20px; }

  body.skin-prospekt .p-bunn__grid,
  body.skin-prospekt .p-bunn__grid--2,
  body.skin-prospekt .p-bunn__grid--3 { grid-template-columns: 1fr 1fr; gap: 24px; }
}
@media (max-width: 575.98px) {
  body.skin-prospekt .p-bunn__grid,
  body.skin-prospekt .p-bunn__grid--2,
  body.skin-prospekt .p-bunn__grid--3 { grid-template-columns: 1fr; }
}