/* WordPress integration shell only. The Tarot Companion UI itself is isolated
   inside the iframe so Brizy/theme rules cannot restyle it. */
.dvtc-wordpress-embed {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #141020;
  border: 0;
}

.dvtc-wordpress-embed.dvtc-full-bleed {
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  margin-left: -50vw;

  /* Brizy enforces a small minimum top spacer. Pull the entire live iframe
     upward through that space instead of painting the spacer a fixed color.
     Because the iframe itself moves, every Tarot theme remains visually correct. */
  margin-top: var(--dvtc-top-overlap, -15px);
}

.dvtc-frame {
  display: block;
  width: 100%;
  height: 100dvh;
  min-height: 760px;
  border: 0;
  margin: 0;
  padding: 0;
  background: #141020;
}

.dvtc-noscript {
  padding: 1rem;
  color: #f5ebff;
  background: #141020;
  font-family: system-ui, sans-serif;
  text-align: center;
}

@media (max-width: 850px) {
  .dvtc-frame {
    height: calc(100dvh - 18px);
    min-height: 650px;
  }
}

@media (max-width: 540px) {
  .dvtc-frame {
    height: calc(100dvh - 8px);
    min-height: 590px;
  }
}


/* Tarot Companion page only:
   The site's floating translator is intentionally hidden here. It was
   obstructing the app's mobile navigation and does not translate the isolated
   Tarot iframe reliably. Translation widgets remain untouched elsewhere. */
#gt_float_wrapper,
.gt_float_switcher,
.gtranslate_wrapper,
.gt_switcher_wrapper,
.gt_switcher,
.gtranslate_selector,
#google_translate_element,
.goog-te-gadget,
#trp-floater-ls,
.trp-language-switcher,
.weglot-container,
.wg-default,
[id*="gtranslate"],
[class*="gtranslate"],
[id*="gt_float"],
[class*="gt_float"],
[id*="translatepress"][style*="fixed"],
[class*="translatepress"][style*="fixed"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}