/* Tranlate button */
/* Move to bottom-right for mobile (below 768px wide, adjust as needed) */
@media screen and (max-width: 768px) {
  #gt_float_wrapper {
    top: auto !important;
    bottom: 20px !important;
    right: 20px !important;
    position: fixed !important; /* keep fixed on mobile */
  }
}

/* Styles for Mobile Menu button */
button.gw-mm__toggle
 {
    color: var(--wp--preset--color--purple);
    font-size: 14px;
    font-family: var(--wp--preset--font-family--lexend) 'Lexend', sans-serif !important;
    background-color: transparent;
    border: 1px solid var(--wp--preset--color--purple);
    border-radius: 50px;
    padding: 6px 21px;
}

/* Responsive block styles for different screen sizes */

.wp-block-columns {
                align-items: normal!important;
                box-sizing: border-box;
                display: flex;
                flex-wrap: wrap!important
            }

            @media (min-width: 782px) {
                .wp-block-columns {
                    flex-wrap:nowrap!important
                }
            }

            .wp-block-columns.are-vertically-aligned-top {
                align-items: flex-start
            }

            .wp-block-columns.are-vertically-aligned-center {
                align-items: center
            }

            .wp-block-columns.are-vertically-aligned-bottom {
                align-items: flex-end
            }

            @media (max-width: 781px) {
                .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
                    flex-basis:100%!important
                }
            }

            @media (min-width: 782px) {
                .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
                    flex-basis:0;
                    flex-grow: 1
                }

                .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
                    flex-grow: 0
                }
            }

            .wp-block-columns.is-not-stacked-on-mobile {
                flex-wrap: nowrap!important
            }

            .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
                flex-basis: 0;
                flex-grow: 1
            }

            .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
                flex-grow: 0
            }

            :where(.wp-block-columns) {
                margin-bottom: 1.75em
            }

            :where(.wp-block-columns.has-background) {
                padding: 1.25em 2.375em
            }

            .wp-block-column {
                flex-grow: 1;
                min-width: 0;
                overflow-wrap: break-word;
                word-break: break-word
            }

            .wp-block-column.is-vertically-aligned-top {
                align-self: flex-start
            }

            .wp-block-column.is-vertically-aligned-center {
                align-self: center
            }

            .wp-block-column.is-vertically-aligned-bottom {
                align-self: flex-end
            }

            .wp-block-column.is-vertically-aligned-stretch {
                align-self: stretch
            }

            .wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
                width: 100%
            }

/* Tablet */
@media (max-width: 992px) {
  .wp-block-group.alignwide {
    /* padding-left: 1rem;
    padding-right: 1rem; */
  }
}

/* Mobile */
@media (max-width: 600px) {
  .wp-block-heading {
    font-size: 1.4rem;
  }

  .wp-block-columns {
    flex-direction: column;
  }
}


/* NEW mobile fixes */
/* 1) Global: stop sideways scroll while we fix specifics */
html, body { overflow-x: clip; }

/* 2) Full/ Wide wrappers + global padding on mobile
   (alignfull/alignwide + padding was exceeding 100vw) */
@media (max-width: 600px) {
  .alignfull,
  .alignwide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Constrain padded full-width groups that were listed */
  .alignfull.has-global-padding,
  .wp-site-blocks .has-global-padding.alignfull,
  .wp-block-group.alignfull.has-global-padding {
    /* use site root padding token if present, else 14px
    padding-left: var(--wp--style--root--padding, 14px) !important;
    padding-right: var(--wp--style--root--padding, 14px) !important; */
    box-sizing: border-box;
  }

  /* This one had 50px inline padding in your log */
  .wp-block-group.alignfull.has-contrast-color.has-accent-2-background-color {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* These two also had inline 14px—keep but ensure no width blow-up */
  .wp-block-group.alignfull.has-pink-tint-background-color,
  .wp-block-group.alignfull.has-white-background-color {
    box-sizing: border-box;
  }
}

/* 3) Columns: allow children to actually shrink instead of forcing overflow */
.wp-block-columns { overflow: visible; }
.wp-block-column {
  min-width: 0;               /* KEY: lets flex items shrink */
  box-sizing: border-box;
}

/* 4) The nowrap flex groups in your log */
.centerfix-mobile.is-nowrap,
.wp-block-group.is-nowrap {
  flex-wrap: wrap;            /* or remove is-nowrap on mobile */
}
@media (max-width: 600px) {
  .centerfix-mobile.is-nowrap,
  .wp-block-group.is-nowrap { flex-wrap: wrap; }
}

/* 5) Post Template list had extra right padding */
@media (max-width: 600px) {
  .wp-block-post-template { padding-right: 14px !important; }
}

/* 6) Alignright figures/images inside columns on mobile */
@media (max-width: 600px) {
  .wp-block-image.alignright,
  figure.wp-block-image.alignright {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .wp-block-image img,
  figure.wp-block-image img {
    max-width: 100%;
    height: auto;
  }
}

/* 7) GTranslate bubble/wrapper at the top right */
.gtranslate_wrapper,
[id^="gt-wrapper-"] {
  max-width: 100vw !important;
  right: 0 !important;
  left: auto !important;
  overflow: hidden;
}

/* 8) Safety for any images/SVGs generally */
img, svg, video, iframe { max-width: 100%; height: auto; }

/* === Remaining overflow clamps === */

/* A) Site root + template parts */
@media (max-width: 600px) {
  .wp-site-blocks { overflow-x: clip; }

  /* Any alignfull block that ALSO has global padding inside header/main/footer */
  .wp-site-blocks .alignfull.has-global-padding,
  header.wp-block-template-part .alignfull.has-global-padding,
  footer.wp-block-template-part .alignfull.has-global-padding,
  .entry-content.alignfull.has-global-padding {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  /*  padding-left: var(--wp--style--root--padding, 14px) !important;
    padding-right: var(--wp--style--root--padding, 14px) !important; */
    box-sizing: border-box;
  }

  /* The header-green full-width group in your list */
  .wp-block-group.alignfull.header-green {
    padding-left: var(--wp--style--root--padding, 14px) !important;
    padding-right: var(--wp--style--root--padding, 14px) !important;
    box-sizing: border-box;
  }

  /* The footer full-width group with 36px inline padding */
  .wp-block-group.alignfull.has-background-color.has-global-padding {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box;
  }
}

/* B) Columns + nowrap clusters still flagged */
.wp-block-columns { overflow: visible; }
.wp-block-column { min-width: 0; }
@media (max-width: 600px) {
  .centerfix-mobile.is-nowrap,
  .wp-block-group.is-nowrap { flex-wrap: wrap; }
  /* optional: make the 30/70 columns stack cleanly */
  .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}

/* C) GTranslate wrapper at the right edge */
.gtranslate_wrapper,
[id^="gt-wrapper-"] {
  max-width: 100vw !important;
  right: 0 !important;
  left: auto !important;
  overflow: hidden;
}

/* Center the header row on mobile */
@media (max-width: 782px) {

  .wp-block-group.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-c72d9c70.wp-block-group-is-layout-flex h2 {
    padding-left: 18px;
}

  .gw-mm-item__link.has-text-color.has-purple-color a {
    text-align: left;
    padding-left: 56px;
}

  ul.wp-block-list.no-class.has-lexend-font-family {
    text-align: left;
}

  .centerfix-mobile {
    display: flex;
    flex-wrap: wrap;                          /* allow wrapping */
    justify-content: center !important;       /* ⬅️ center children */
    align-items: center;
    gap: var(--wp--preset--spacing--20, 12px);
    width: 100%;
  }

  /* Beat the core utility that forces right alignment */
  .centerfix-mobile.is-content-justification-right {
    justify-content: center !important;
  }

  /* Getwid menu: stop right-align and center the toggle */
  .centerfix-mobile .gw-mm__wrapper,
  .centerfix-mobile .gw-mm__toggle-wrapper {
    text-align: center !important;
  }
  .centerfix-mobile .wp-block-getwid-megamenu.gw-mm {
    margin-inline: 15px;                      /* keep the whole menu cluster centered */
  }

  /* When the dropdown opens on mobile, center it under the button */
  .centerfix-mobile .gw-mm__content-wrapper {
    left: 100% !important;
    transform: translateX(-50%) !important;
    width: min(430px, 92vw) !important;       /* avoid horizontal overflow */
  }
}