/**
 * Wagetrol: ONE backdrop = theme suite backdrop (html::before).
 * Second layer was per-style hardcoded body fill in _theme.php inline style.
 */

html[data-trol-suite-backdrop="1"] {
  --trol-island-edge: 0 0 0 1px rgba(255, 255, 255, 0.06);
  --trol-island-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

html[data-trol-suite-backdrop="1"],
html[data-trol-suite-backdrop="1"] body {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-trol-suite-backdrop="1"] .wg-app-main {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-trol-suite-backdrop="1"] .wg-app-main table {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: var(--trol-island-edge), var(--trol-island-shadow) !important;
}