/* ========== أيقونات متحركة (SVG Animations) ========== */

/* تحريك أيقونة المجلد عند hover */
.folder-home-item:hover .fa-folder,
.folder-home-item:hover .fa-folder-open,
.folder-item:hover .fa-folder,
.folder-item:hover .fa-folder-open {
    animation: folder-bounce 0.6s ease !important;
}

@keyframes folder-bounce {
    0%, 100% { transform: translateY(0); }
    25% { transform: translateY(-8px); }
    50% { transform: translateY(-4px); }
    75% { transform: translateY(-6px); }
}

/* تحريك أيقونة الملف عند hover */
.file-grid-item:hover .fa-file,
.file-list-item:hover .fa-file,
.file-grid-item:hover [class*="fa-file-"],
.file-list-item:hover [class*="fa-file-"] {
    animation: file-shake 0.5s ease !important;
}

@keyframes file-shake {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(5deg); }
    75% { transform: rotate(-3deg); }
}

/* تحريك أيقونة التحميل */
a[href*="download"]:hover .fa-download,
button[class*="download"]:hover .fa-download {
    animation: download-move 0.8s ease infinite !important;
}

@keyframes download-move {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}

/* تحريك أيقونة البحث */
.search-block-input:focus ~ button .fa-search,
button[type="submit"]:hover .fa-search {
    animation: search-pulse 1s ease infinite !important;
}

@keyframes search-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}

/* تحريك السلة */
.basket-item:hover .fa-shopping-cart {
    animation: cart-swing 0.6s ease !important;
}

@keyframes cart-swing {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
    75% { transform: rotate(-5deg); }
}

/* تأثير Loading دوران */
.loading-icon,
[class*="loading"] .fa-spinner,
[class*="loading"] .fa-circle-notch {
    animation: spin 1s linear infinite !important;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* تحريك النجوم (للتقييم) */
.rating-star:hover,
[class*="star"]:hover {
    animation: star-glow 0.4s ease !important;
}

@keyframes star-glow {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.2); filter: brightness(1.3); }
}