/* ---------- GLOBALT ---------- */
html { scroll-behavior: smooth; }

.entry-content p,
.entry-content .wp-block-paragraph {
  max-width: 68ch;
}

/* centrerad text behåller sin centrering */
.entry-content p.has-text-align-center,
.entry-content .has-text-align-center p {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-kadence-rowlayout > .kt-row-layout-inner {
  padding-top: clamp(56px, 7vw, 96px) !important;
  padding-bottom: clamp(56px, 7vw, 96px) !important;
}

/* ---------- FOOTER ---------- */
.site-footer-wrap, .site-footer-wrap p, .site-footer-wrap a,
.site-footer-wrap h1, .site-footer-wrap h2, .site-footer-wrap h3,
.footer-widget-area-inner, .footer-widget-area-inner p,
.footer-widget-area-inner a, .footer-widget-area-inner li,
.footer-widget-area-inner h1, .footer-widget-area-inner h2,
.footer-widget-area-inner h3, .footer-widget-area-inner h4 {
  color: #F5F3F0 !important;
}

/* ---------- MOBIL ---------- */
@media (max-width: 767px) {

  :root { --global-content-edge-padding: 1.25rem !important; }

  /* statistikkort */
  .kt-inside-inner-col h2[style*="font-size"] { font-size: 44px !important; }

  /* köksknappen */
  .kk .kk-stage { aspect-ratio: 4/5 !important; }
  .kk .kk-stage .kk-p-beslut .kk-h { font-size: 19px !important; }
  .kk .kk-stage .kk-stamps { top: 58px !important; }

  /* footer: centrera allt */
  .footer-widget-area-inner,
  .site-footer-row-container-inner .site-footer-section {
    text-align: center !important;
  }
  .site-footer-row-container-inner .site-footer-section {
    justify-content: center !important;
    align-items: center !important;
  }
  .site-footer .site-footer-section > * {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .site-footer .footer-html,
  .site-footer .site-footer-section img,
  .site-footer .footer-social-wrap,
  .site-footer .footer-social-inner-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
    display: flex !important;
  }
  .site-footer figure.alignright {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
}