/* VIXE: dark product actions. Keep light mode and native Magento actions intact. */
html[data-theme="dark"] :is(body.cms-index-index .vixe-home-products:not(.vixe-home-products--newest), body.catalog-product-view .product-items) .product-item .actions-secondary {
    z-index: 2;
    opacity: 1;
    transform: none;
    gap: 6px;
}
html[data-theme="dark"] :is(body.cms-index-index .vixe-home-products:not(.vixe-home-products--newest), body.catalog-product-view .product-items) .product-item .actions-secondary .action:is(.towishlist, .tocompare) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 6px;
    flex: 0 0 44px;
    color: var(--vixe-action-fg, #f8fafc);
    background: var(--vixe-action-bg, #17202e);
    border: 1px solid var(--vixe-action-border, #64748b);
    border-radius: 10px;
    opacity: 1;
    box-shadow: 0 2px 5px #0003;
}
html[data-theme="dark"] :is(body.cms-index-index .vixe-home-products:not(.vixe-home-products--newest), body.catalog-product-view .product-items) .product-item .actions-secondary .action:is(.towishlist, .tocompare):is(:hover, :active) {
    color: var(--vixe-action-fg, #fff);
    background: var(--vixe-action-bg, #29384b);
    border-color: var(--vixe-action-border, #cbd5e1);
}
html[data-theme="dark"] body :is(.vixe-home-products, .catalog-product-view .product-items, .product-addto-links) .action:is(.towishlist, .tocompare):focus-visible {
    outline: 2px solid #f8fafc;
    outline-offset: 2px;
}
/* A saved state is shown only when the native private customer section confirms it. */
html[data-theme="dark"] body :is(.vixe-home-products, .catalog-product-view .product-items, .product-addto-links) .action[data-vixe-saved="wishlist"] {
    --vixe-action-fg: #fda4af;
    --vixe-action-bg: #3a1523;
    --vixe-action-border: #fb7185;
    color: #fda4af;
    background: #3a1523;
    border: 1px solid #fb7185;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #fb7185;
}
html[data-theme="dark"] body :is(.vixe-home-products, .catalog-product-view .product-items, .product-addto-links) .action[data-vixe-saved="compare"] {
    --vixe-action-fg: #a7f3d0;
    --vixe-action-bg: #102f29;
    --vixe-action-border: #34d399;
    color: #a7f3d0;
    background: #102f29;
    border: 1px solid #34d399;
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px #34d399;
}