/* View-dependent visibility helpers. They key off the closest ed-page's view state and
   therefore only work in the light DOM below an ed-page - which is also why this is the
   one utility without a shadow mirror: a shadow-root selector can never see the ed-page
   ancestor, so a mirror would be dead code by construction. */
@layer ed-utilities {
  /* Hide mobile-only elements when the page is in desktop view */
  ed-page[view='desktop'] .ed-mobile-only {
    display: none !important;
  }

  /* Hide desktop-only elements when the page is in mobile view */
  ed-page[view='mobile'] .ed-desktop-only {
    display: none !important;
  }
}