/**
 * Custom Quiz Styles - DreamsLMS Theme
 * Ajout d'effets de hover pour les quiz ordering
 */

/* Espacement entre les items d'ordering */
#quiz-ordering-ans-area > div:not(:last-child) {
    margin-bottom: 35px !important;
}

/* Effet de hover sur les éléments d'ordering avec images */
.quiz-image-ordering-ans .quiz-image-ordering-ans-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(193, 155, 123, 0.3);
    border-color: #C19B7B !important;
    transition: all 0.3s ease;
}

/* Effet de hover sur l'icône de drag pour les ordering avec images */
.quiz-image-ordering-ans .quiz-image-ordering-ans-item:hover .tutor-quiz-image-ordering-icon {
    background: #C19B7B;
    transition: background 0.3s ease;
}

.quiz-image-ordering-ans .quiz-image-ordering-ans-item:hover .tutor-quiz-image-ordering-icon span {
    color: #ffffff;
    transition: color 0.3s ease;
}

/* Curseur pour indiquer que l'élément est déplaçable */
.quiz-image-ordering-ans .quiz-image-ordering-ans-item {
    cursor: move;
    cursor: grab;
    transition: all 0.3s ease;
}

.quiz-image-ordering-ans .quiz-image-ordering-ans-item:active {
    cursor: grabbing;
}

/* Effet de hover sur les éléments d'ordering texte */
.quiz-ordering-ans:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(193, 155, 123, 0.3);
    transition: all 0.3s ease;
}

.quiz-ordering-ans:hover .tutor-quiz-border-box {
    border-color: #C19B7B !important;
    transition: border-color 0.3s ease;
}

/* Effet sur l'icône de numéro lors du hover */
.quiz-ordering-ans:hover .snum {
    background: #C19B7B;
    color: #ffffff;
    transition: all 0.3s ease;
}

/* Curseur pour les éléments texte */
.quiz-ordering-ans {
    cursor: move;
    cursor: grab;
    transition: all 0.3s ease;
}

.quiz-ordering-ans:active {
    cursor: grabbing;
}

/* Effet sur l'icône hamburger (handle de drag) */
.tutor-icon-humnurger-filled {
    transition: color 0.3s ease;
}

.quiz-ordering-ans:hover .tutor-icon-humnurger-filled,
.quiz-image-ordering-ans:hover .tutor-icon-humnurger-filled {
    color: #C19B7B;
}

/* Animation lors du drag */
.ui-sortable-helper {
    box-shadow: 0 8px 20px rgba(193, 155, 123, 0.35);
    transform: scale(1.02);
    opacity: 0.9;
}

/* Placeholder pendant le drag */
.ui-sortable-placeholder {
    border: 2px dashed #C19B7B !important;
    background: #f4f6f9 !important;
    visibility: visible !important;
}