/**
 * Homepage layout fixes
 * Keep Juicer social feed as spaced cards at all zoom/reload states.
 */

/* -------------------------------------------------------------------------- */
/* Amplify / Carers Count slide                                               */
/* -------------------------------------------------------------------------- */
.breakdance .bde-column-18-150 {
  overflow: hidden;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  align-self: stretch;
}

.breakdance .bde-image2-18-358.bde-image2,
.breakdance .bde-image2-18-358 {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 450px !important;
  aspect-ratio: 1 / 1;
  object-fit: cover !important;
  display: block;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

@media (max-width: 767px) {
  .breakdance .bde-column-18-150 {
    border-radius: 10px 10px 0 0;
  }

  .breakdance .bde-image2-18-358.bde-image2,
  .breakdance .bde-image2-18-358 {
    max-height: none !important;
    border-radius: 10px 10px 0 0;
  }
}

/* -------------------------------------------------------------------------- */
/* Advanced slider                                                            */
/* -------------------------------------------------------------------------- */
.breakdance .bde-advancedslider-18-145 .swiper {
  overflow: hidden !important;
}

.breakdance .bde-advancedslider-18-145 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
  display: none !important;
}

.breakdance .bde-advancedslider-18-145 .swiper-slide {
  height: auto !important;
  max-height: 520px;
  overflow: hidden;
  box-sizing: border-box;
}

.breakdance .bde-advancedslider-18-145 .advanced-slider__slide,
.breakdance .bde-advancedslider-18-145 .bde-columns {
  min-height: 0;
  height: auto;
  max-height: 520px;
}

@media (max-width: 767px) {
  .breakdance .bde-advancedslider-18-145 .swiper-slide,
  .breakdance .bde-advancedslider-18-145 .advanced-slider__slide,
  .breakdance .bde-advancedslider-18-145 .bde-columns {
    max-height: none;
  }
}

/* -------------------------------------------------------------------------- */
/* Juicer – spaced 3-column cards (reload + zoom safe)                        */
/* -------------------------------------------------------------------------- */
.juicer-feed,
.juicer-feed .j-stack,
.juicer-feed ul {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  position: relative !important;
}

.juicer-feed .j-stack,
.juicer-feed ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  column-gap: 28px !important;
  row-gap: 28px !important;
  align-items: stretch !important;
  width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.juicer-feed li.feed-item,
.juicer-feed .j-stack > li.feed-item {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  flex: 0 0 calc(33.333% - 19px) !important;
  width: calc(33.333% - 19px) !important;
  max-width: calc(33.333% - 19px) !important;
  margin: 0 0 28px 0 !important;
  height: auto !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden;
  background: #fff;
}

.juicer-feed .j-poster {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  overflow: hidden;
  flex: 0 0 auto;
}

.juicer-feed .j-text {
  padding: 12px !important;
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto;
}

.juicer-feed .j-meta {
  margin-top: auto !important;
  flex: 0 0 auto;
  padding: 0 12px 10px !important;
}

.juicer-feed li.feed-item .j-image,
.juicer-feed .j-image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  flex: 0 0 auto;
}

.juicer-feed li.feed-item .j-image img,
.juicer-feed .j-image img,
.juicer-feed .jcr-post-media,
.juicer-feed img.jcr-post-media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  transform: none !important;
}

@media (max-width: 1023px) {
  .juicer-feed li.feed-item,
  .juicer-feed .j-stack > li.feed-item {
    flex-basis: calc(50% - 14px) !important;
    width: calc(50% - 14px) !important;
    max-width: calc(50% - 14px) !important;
  }
}

@media (max-width: 767px) {
  .juicer-feed li.feed-item,
  .juicer-feed .j-stack > li.feed-item {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Header nav: keep menu + search on-screen (no horizontal overflow)          */
/* -------------------------------------------------------------------------- */
.breakdance .bde-section-26-120 .section-container {
  max-width: 100%;
  box-sizing: border-box;
}

.breakdance .bde-div-26-149 {
  gap: 10px !important;
  max-width: 100%;
  box-sizing: border-box;
  padding-right: 8px;
}

.breakdance .bde-wp-menu-26-168 {
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 52px);
}

.breakdance .bde-wp-menu-26-168 .breakdance-menu {
  --links-gap: 12px !important;
  --link-padding-right: 4px !important;
}

.breakdance .bde-wp-menu-26-168 .breakdance-menu-link {
  font-size: 0.9rem !important;
}

.breakdance .bde-search-form-26-146,
.breakdance .bde-button-26-143 {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

@media (max-width: 1280px) {
  .breakdance .bde-wp-menu-26-168 .breakdance-menu {
    --links-gap: 8px !important;
  }

  .breakdance .bde-wp-menu-26-168 .breakdance-menu-link {
    font-size: 0.85rem !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Page hero banners: same width as header (logo → Join us), no side bleed    */
/* -------------------------------------------------------------------------- */
.breakdance section.bde-section:has(.col-left-hero-cm) {
  background-color: transparent !important;
  background-image: none !important;
}

.breakdance section.bde-section:has(.col-left-hero-cm) > .section-container {
  --bde-section-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  box-sizing: border-box !important;
}

.breakdance section.bde-section:has(.col-left-hero-cm) > .section-container > .bde-columns {
  background-color: #d1eefc;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .breakdance section.bde-section:has(.col-left-hero-cm) > .section-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}