/**
 * Layout reset for the standalone ecosystem embed page (inside the iframe).
 *
 * Strips page-chrome spacing so the diagram fills the frame edge-to-edge and
 * the reported height matches the diagram exactly.
 */
/* This file loads ONLY inside the embed iframe, so styling the bare html
   element is safe — kills the iframe's own scrollbar (the host sizes it). */
html {
  overflow: hidden;
}

body.ecosystem-embed-body {
  margin: 0;
  padding: 0;
  background: transparent;
  /* The host iframe is sized to content via the postMessage handshake, so the
     page itself never needs to scroll — suppress its own scrollbar. */
  overflow: hidden;
}

/* Drupal's dialog-off-canvas-main-canvas wraps our <main> and is a scroll
   container — its ~15px scrollbar shrank the content to 375px and skewed the
   diagram to the right (left:10 / right:25 on mobile). We don't use off-canvas
   here, so stop it scrolling. The core off-canvas CSS sets overflow-y:scroll, so
   a high-specificity !important is required to win the cascade. */
body.ecosystem-embed-body .dialog-off-canvas-main-canvas {
  overflow: visible !important;
}

.ecosystem-embed-main {
  margin: 0;
  padding: 0;
  width: 100%;
}

/* The iframe is full-bleed (100vw), so on mobile the diagram content lost the
   page container's side padding and sat flush to the edge. Inset the content
   10px while the ::before dark band stays full-bleed. ≤767px = the breakpoint
   where the radial ring becomes the .mtools list. */
@media (max-width: 767px) {
  .block-views-blockrussia-s-digital-ecosystem-block-1 > .content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Petal-hover state. The diagram JS (digital-ecosystem.js / video-ecosystem.js)
   adds .digital-e-s__placeholder-in_hide to fade out the default center text
   while a hovered petal's name/description is shown — but the matching rule was
   never defined, so the default text stayed visible and overlapped the tool
   text. Lives here (not digital-ecosystem.css) so it ships via the iframe's
   no-store stylesheet and isn't trapped behind the global-styling stable cache.
   The .3s opacity transition is on the base .digital-e-s__placeholder-in rule. */
.digital-e-s__placeholder-in.digital-e-s__placeholder-in_hide {
  opacity: 0 !important;
  pointer-events: none;
}