/*
 * Stable pointer interactions.
 * Content, navigation and data containers must not move or cover neighbouring UI.
 * Buttons keep their interaction feedback.
 */

body *:not(button):not(.btn):hover {
  transform: none !important;
}

body a:not(.btn):hover {
  color: inherit !important;
}

.card:hover,
.pp-card:hover,
.product-card:hover,
.category-card:hover,
.blog-card:hover,
.model-card:hover,
.equipment-card:hover,
.freelance-card:hover,
.ds-card:hover,
.ds-card--hover:hover,
.ds-product-card:hover,
.ds-seller-card:hover,
.ds-model-card:hover,
.ds-blog-card:hover,
.pp-product-card:hover,
.pp-category-card:hover,
.pp-feature-card:hover,
.pp-material-card:hover,
.pp-platform-card:hover,
.pp-process-step:hover,
.pp-printer-card:hover,
.printer-card:hover,
.account-stat-card:hover,
.account-favorite-card:hover,
.account-feed-card:hover,
.stat-card:hover,
.dashboard-stat:hover,
[class*="admin-stat"]:hover,
.lnk-card:hover,
.report-row:hover,
.saved-order-item:hover,
.product-card-search:hover,
.blog-card-search:hover,
.auth-feature:hover,
.lp-bc:hover,
.lp-mat-card:hover,
.lp-step:hover,
.lp-dl-card:hover,
.variant-list-card:hover,
.req-type-card:hover,
.col-card:hover,
.prod-card:hover,
.kanban-card:hover,
.plan-card:hover,
.pp-model-card:hover,
.qr-card:hover,
.hp-route-card:hover,
.hp-process-card:hover,
.hp-note-card:hover,
.hp-stat-card:hover,
.hp-product-card:hover,
.hp-category-card:hover,
.hp-model-card:hover,
.hp-post-card:hover {
  transform: none !important;
  box-shadow: var(--shadow) !important;
  border-color: var(--border) !important;
  filter: none !important;
  z-index: auto !important;
}

.pp-category-card:hover::before,
.pp-category-card:hover::after,
.pp-feature-card:hover::before,
.pp-feature-card:hover::after,
.pp-product-card:hover::after,
.pp-material-card:hover::after,
.ds-card:hover::before {
  opacity: 0 !important;
  transform: none !important;
}

.product-card:hover img,
.pp-card:hover img,
.blog-card:hover img,
.model-card:hover img,
.pp-product-card:hover img,
.pp-product-card:hover .pp-product-media,
.ds-product-card:hover .ds-product-card__img-wrap img,
.ds-model-card:hover .ds-model-card__preview img,
.ds-blog-card:hover .ds-blog-card__img img,
.blog-card:hover .blog-card-img,
.ds-product-card:hover .eq-photo,
a:hover .ds-card .card-img-top,
a:hover .ds-card .eq-photo,
a:hover .ds-card .model-thumb,
a:hover .ds-card [class$="-thumb"],
a:hover .ds-card [class$="-photo"] {
  transform: none !important;
}

.pp-product-card:hover .pp-price,
.pp-feature-card:hover .pp-feature-icon,
.pp-feature-card:hover .pp-feature-icon i,
.pp-category-card:hover .pp-category-icon,
.pp-category-card:hover .h5,
.empty-state-box:hover .empty-state-icon {
  transform: none !important;
  color: inherit !important;
}

.table tbody tr:hover,
.table-ds tbody tr:hover,
.list-group-item:hover,
.dropdown-item:hover,
.nav-item:hover,
.nav-link:hover,
.pnav-link:hover,
.sidebar .nav-link:hover,
.cat-sidebar-item:hover,
.ds-sidebar-item:hover,
.ds-tab-btn:hover,
.shop-tab:hover,
.material-tab:hover,
.material-row-choice:hover,
.mob-drawer-link:hover,
.mob-dl-item:hover,
.admin-notif-item:hover,
.admin-mobile-tab:hover,
.admin-quick-btn:hover,
.mode-switch-pill:hover,
.mode-toggle__seg:hover,
.auth-option-card:hover,
.ad-product-option:hover,
.suggestion-dropdown .list-group-item-action:hover,
.feed-action-btn:hover,
.feed-poll-option:hover:not(.voted):not([disabled]),
.how-accordion-trigger:hover,
.material-tree-row:hover,
.cart-table tbody tr:hover,
.acct-table tbody tr:hover,
.fin-table tbody tr:hover,
.chat-thread-item:hover,
.priority-item:hover,
.poster-item:hover,
.quick-link:hover,
.help-related__item:hover,
.legal-nav-link:hover:not(.is-active),
.form-nav-link:hover:not(.active),
.type-card:hover:not(.active),
.account-type-opt:not(.active):hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
  background-color: transparent !important;
  color: inherit !important;
}

.site-navbar .nav-link:hover,
.site-brand-link:hover,
.site-brand-dropdown__home:hover,
.footer-link:hover,
.footer-bottom-link:hover,
.breadcrumb-item a:hover,
.ds-breadcrumb a:hover,
.pp-product-title:hover,
.ds-product-card__seller a:hover,
.mob-drawer-username:hover,
.mob-drawer-usersub:hover {
  color: inherit !important;
  padding-left: inherit !important;
  background: transparent !important;
}

.hp-spotlight-item:hover,
.bio-link-card:hover,
.bio-link-card:hover .bio-link-arrow {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--border) !important;
}

.m3d-thumb:hover:not(.active),
.eq-gallery-thumb:hover:not(.active) {
  border-color: var(--border) !important;
  opacity: inherit !important;
}

.site-nav-center .nav-link:hover::after {
  width: 0 !important;
}

@media (prefers-reduced-motion: no-preference) {
  .card,
  .pp-card,
  .product-card,
  .category-card,
  .blog-card,
  .model-card,
  .equipment-card,
  .freelance-card,
  .ds-card,
  .ds-product-card,
  .ds-seller-card,
  .ds-model-card,
  .ds-blog-card,
  .pp-product-card,
  .pp-category-card,
  .pp-feature-card,
  .pp-material-card,
  .pp-platform-card,
  .table tbody tr,
  .list-group-item,
  .dropdown-item,
  .nav-link,
  .pnav-link {
    transition-property: background-color, color, border-color !important;
  }
}