/* ATMP Layout — Mobile overrides for core WP blocks.
 * Desktop values are set as inline styles by the render_block filter.
 * Mobile values are injected as CSS custom properties (--atmp-m-*)
 * and activated here via media query.
 */
/* Make oEmbed iframes respect ATMP Layout width */
.wp-block-embed iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
}

@media (max-width: 1140px) {
  [style*="--atmp-m-w"] {
    width: var(--atmp-m-w) !important;
  }
  [style*="--atmp-m-mw"] {
    max-width: var(--atmp-m-mw) !important;
  }
  [style*="--atmp-m-minw"] {
    min-width: var(--atmp-m-minw) !important;
  }
  [style*="--atmp-m-ml"] {
    margin-left: var(--atmp-m-ml) !important;
    margin-right: var(--atmp-m-mr, auto) !important;
  }
  [style*="--atmp-m-mt"] {
    margin-top: var(--atmp-m-mt) !important;
  }
  [style*="--atmp-m-mb"] {
    margin-bottom: var(--atmp-m-mb) !important;
  }
  [style*="--atmp-m-jc"] {
    justify-content: var(--atmp-m-jc) !important;
  }
  [style*="--atmp-m-ai"] {
    align-items: var(--atmp-m-ai) !important;
  }
}