@media (max-width: 782px) {

.hero-wrap {
    padding-top: 155px !important;
    min-height: 700px !important;
  }

   .hero-icons-columns.wp-block-columns {
  gap: 1rem !important;
}

.hero-icons-columns .wp-block-column {
  max-width: 150px;
  flex: 1 1 0% !important;
  display: flex;
  justify-content: left;
}

  .hero-icons-content {
    padding-left: 25px !important;
    margin: 66px auto 0px auto !important;
  }
}

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

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

@media (max-width: 1079px) {
    .site-header .wp-block-buttons {
        order: 999 !important;
    }
}

@media (max-width: 1079px) {
    .site-header .navbar-cta {
        display: none !important;
    }
}

@media (max-width: 389px) {
    .hero-icons-columns .wp-block-column {
  max-width: 120px;
  flex: 1 1 0% !important;
  display: flex;
  justify-content: left;
}

.hero-icons-content {
    padding-left: 35px !important;
    margin: 66px auto 0px auto !important;
  }

  .hero-icons-columns .wp-block-column p {
  font-size: clamp(0.8rem, 1.5vw, 1rem) !important;
}
}

@media (max-width: 375px) {
  header .wp-block-site-logo img {
    max-height: 40px;
    width: auto;
  }
}

@media (max-width: 781px) {
  header .wp-block-navigation__responsive-container-open {
    padding-right: 0 !important;
    margin-right: 0 !important;
  }
}

@media (max-width: 781px) {
  header .wp-block-buttons {
    display: none !important;
  }
}
/* ============================================
   FENIX NAVBAR - Breakpoint: 1079px
   Hamburger-meny visas vid max-width: 1079px
   ============================================ */


/* ── 1. mobile-only menypost (Besök nätverket i nav) ── */
/* Dölj på desktop */
@media (min-width: 1080px) {
  li.mobile-only-menu-item {
    display: none !important;
  }
}

/* Visa i hamburger-meny */
@media (max-width: 1079px) {
  li.mobile-only-menu-item {
    display: block !important;
    margin-top: 0 !important;
  }
}


/* ── 2. Hamburger-meny logik ── */
/* Desktop: visa full nav, dölj hamburger */
@media (min-width: 1080px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: flex !important;
    position: static !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
  }

  .wp-block-navigation {
    margin-left: 0 !important;
  }
}

/* Mobil/tablet: visa hamburger, dölj full nav */
@media (max-width: 1079px) {
  .wp-block-navigation .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  /* Tryck hamburger-ikonen till höger */
  .wp-block-navigation {
    margin-left: auto !important;
  }
}


/* ── 3. CTA-knapp (Besök nätverket-knappen i headern) ── */
/* Visa på desktop */
@media (min-width: 1080px) {
  .navbar-cta {
    display: flex !important;
  }
}

/* Dölj på mobil/tablet */
@media (max-width: 1079px) {
  .navbar-cta {
    display: none !important;
  }
}


/* ── 4. Hamburger overlay-meny – luft och padding ── */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 2rem !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-content {
  padding-top: 1rem;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__container {
  gap: 0.5rem !important;
  display: flex !important;
  flex-direction: column !important;
}

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation-item__content {
  padding: 0.5rem 1rem !important;
}


/* ── 5. Logotyp – krymper på riktigt små skärmar ── */
@media (max-width: 375px) {
  header .wp-block-site-logo img {
    max-height: 40px;
    width: auto;
  }
}


/* ── 6. Hero-sektioner – responsiv padding ── */
@media (max-width: 782px) {
  .hero-responsive {
    padding-top: 160px !important;
    padding-bottom: 25px !important;
  }
}


/* ── 7. Hero-ikoner – layout på riktigt små skärmar ── */
@media (max-width: 389px) {
  .hero-icons-columns .wp-block-column {
    max-width: 120px;
    flex: 1 1 0% !important;
    display: flex;
    justify-content: left;
  }

  .hero-icons-columns .wp-block-column p {
    font-size: clamp(0.8rem, 1.5vw, 1rem) !important;
  }

  .hero-icons-content {
    padding-left: 35px !important;
    margin: 66px auto 0 auto !important;
  }
}

@media (max-width: 1300px) {
  .members-grid {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 782px) {
  .members-grid {
    column-count: 2 !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

@media (max-width: 600px) {
  .members-grid {
    column-count: 1 !important;
  }
}

@media (max-width: 782px) {
  .responsive-margin-top {
    margin-top: 40px !important;
  }
}