/**
 * Global hover policy:
 * - No animation (except dashboard stat cards)
 * - Buttons/links: darker color on hover
 * - Cards/div panels: no visual change on hover
 */

@media (hover: hover) {
    a:hover,
    button:hover,
    .btn:hover,
    [class*="-btn"]:hover,
    .dropdown-item:hover,
    .list-group-item:hover,
    .page-link:hover,
    .nav-link:hover,
    .nav-item:hover,
    .feet-stock-badge:hover,
    .device-switch:hover,
    .action-btn:hover,
    .menu-item:hover,
    .theme-option:hover,
    .settings-nav-link:hover,
    .po-price-btn-cost:hover,
    .po-price-btn-sell:hover,
    .po-btn-remove:hover,
    .check-status-btn:hover,
    .category-edit-btn:hover,
    .product-edit-btn:hover,
    .employee-edit-btn:hover,
    .expense-edit-btn:hover,
    #sidebar .components li a:hover,
    .sidebar-content a:hover,
    .logout-btn:hover,
    #sidebarCollapse:hover,
    .mobile-device-switch:hover,
    .mobile-menu-btn:hover,
    .mobile-btn:hover,
    .mobile-btn-primary:hover,
    .mobile-btn-success:hover,
    .btn-login:hover,
    .pill:hover,
    .btn-soft:hover,
    .sale-unit-cancel:hover {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        text-shadow: none !important;
    }

    .btn:hover,
    button:hover,
    .action-btn:hover,
    .mobile-btn:hover,
    .mobile-btn-primary:hover,
    .mobile-btn-success:hover,
    .btn-login:hover,
    .logout-btn:hover,
    #sidebarCollapse:hover,
    .device-switch:hover,
    .mobile-device-switch:hover,
    .mobile-menu-btn:hover,
    [class*="-btn"]:hover {
        filter: brightness(0.9) !important;
        box-shadow: none !important;
    }

    #sidebar .components li a:hover,
    .sidebar-content a:hover,
    .dropdown-item:hover,
    .settings-nav-link:hover,
    .nav-item:hover,
    .menu-item:hover,
    .feet-stock-badge:hover,
    .pill:hover,
    .btn-soft:hover {
        filter: brightness(0.92) !important;
        box-shadow: none !important;
    }

    /* Cards & div panels: no color or visual change on hover */
    .customers-page .card:hover,
    .customers-page .card-body:hover,
    .customers-page .card-header:hover,
    .card:hover,
    div.card:hover,
    [class*="card"]:hover:not(.btn):not([class*="-btn"]):not(.available-cash-compact-card):not(.beautiful-card):not(.modern-card):not(.compact-card-background):not(.compact-card-content):not(.compact-card-header):not(.compact-card-body):not(.card-content):not(.card-header):not(.card-body):not(.card-pattern),
    .stats-card:hover,
    .mobile-card:hover,
    .feature-card:hover,
    .about-tile:hover,
    .photo-card:hover,
    .photo-thumbnail:hover,
    .support-tier-card:hover,
    .license-detail-card:hover,
    .sale-unit-card:hover,
    .stat-item:hover,
    .tech-item:hover,
    .security-feature:hover,
    .responsibility-item:hover,
    .compact-customer-item:hover,
    .product-item:hover,
    .recent-item:hover,
    .cart-item:hover,
    .po-order-items-panel:hover,
    .mobile-card-body:hover,
    .mobile-card-header:hover {
        filter: none !important;
        background: revert !important;
        background-color: revert !important;
        background-image: revert !important;
        border-color: revert !important;
        box-shadow: revert !important;
        color: revert !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
    }

    .table tbody tr:hover,
    .cart-table tbody tr:hover,
    .data-table tbody tr:hover,
    #productTableBody tr:hover,
    .po-items-table tbody tr:hover {
        transform: none !important;
        box-shadow: none !important;
        transition: none !important;
    }

    /* Dashboard: animated card hover (exception to global static policy) */
    .dashboard .available-cash-compact-card,
    .dashboard .beautiful-card,
    .dashboard .modern-card {
        transition: all 0.3s ease !important;
    }

    .dashboard .available-cash-compact-card:hover {
        transform: translateY(-6px) !important;
        box-shadow: 0 14px 40px rgba(102, 126, 234, 0.4) !important;
        filter: none !important;
    }

    .dashboard .beautiful-card:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15) !important;
        filter: none !important;
    }

    .dashboard .modern-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
        filter: none !important;
    }

    .dashboard .compact-card-content:hover,
    .dashboard .compact-card-header:hover,
    .dashboard .compact-card-body:hover,
    .dashboard .beautiful-card .card-content:hover,
    .dashboard .beautiful-card .card-header:hover,
    .dashboard .beautiful-card .card-body:hover,
    .dashboard .modern-card .card-content:hover,
    .dashboard .modern-card .card-header:hover,
    .dashboard .modern-card .card-body:hover {
        transform: none !important;
        filter: none !important;
        transition: none !important;
        animation: none !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        border-color: inherit !important;
        color: inherit !important;
    }

    .dashboard .card-pattern:hover,
    .dashboard .compact-card-background:hover {
        transform: none !important;
        filter: none !important;
        transition: none !important;
        animation: none !important;
        box-shadow: none !important;
    }
}

.sidebar.collapsed .sidebar-content a[title]:hover::after,
.sidebar.collapsed .sidebar-content a[title]:hover::before {
    transform: translateY(-50%) !important;
}