/* YDC2026 — Column responsive widths (desktop vs mobile) */

.wp-block-column.has-ydc-mobile-width,
.wp-block-column[data-ydc-mobile-width] {
  /* Desktop keeps core width; mobile var is applied below. */
}

@media (max-width: 781px) {

  /*
   * Override WP stack-to-100% when a custom mobile width is set.
   * Breakpoint matches core Columns (782px).
   */
  .wp-block-columns>.wp-block-column[data-ydc-mobile-width],
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[data-ydc-mobile-width],
  .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[data-ydc-mobile-width] {
    flex-basis: var(--ydc-col-mobile-width) !important;
    flex-grow: 0;
    width: var(--ydc-col-mobile-width) !important;
    max-width: var(--ydc-col-mobile-width) !important;
  }

  .wp-block-columns:has(> .wp-block-column[data-ydc-mobile-width]) {
    flex-wrap: wrap;
  }
}