/* ==========================================================
   MODEXA.SE – GLOBAL CSS
   ========================================================== */


/* ---------- GLOBALT ---------- */

html {
  scroll-behavior: smooth;
}

/* Begränsa radlängden på brödtext */
.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;
}


/* ---------- SEKTIONSSPACING ---------- */

/*
 * Global vertikal rytm för Kadence Row Layouts.
 * Tar över manuellt satt vertikal margin/padding på sektionsnivå.
 *
 * Desktop: 72 px
 * Tablet: 56 px
 * Mobil: 40 px
 */

/* Nollställ vertikala marginaler mellan sektioner */
.wp-block-kadence-rowlayout {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Desktop */
.wp-block-kadence-rowlayout > .kt-row-layout-inner {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .wp-block-kadence-rowlayout > .kt-row-layout-inner {
    padding-top: 56px !important;
    padding-bottom: 56px !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) {

  /* Globalt sidindrag */
  :root {
    --global-content-edge-padding: 1.25rem !important;
  }

  /* Sektioner */
  .wp-block-kadence-rowlayout > .kt-row-layout-inner {
    padding-top: 40px !important;
    padding-bottom: 40px !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;
  }
}