/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./src/scss/blocks/media-text.scss ***!
  \****************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*-----------------------------------------------------------------------------
# Media & Text (flat-blocks base layout - Matched to Group + Columns)
-----------------------------------------------------------------------------*/
/**
 * Breakpoints & Media Queries
 */
/* FIX core WordPress when border radius is applied */
.wp-block-media-text {
  overflow: hidden;
}

/* 1. Container Outer Frame Padding (Desktop Background Cards — Spacing 40) */
.wp-block-media-text.is-style-rounded-border:not(.is-style-no-padding):not(.is-style-no-gap) {
  padding-top: var(--wp--preset--spacing--40);
  padding-bottom: var(--wp--preset--spacing--40);
}
.wp-block-media-text.is-style-rounded-border:not(.is-style-no-padding):not(.is-style-no-gap):not(.alignfull) {
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
}

/* 2. Custom Block Style: No Gap Override */
.wp-block-media-text.is-style-no-gap {
  padding: 0;
  /* Inset panel content padding: unified spacing-60 breathing room */
}
.wp-block-media-text.is-style-no-gap > .wp-block-media-text__content {
  padding: var(--wp--preset--spacing--60);
}

/* 3. Custom Block Style: No Padding Override */
.wp-block-media-text.is-style-no-padding {
  padding: 0;
}
.wp-block-media-text.is-style-no-padding > .wp-block-media-text__content {
  padding: 0;
}

/* 4. Internal Content Spacing (Desktop Side-by-Side Layouts ONLY) */
@media only screen and (min-width: 782px) {
  .wp-block-media-text:not(.is-style-no-padding):not(.is-style-no-gap):not(.is-image-fill-element) {
    /* Transparent Canvas Background: Default spacing-40 gap */
    /* Colored Container Background (.has-background): Bump internal gap to spacing-60 */
  }
  .wp-block-media-text:not(.is-style-no-padding):not(.is-style-no-gap):not(.is-image-fill-element) > .wp-block-media-text__content {
    padding-left: var(--wp--preset--spacing--40);
    padding-right: 0;
  }
  .wp-block-media-text:not(.is-style-no-padding):not(.is-style-no-gap):not(.is-image-fill-element).has-media-on-the-right > .wp-block-media-text__content {
    padding-left: 0;
    padding-right: var(--wp--preset--spacing--40);
  }
  .wp-block-media-text:not(.is-style-no-padding):not(.is-style-no-gap):not(.is-image-fill-element).has-background > .wp-block-media-text__content {
    padding-left: var(--wp--preset--spacing--60);
    padding-right: 0;
  }
  .wp-block-media-text:not(.is-style-no-padding):not(.is-style-no-gap):not(.is-image-fill-element).has-background.has-media-on-the-right > .wp-block-media-text__content {
    padding-left: 0;
    padding-right: var(--wp--preset--spacing--60);
  }
}
/* Content child margin resets */
.wp-block-media-text__content > :first-child {
  margin-block-start: 0;
}
.wp-block-media-text__content > :last-child {
  margin-block-end: 0;
}

/* 5. Mobile Stacking Synchronization (<= 781px) */
@media only screen and (max-width: 781px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 1fr !important;
    /* Background Cards: Vertical spacing-60, horizontal spacing-40 on mobile */
    /* Transparent Canvas Layouts: Subtle top clearance below stacked image */
    /* Full-Bleed / No-Gap Panels: Apply spacing-60 padding directly to content */
    /* Background Cards: Clearance between stacked image and text content */
    /* Full-Width Bleed Safety Net: Defer horizontal edges to root padding */
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-background:not(.is-style-no-padding):not(.is-style-no-gap) {
    padding-top: var(--wp--preset--spacing--60);
    padding-bottom: var(--wp--preset--spacing--60);
  }
  .wp-block-media-text.is-stacked-on-mobile.has-background:not(.is-style-no-padding):not(.is-style-no-gap):not(.alignfull) {
    padding-left: var(--wp--preset--spacing--40);
    padding-right: var(--wp--preset--spacing--40);
  }
  .wp-block-media-text.is-stacked-on-mobile:not(.is-style-no-gap):not(.is-style-no-padding):not(.is-image-fill-element):not(.has-background) > .wp-block-media-text__content {
    padding-top: var(--wp--preset--spacing--30);
    padding-left: 0;
    padding-right: 0;
  }
  .wp-block-media-text.is-stacked-on-mobile.is-style-no-gap > .wp-block-media-text__content {
    padding: var(--wp--preset--spacing--60);
  }
  .wp-block-media-text.is-stacked-on-mobile.has-background:not(.is-style-no-gap) > .wp-block-media-text__content {
    padding-top: var(--wp--preset--spacing--40);
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .wp-block-media-text.is-stacked-on-mobile.alignfull > .wp-block-media-text__content {
    padding-left: var(--wp--style--root--padding-left, 2rem);
    padding-right: var(--wp--style--root--padding-right, 2rem);
  }
}