/**
 * تأثير hover موحد وبسيط لكامل المشروع
 * إبراز بالظل فقط - بدون أي حركة للمحتوى
 */

/* التأثير الموحد للأزرار - ظل للإبراز فقط */
button:not(.no-hover):not(.carousel-control):hover,
.btn:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.modern-btn:hover,
.alert-btn:hover,
.toolbar-btn:hover,
select:hover,
.modern-tab:hover,
.modern-dropdown-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* الكروت والبطاقات - ظل أكبر للإبراز */
.card:hover,
[class*="card"]:not(.modern-card):hover,
.group:hover,
.stat-card:hover,
a[data-item-id]:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
}

/* الروابط - ظل خفيف جداً */
a:not(.no-hover):not([data-item-id]):not(.button):not(.btn):hover {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* صفوف الجداول - ظل خفيف */
.modern-table tbody tr:hover,
table tbody tr:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* استثناءات - عدم تطبيق التأثير */
.logo:hover,
[class*="logo"]:hover,
img[alt*="logo"]:hover,
img[alt*="Logo"]:hover,
.no-hover:hover,
.carousel-image,
.carousel-image-view,
img.object-cover:hover,
img.object-contain:hover {
    box-shadow: none !important;
}

/* استثناء القوائم المنسدلة - خلفية فقط */
#listing-type-dropdown-menu button:hover,
#region-dropdown-menu button:hover,
#category-dropdown-menu button:hover,
[id*="dropdown-menu"] button:hover {
    box-shadow: none !important;
    background-color: #f3f4f6 !important;
}

/* استثناء قائمة المشاركة - خلفية فقط */
#shareMenu button:hover {
    box-shadow: none !important;
    background-color: #f3f4f6 !important;
}

/* تأثيرات خاصة للصور داخل الكروت */
.group:hover img.group-hover\:scale-105,
img.hover\:scale-110:hover {
    transform: scale(1.05) !important;
}