/* DeX | Element Technologies
 * Colors: ../palette.json (the only editable palette source).
 * Current shared treatment: nav/footer, section surfaces, buttons, team tags,
 * pricing/contact, SVG journey, hero glyphs, lifecycle glyphs and backdrop.
 * Add only element-specific layout/typography overrides here.
 */
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] { color-scheme: light; }

/* Element content visibility is independent of the shared partner homepage. */
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] :is(.dex-hero-badge,.dex-venn-section,.dex-business-outcomes-section) { display:none!important; }
/* Keep the illustration within its stage and avoid stacked scene transitions. */
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-showcase { overflow:hidden!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-stage-stack { width:100%!important; aspect-ratio:1309/606!important; overflow:hidden!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-poster { transform:none!important; overflow:hidden!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-scene { transform:none!important; transition:opacity .25s ease!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-scene.is-leaving { opacity:0!important; animation:none!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-deck { top:0!important; left:0!important; width:100%!important; height:100%!important; object-fit:contain!important; transform:none!important; mask-image:none!important; -webkit-mask-image:none!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-popup { max-width:13%!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-popup[class*="is-left"] { left:1%!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-popup[class*="is-right"] { right:1%!important; }
/* Neutralize raster DeX marks and illustration thumbnails; customer brands stay original. */
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] img:is([src*="dex-triangle"],[src*="dex-logo"],[src*="dex-icon"],[src*="learning-centre/thumbnails"],[src*="assets/preview/"],[src$="/image.png"]) { filter:grayscale(1)!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] :is(.dex-breadcrumb a,.breadcrumbs__link,.menu__link--active,.theme-doc-markdown a) { color:var(--partner-primary)!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] :is(.dex-choose-v2-tab,.dex-hero-pipeline-step) svg { color:var(--partner-primary)!important; }
@media(max-width:767px) {
 html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-choose-v2-popup { display:none!important; }
}

/* Documentation and legacy widgets expose custom tokens outside the CSS bridge. */
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] { --ifm-color-primary:var(--partner-primary)!important; --ifm-color-primary-dark:var(--partner-deep)!important; --ifm-color-primary-darker:var(--partner-deep)!important; --ifm-color-primary-darkest:var(--partner-deep)!important; --ifm-color-primary-light:var(--partner-accent)!important; --ifm-color-primary-lighter:var(--partner-accent)!important; --ifm-color-primary-lightest:var(--partner-accent)!important; --ifm-link-color:var(--partner-primary)!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .theme-doc-markdown :is(h1,h2,h3,h4,strong) { color:var(--partner-deep)!important; border-color:var(--partner-primary)!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .table-of-contents__link--active { color:var(--partner-primary)!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] :is(.dex-lc-tab.active,.dex-lc-tab.is-active,.dex-lc-tab[aria-selected="true"]) { background:var(--partner-primary)!important; color:var(--partner-on-primary)!important; }

html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-workflow-card-visual { background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.5),transparent 24%),linear-gradient(145deg,var(--partner-accent),var(--partner-primary) 56%,var(--partner-deep))!important; }
html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .dex-core-capabilities { background:var(--partner-surface)!important; }

html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .navbar__logo img { width:auto!important; height:32px!important; max-width:100px!important; object-fit:contain!important; }
@media(max-width:767px) {
 html[data-partner-theme="element"][data-partner-theme][data-partner-theme][data-partner-theme] .theme-doc-markdown { min-width:0!important; max-width:100%!important; overflow-wrap:anywhere; }
}