/* Kolumnknappar Startsidan */

@media (max-width: 767px) {
    .own-col .wp-block-buttons {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    
    .own-col {
        gap: 0.7rem !important;
    }

    .own-col .wp-block-column {
        padding: 0 !important;
    }
    
    .own-col.wp-block-columns {
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }
}


/* Hero startsida */

@media (max-width: 767px) {
    .hero-section {
        margin-top: 5rem !important;
        margin-bottom: 2rem !important;
        padding-top: 2rem !important;
    }

    .hero-section .wp-block-group {
        margin-bottom: 4rem !important;
    }

     .hero-section h1.wp-block-heading {
        font-size: clamp(2.4rem, 11vw, 5rem) !important;
        line-height: 1.15 !important;
    }

    .svg-scroll-btn {
        margin-top: 5rem !important;
    }
}

/* Hero om oss */
@media (max-width: 767px) {
    .hero-section-om {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        padding-top: 0rem !important;
    }

    .hero-section-om .wp-block-group {
        margin-bottom: 4rem !important;
    }

     .hero-section-om h1.wp-block-heading {
        font-size: clamp(2.4rem, 11vw, 5rem) !important;
        line-height: 1.4 !important;
    }
}

/* Hero övriga */
@media (max-width: 767px) {
    .hero-section-other {
        margin-top: 0rem !important;
        margin-bottom: 0rem !important;
        padding-top: 4rem !important;
    }

    .hero-section-other .wp-block-group {
        margin-bottom: 4rem !important;
    }

     .hero-section-other h1.wp-block-heading {
        font-size: clamp(2.4rem, 11vw, 5rem) !important;
        line-height: 1.3 !important;
    }
}


/* h3 */

@media (max-width: 767px) {
    h3, .wp-block-heading.has-heading-3-font-size {
        font-size: clamp(1.7rem, 6vw, 2rem) !important;
        line-height: 1.3 !important;
    }
}


@media (max-width: 767px) {
    .consultation-section {
        padding-top: 0rem !important;
        padding-bottom: 4rem !important;
    }
}



/* Praktiska tjänster kolumner */
@media (max-width: 767px) {
    .content-columns .wp-block-column {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 767px) {
    .content-group-services {
        padding-bottom: 80px !important;
    }
}

@media (max-width: 767px) {
    .content-group-services-2 {
        padding-bottom: 80px !important;
    }
}



@media (max-width: 767px) {
    .kund-exempel {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 767px) {
    .kund-exempel .wp-block-buttons {
        justify-content: center !important;
    }
}

/* Startsida centrera och gör knappar full bredd */
/* Tablet */
@media (max-width: 1024px) {
    .grace-columns .own-col .wp-block-column {
        flex: 0 0 auto !important;
        width: auto !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .grace-columns .own-col {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .grace-columns .own-col .wp-block-column {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .grace-columns .own-col.wp-block-columns {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        column-gap: 12px !important;
    }
    .grace-columns .own-col .wp-block-column {
        flex: 0 0 auto !important;
        width: auto !important;
    }
}


/* Inlägg som inte wrappar */
@media (max-width: 1024px) {
    .wp-block-post-template.columns-2 {
        grid-template-columns: 1fr !important;
    }
} 


/* @media (max-width: 1024px) {
    .wp-block-post-template .wp-block-group.is-content-justification-space-between {
        padding-left: var(--wp--preset--spacing--medium) !important;
        padding-right: var(--wp--preset--spacing--medium) !important;
    }
} */

@media (max-width: 781px) {
    .wp-image-2907 {
        object-position: 20% center !important;
    }
}


/* Dölj Kontakt-länk på desktop */
li.mobile-only-menu-item {
    display: none !important;
}

@media (max-width: 1025px) {
    li.mobile-only-menu-item {
        display: block !important;
        margin-top: 10px !important;
    }
}


/* Vita länkar kundcasesidorna */

/* Kundcase: vit text i mobilmenyn - override dark nav rule */
@media (max-width: 1024px) {
    body.kundcase-page .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog *,
    body.kundcase-page .site-header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog a,
    body.kundcase-page .site-header .wp-block-navigation__responsive-container.is-menu-open *,
    body.kundcase-page .site-header .wp-block-navigation__responsive-container.is-menu-open a {
        color: #ffffff !important;
    }
}


/* ===========================
   QUERY LOOP / INLÄGGSKORT
   Endast säkra responsiva regler. De breda 415px-reglerna är borttagna.
   =========================== */

@media (max-width: 1024px) {
    .wp-block-post-template.columns-2 {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 415px) {
    .wp-block-query .wp-block-post > .wp-block-group.has-background {
        padding: 1rem !important;
        box-sizing: border-box;
    }
}

@media (max-width: 350px) {
    .wp-block-query .wp-block-post > .wp-block-group.has-background {
        padding: 0.75rem !important;
    }
}

@media (max-width: 600px) {
  body.blog .wp-block-query.alignfull {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  body.blog .wp-block-query.alignfull > .wp-block-group.alignwide {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.blog ul.wp-block-post-template.alignwide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.blog ul.wp-block-post-template > li {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  body.blog .wp-block-query.alignfull {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.blog .blog-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  body.blog .wp-block-post-featured-image,
  body.blog .wp-block-post-featured-image a,
  body.blog .wp-block-post-featured-image img {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 600px) {
  body.blog .wp-block-query,
  body.blog .wp-block-query *,
  body.blog .wp-block-post-template,
  body.blog .wp-block-post-template > li,
  body.blog .blog-container,
  body.blog .blog-container > *,
  body.blog .wp-block-post-featured-image,
  body.blog .wp-block-post-featured-image a,
  body.blog .wp-block-post-featured-image img {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.blog .wp-block-post-featured-image {
    width: 100% !important;
  }

  body.blog .wp-block-post-featured-image img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
  }
}

@media (max-width: 600px) {

  body.blog ul.wp-block-post-template {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
  }

  body.blog ul.wp-block-post-template > li {
    width: 100% !important;
    max-width: 500px !important;
    margin: 0 auto !important;
  }

  body.blog .blog-container {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 600px) {
    .wp-container-core-group-is-layout-8911e9db {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        box-sizing: border-box !important;
        width: 100% !important;
    }

    /* .mobile-center {
    text-align: center !important;
    margin: 0  !important;
} */
}

/* Fix: Ge Inredningstips-länken rätt avstånd i mobilmenyn */
.wp-block-navigation__responsive-container .wp-block-navigation-item {
  margin-bottom: 0; /* återställ om parent har konstigt värde */
}


.site-header > .alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}