.data-grid, .data-grid .data-grid-header, .admin__data-grid-pager { overflow: visible !important; }
.ui-selectmenu-menu, .selectmenu-items { z-index: 200 !important; position: absolute !important; }
.action-menu, .admin__action-dropdown-menu, .action-select-wrap .action-menu { z-index: 200 !important; position: absolute !important; }

.promotion_icon:after {font-family: "Admin Icons"; color: #333333; font-size: 13px; content: "\e623";}

body.marketplace-product-productlist .data-grid .fixed-30 {width: 30px; min-width: 30px; max-width: 30px;}
body.marketplace-product-productlist .data-grid .fixed-35 {width: 35px; min-width: 35px; max-width: 35px;}
body.marketplace-product-productlist .data-grid .fixed-37 {width: 37px; min-width: 37px; max-width: 37px;}
body.marketplace-product-productlist .data-grid .fixed-50 {width: 50px; min-width: 50px; max-width: 50px;}
body.marketplace-product-productlist .data-grid .fixed-80 {width: 80px; min-width: 80px; max-width: 80px;}
body.marketplace-product-productlist .data-grid .fixed-120 {width: 120px; min-width: 120px; max-width: 120px;}
body.marketplace-product-productlist .data-grid .fixed-180 {width: 180px; min-width: 180px; max-width: 180px;}

body.marketplace-product-productlist .data-grid .fixed-30 .data-grid-cell-content,
body.marketplace-product-productlist .data-grid .fixed-50 .data-grid-cell-content,
body.marketplace-product-productlist .data-grid .fixed-80 .data-grid-cell-content,
body.marketplace-product-productlist .data-grid .fixed-120 .data-grid-cell-content,
body.marketplace-product-productlist .data-grid .fixed-180 .data-grid-cell-content
{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

body.marketplace-product-productlist .data-grid-checkbox-cell-inner .admin__control-checkbox,
body.marketplace-product-add .admin__data-grid-wrap .admin__control-checkbox
{display: none;}

/*ACTION COLUMN: wide enough for "Edit" and "Save" (also longer translations, e.g. NL "Opslaan") => no "Sa..." and no width change*/
body.marketplace-product-productlist .data-grid td.action-menu-item {min-width: 6em; white-space: nowrap;}

/*POPUP sizes: see mp-grid-fixes.css (loaded after this file)*/

/*INLINE EDIT (js/grid/onload-handler.js): Save link + inputs fit the (locked) cell width*/
body.marketplace-product-productlist .data-grid tr.is-open .save-link {display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
body.marketplace-product-productlist .data-grid tr.is-open .data-grid-cell-content.edit input {width: 100%; max-width: 100%; box-sizing: border-box;}

/*MASS ACTION BUTTONS ("My products", template Webkul_Marketplace/grid/massaction-buttons)*/
.pex-massaction-buttons {display: flex !important; flex-direction: row; flex-wrap: nowrap; gap: 6px; width: max-content; align-items: center;}
.pex-massaction-buttons .pex-massaction-button {display: inline-block !important; width: auto !important; float: none !important; margin: 0 !important; white-space: nowrap; padding: 6px 12px;}
/* toolbar column holding the buttons was limited to 255px (mp-grid-fixes.css) => buttons wrapped into a column */
.admin__data-grid-header-row .col-xs-2:has(.pex-massaction-buttons) {max-width: none !important; width: auto !important;}
/* large screens: right column keeps its original width (mp-grid-fixes.css) => "records found" stays in the center.
   smaller screens: not enough room next to the buttons => pager/records row moves below the buttons, full width */
@media (max-width: 1279px) {
    .admin__data-grid-header-row:has(.pex-massaction-buttons) .col-xs-10 {float: none !important; width: 100% !important; clear: both; margin-top: 8px;}
}
.pex-massaction-buttons .pex-massaction-button[data-action="massdelete"] {color: #e02b27; border-color: #e02b27; order: 99;} /* Delete last (right of Change price) */

/*UPDATE NEEDED (product update period, PExchange Supplier setting)*/
.pex-update-needed {display: inline-block; background-color: #eb5202; color: #ffffff; border-radius: 3px; padding: 0 5px; font-size: 12px; white-space: nowrap; cursor: help;}
.pex-update-notice {margin-bottom: 12px;} /* standard Magento .message.warning look */

/*HELP CURSOR on icons/labels with a tooltip*/
.promotion_icon, .pex-unmatched {cursor: help;}

/*BOTTOM PAGER (js/custom-list.js): own row below the grid, contains the floated pager => no overlap with the footer*/
.pex-pager-bottom-row {display: flow-root; clear: both; margin-bottom: 1.8rem;}

/*SELLER PANEL account menu (top-right): whole row clickable, not only the text*/
.wk-mp-user .wk-mp__action-dropdown-menu > li {padding: 0;}
.wk-mp-user .wk-mp__action-dropdown-menu > li > a {display: block; width: 100%; box-sizing: border-box; padding: 1rem 1rem 1rem 4rem;}
.wk-mp-user .wk-mp__action-dropdown-menu > li:before {pointer-events: none; z-index: 1;}
.wk-mp-user .wk-mp__action-dropdown-menu > li.wk-mp-dropdown-menu-settings:before,
.wk-mp-user .wk-mp__action-dropdown-menu > li.wk-mp-dropdown-menu-logout:before {top: 1rem; left: 1rem;}

/*ROTATE BUTTONS (product gallery)*/
.wkmp-rotate .wkmp-rotate-btn {touch-action: manipulation; user-select: none;}

/*TOOLTIP*/
.zt-tooltip {position: absolute; background-color: #ffffff; border-radius: 2px; box-shadow: 0 0 6px #aaaaaa; padding: 1px 4px; animation-name: fadein; animation-duration: 0.05s; animation-iteration-count: 1; animation-timing-function: linear; white-space: pre-line; max-width: min(420px, calc(100vw - 16px)); font-size: 14px; z-index: 1000;} /* pre-line: line breaks in titles, long texts wrap instead of widening the page */
.zt-tooltip.remove {animation-name: fadeout; animation-duration: 0.155s; animation-iteration-count: 1; animation-timing-function: linear;}