/* ==========================================================
   WordPress-tilpasninger. site.css (designsystemet) er uendret
   fra det statiske nettstedet – alt WP-spesifikt ligger her.
   ========================================================== */

/* ---------- Maldeler ----------
   Header og footer ligger i en <div class="wp-block-template-part">.
   display: contents gjør at sticky header virker mot hele siden. */
.wp-site-blocks > .wp-block-template-part { display: contents; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .site-header { top: 0; } }
.admin-bar .mob { top: 32px; }
@media (max-width: 782px) { .admin-bar .mob { top: 46px; } }

/* ---------- Sidemarg på mobil ----------
   Feil i site.css (også i det statiske nettstedet): `padding: X 0` på disse
   elementene overstyrer sidemargen fra .wrap, så innholdet går helt ut i
   kanten på mobil. */
.wrap.hero__inner,
.wrap.cta-band__inner,
.wrap.trust__grid,
.wrap.footer__grid,
.wrap.footer__bottom { padding-left: var(--gutter); padding-right: var(--gutter); }

/* ---------- Header ----------
   Feil i site.css (også i det statiske nettstedet):
   1) Den globale regelen li { margin-bottom: .4em } gir menypunktene marg under.
   2) Det er .nav { margin-left: auto } som skyver knappene til høyre. Under
      1024 px er menyen skjult, så hamburgeren ble liggende inntil logoen. */
.nav-list li,
.dd li,
.mob__list li,
.mob__sub li { margin: 0; }
@media (max-width: 1023px) { .header__actions { margin-left: auto; } }

/* ---------- Logo som bilde (Innstillinger → Logo) ---------- */
.logo-img { display: block; height: 42px; width: auto; }

/* ---------- Bilder i bildeflater ---------- */
.frame img {
  display: block; width: 100%; height: auto;
  aspect-ratio: var(--ratio, 4 / 3); object-fit: cover;
  border-radius: var(--radius-lg);
}
.gal-card .frame img { border-radius: 0; }

/* ---------- Lister ----------
   Listestilen «Hake» = .check. Lister i faktabokser får hake automatisk. */
.is-style-check,
.factbox ul { list-style: none; padding: 0; display: grid; gap: 11px; }
.is-style-check li,
.factbox ul li { display: flex; gap: 11px; align-items: flex-start; margin: 0; }
.is-style-check li::before,
.factbox ul li::before {
  content: ""; flex: 0 0 auto; width: 21px; height: 21px; margin-top: 2px; border-radius: 50%;
  background: var(--brand-accent-soft) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A85E24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4 10-10'/%3E%3C/svg%3E") center/13px no-repeat;
}
.factbox ul { margin-top: 14px; }
.is-style-check li > span, .factbox ul li > span { flex: 1; }

/* ---------- Anmeldelser fra plugin ---------- */
.reviews-plugin { margin-top: 24px; }

/* ---------- Fluent Forms i designsystemet ---------- */
.form--fluent .fluentform { margin: 0; }
.form--fluent .ff-el-group { margin-bottom: 16px; }
.form--fluent .ff-el-input--label label {
  font-size: .9rem; font-weight: 600; color: var(--ink);
}
.form--fluent .ff-el-form-control {
  width: 100%; font-family: inherit; font-size: 1rem; color: var(--ink);
  border: 2px solid var(--line) !important; border-radius: var(--radius) !important;
  padding: 12px 14px !important; background: var(--surface); box-shadow: none !important;
}
.form--fluent .ff-el-form-control:focus { border-color: var(--brand-primary) !important; outline: none; }
.form--fluent .ff-el-form-check-label { font-size: .87rem; color: var(--muted); line-height: 1.5; }
.form--fluent .ff-btn-submit {
  width: 100%; padding: 16px 28px !important; font-size: 1.03rem !important; font-weight: 600 !important;
  background: var(--brand-accent) !important; border: 0 !important; border-radius: var(--radius) !important;
  color: #fff !important; cursor: pointer;
}
.form--fluent .ff-btn-submit:hover { background: var(--brand-accent-dark) !important; }
.form--fluent .ff-message-success {
  border: 0; box-shadow: none; padding: 0; font-size: 1rem;
}

/* ---------- Innlegg (hvis bloggen tas i bruk) ---------- */
.post-list { list-style: none; padding: 0; }
.post-list > li + li { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--line); }
.wp-block-post-date { color: var(--muted); font-size: .9rem; }

/* ==========================================================
   Bare i editoren
   ========================================================== */

.nrs-hint {
  margin: 12px 0; padding: 10px 14px;
  border: 2px dashed var(--brand-accent); border-radius: var(--radius);
  background: var(--brand-accent-soft); color: var(--ink); font-size: .9rem;
}

/* Modulene styrer luften selv */
.editor-styles-wrapper .is-root-container > .wp-block,
.editor-styles-wrapper .wp-block-post-content > .wp-block { margin-block: 0; max-width: none; }

/* InnerBlocks i Tekst-blokken: samme rytme som .prose */
.editor-styles-wrapper .prose .acf-innerblocks-container > * + * { margin-top: 1.1em; }
.editor-styles-wrapper .prose .acf-innerblocks-container > :first-child { margin-top: 0; }

/* Faste elementer (mobilbunnlinje, kalkulatorknapp) skal ikke flyte over editoren */
.editor-styles-wrapper .kalk-fab,
.editor-styles-wrapper .mobbar,
.editor-styles-wrapper .mob { display: none !important; } /* ACF-forhåndsvisningen fjerner hidden-attributtet */
.editor-styles-wrapper .site-header { position: relative; top: 0; }