/* =================================================
   FLOW RE-THEMING FOR LWR EXPERIENCE
   Using the site background: var(--dxp-g-root)
   ================================================= */

/* -----------------------------------------------
   1) TOP-LEVEL FLOW CONTAINERS
-------------------------------------------------- */
.flowruntime,
flowruntime-lwc-body,
flowruntime-lwc-body > div.flowruntimeBody,
flowruntime-lwc-body > div.flowruntimeBody.flowruntimeBody__lwc {
    background-color: var(--dxp-g-root) !important;
}

/* -----------------------------------------------
   2) SAFE INNER CONTAINERS ONLY
   Keep this narrower so overlays don't go transparent
-------------------------------------------------- */
flowruntime-lwc-body .slds-card,
flowruntime-lwc-body .slds-card__body,
flowruntime-lwc-body .slds-card__body_inner,
flowruntime-lwc-body .slds-page-header,
flowruntime-lwc-body .slds-accordion__content,
flowruntime-lwc-body .slds-accordion__section,
flowruntime-lwc-body flowruntime-screen-field,
flowruntime-lwc-body flowruntime-lwc-field,
flowruntime-lwc-body flowruntime-base-section {
    background-color: transparent !important;
}

/* -----------------------------------------------
   3) DATATABLE WRAPPERS
-------------------------------------------------- */
flowruntime-lwc-body .datatable-border,
flowruntime-lwc-body .slds-table_header-fixed_container,
flowruntime-lwc-body .slds-scrollable_x,
flowruntime-lwc-body .slds-scrollable_y,
flowruntime-lwc-body table.slds-table,
flowruntime-lwc-body .slds-table thead tr th,
flowruntime-lwc-body .slds-table tbody tr td,
flowruntime-lwc-body .slds-cell-fixed,
flowruntime-lwc-body .slds-hint-parent {
    background-color: transparent !important;
}

/* -----------------------------------------------
   4) FORM INPUT SURFACES
   Give visible controls a solid background
-------------------------------------------------- */
flowruntime-lwc-body .slds-input,
flowruntime-lwc-body .slds-select,
flowruntime-lwc-body .slds-textarea,
flowruntime-lwc-body textarea.slds-textarea {
    background-color: var(--dxp-g-root) !important;
}

/* -----------------------------------------------
   5) PICKLIST DROPDOWN MENU
   Must be solid, not transparent
-------------------------------------------------- */
flowruntime-lwc-body .slds-listbox,
flowruntime-lwc-body .slds-listbox_vertical,
flowruntime-lwc-body .slds-dropdown,
flowruntime-lwc-body .slds-dropdown_fluid,
flowruntime-lwc-body .slds-listbox__option,
flowruntime-lwc-body .slds-media,
flowruntime-lwc-body .slds-media__body {
    background-color: var(--dxp-g-root) !important;
}

/* Highlighted/hovered picklist option */
flowruntime-lwc-body .slds-listbox__option:hover,
flowruntime-lwc-body .slds-listbox__option.slds-has-focus,
flowruntime-lwc-body .slds-listbox__option[aria-selected="true"] {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

/* -----------------------------------------------
   6) HELP TEXT / TOOLTIP BUBBLES
   Keep popovers solid and readable
-------------------------------------------------- */
flowruntime-lwc-body .slds-popover,
flowruntime-lwc-body .slds-popover_tooltip,
flowruntime-lwc-body .slds-popover__body,
flowruntime-lwc-body .slds-nubbin_top,
flowruntime-lwc-body .slds-nubbin_bottom,
flowruntime-lwc-body .slds-nubbin_left,
flowruntime-lwc-body .slds-nubbin_right {
    background-color: var(--dxp-g-root) !important;
}

/* -----------------------------------------------
   7) OPTIONAL: FLOW TITLES / HEADERS
-------------------------------------------------- */
flowruntime-lwc-body .flowruntimeTitle,
flowruntime-lwc-body .slds-text-heading_medium {
    background-color: transparent !important;
}