/* NextMove Blogg – grundvariabler och font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap');

:root {
  --nm-bg: hsl(38 25% 96%);
  --nm-text: hsl(220 15% 10%);
  --nm-muted: hsl(220 10% 40%);
  --nm-primary: hsl(18 90% 52%);
  --nm-dark: hsl(220 15% 8%);
  --nm-surface: hsl(38 20% 92%);
  --nm-card: hsl(0 0% 100%);
}

body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background-color: var(--nm-bg) !important;
  color: var(--nm-text) !important;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--nm-primary);
}

a:hover {
  color: var(--nm-text);
}

/* Header */
.site-header,
.main-navigation {
  background: #fff !important;
}

@media (min-width: 769px) {

  .site-header,
  .site-header.grid-container,
  .site-header .inside-header,
  .inside-header.grid-container {
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .site-header .inside-header {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 18px 24px !important;
    gap: 60px !important; /* ändra detta för avstånd logga–meny */
  }

  .site-logo,
  .site-branding,
  .navigation-branding {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  .site-logo img,
  .navigation-branding img {
    max-height: 34px !important;
    width: auto !important;
    display: block !important;
  }

  .main-navigation {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    background: transparent !important;
    transform: translateY(5px) !important; /* ändra detta för att flytta menyn nedåt/uppåt */
  }

  .main-navigation .inside-navigation {
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .main-navigation .main-nav > ul {
    display: flex !important;
    align-items: center !important;
    gap: 32px !important; /* ändra detta för avstånd mellan menyord */
  }

  .main-navigation .main-nav ul li a {
    padding: 0 !important;
    margin: 0 !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--nm-muted) !important;
    text-transform: none !important;
  }

  .main-navigation .main-nav ul li a:hover,
  .main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--nm-text) !important;
    font-weight: 400 !important;
  }
}

/* Innehåll */
.entry-title,
.page-title {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  color: var(--nm-text);
}

.entry-content,
.entry-summary,
.entry-meta,
.site-info {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.entry-meta,
.entry-meta a {
  color: var(--nm-muted) !important;
  font-size: 14px !important;
}

.entry-content h2 {
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  margin-top: 2.4em !important;
  margin-bottom: 0.8em !important;
}

.entry-content h3 {
  font-size: 21px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-top: 2em !important;
  margin-bottom: 0.6em !important;
}

.entry-content p,
.entry-content li {
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
}

.entry-content img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 2.2rem auto;
}

.button,
.wp-block-button__link,
input[type="submit"] {
  background: var(--nm-primary) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.site-footer {
  background: var(--nm-dark) !important;
  color: #fff !important;
}

/* Single post – redaktionell artikelsida */
@media (min-width: 769px) {
  body.single-post .site-content {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 48px 32px 0 32px !important;
    box-sizing: border-box !important;
  }

  body.single-post .content-area,
  body.single-post .site-main {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  body.single-post .inside-article {
    background: transparent !important;
    padding: 0 !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  body.single-post .entry-header,
  body.single-post .entry-title,
  body.single-post .entry-meta,
  body.single-post .entry-content {
    max-width: 860px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.single-post .entry-title {
    font-size: 42px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em !important;
    margin-bottom: 0.8rem !important;
  }

  body.single-post .entry-meta {
    color: var(--nm-muted) !important;
    font-size: 14px !important;
    margin-bottom: 2.2rem !important;
  }

  body.single-post .entry-content img {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    margin: 2.8rem auto 2.4rem auto !important;
    transform: none !important;
  }
}

/* Bloggstartsida – Query Loop */
body.home .inside-article {
  background: transparent !important;
  padding: 0 !important;
}

body.home .entry-content {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 56px 32px 0 32px !important;
  box-sizing: border-box !important;
}

/* Intro överst */
body.home .entry-content > h1,
body.home .entry-content > p {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home .entry-content > h1 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  font-size: 46px !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

body.home .entry-content > p {
  margin-bottom: 56px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: var(--nm-muted) !important;
}

/* Query Loop-listan */
body.home .wp-block-query {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Enskild post i listan */
body.home .wp-block-query .wp-block-post {
  margin-bottom: 4.8rem !important;
  padding-bottom: 4.4rem !important;
  border-bottom: none !important;
  position: relative !important;
}

/* Orange separator mellan poster */
body.home .wp-block-query .wp-block-post::after {
  content: "";
  display: block;
  width: 96px;
  height: 3px;
  background: var(--nm-primary);
  margin: 4rem auto 0 auto;
}

body.home .wp-block-query .wp-block-post:last-child::after {
  display: none;
}

/* Titel */
body.home .wp-block-query .wp-block-post-title {
  font-size: 34px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  margin: 0 0 1rem 0 !important;
}

body.home .wp-block-query .wp-block-post-title a {
  color: var(--nm-text) !important;
  text-decoration: none !important;
}

body.home .wp-block-query .wp-block-post-title a:hover {
  color: var(--nm-primary) !important;
}

/* Kategori */
body.home .wp-block-query .taxonomy-category,
body.home .wp-block-query .wp-block-post-terms {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--nm-primary) !important;
  margin: 0 0 1.4rem 0 !important;
}

body.home .wp-block-query .taxonomy-category a,
body.home .wp-block-query .wp-block-post-terms a {
  color: var(--nm-primary) !important;
  text-decoration: none !important;
}

/* Bild */
body.home .wp-block-query .wp-block-post-featured-image {
  margin: 1.6rem 0 1.8rem 0 !important;
}

body.home .wp-block-query .wp-block-post-featured-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Utdrag */
body.home .wp-block-query .wp-block-post-excerpt {
  font-size: 17px !important;
  line-height: 1.65 !important;
  color: var(--nm-text) !important;
  max-width: 820px !important;
  margin-top: 0 !important;
}

/* Läs mer */
body.home .wp-block-query .wp-block-post-excerpt__more-link {
  display: inline-block !important;
  margin-top: 1rem !important;
  color: var(--nm-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}