/**
 * Стили для SimpleBar в .question-card__content
 * 
 * Кастомизация внешнего вида SimpleBar для элементов .question-card__content
 * 
 * @package AtomicQuiz
 * @version 1.0.0
 */

/* Скрываем нативный скроллбар для .question-card__content и .question-card__explanation */
.question-card__content,
.question-card__explanation {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.question-card__content::-webkit-scrollbar,
.question-card__explanation::-webkit-scrollbar {
    display: none; /* WebKit браузеры */
}

/* Кастомизация SimpleBar для .question-card__content и .question-card__explanation */
.question-card__content .simplebar-scrollbar,
.question-card__explanation .simplebar-scrollbar {
    /* width: 8px !important; */
    /* right: 0 !important; */
    background-color: rgba(255, 255, 255, 1) !important;
    /* border-radius: 4px !important; */
}

.question-card__content .simplebar-scrollbar:before,
.question-card__explanation .simplebar-scrollbar:before {
    background-color: #ffffff !important;
    /* border-radius: 4px !important; */
    /* min-height: 20px !important; */
}

.question-card__content .simplebar-scrollbar:hover:before,
.question-card__explanation .simplebar-scrollbar:hover:before {
    background-color: #ffffff !important;
}

.question-card__content .simplebar-scrollbar.simplebar-visible:before,
.question-card__explanation .simplebar-scrollbar.simplebar-visible:before {
    background-color: #ffffff !important;
}


/* Стили для темной темы (если используется) */
.question-card__content .simplebar-scrollbar,
.question-card__explanation .simplebar-scrollbar {
    background-color: rgba(255, 255, 255, 1) !important;
}

.question-card__content .simplebar-scrollbar:before,
.question-card__explanation .simplebar-scrollbar:before {
    background-color: #ffffff !important;
}

/* Обеспечиваем правильное позиционирование */
.question-card__content .simplebar-wrapper,
.question-card__explanation .simplebar-wrapper {
    /* position: relative !important; */
}

.question-card__content .simplebar-mask,
.question-card__explanation .simplebar-mask {
    /* position: absolute !important; */
    /* top: 0 !important; */
    /* left: 0 !important; */
    /* right: 0 !important; */
    /* bottom: 0 !important; */
}

.question-card__content .simplebar-offset,
.question-card__explanation .simplebar-offset {
    /* position: absolute !important; */
    /* top: 0 !important; */
    /* left: 0 !important; */
    /* right: 0 !important; */
    /* bottom: 0 !important; */
}

/* Полное отключение скроллбаров на мобильных устройствах */
@media (max-width: 768px) {
    /* Скрываем SimpleBar скроллбары на мобильных устройствах */
    .question-card__content .simplebar-scrollbar,
    .question-card__explanation .simplebar-scrollbar {
        /* display: none !important; */
        /* width: 0 !important; */
        /* height: 0 !important; */
    }

    /* Предотвращаем появление скролла на мобильных устройствах */
    .question-card__content,
    .question-card__explanation {
        /* overflow: visible !important; */
        /* max-height: none !important; */
        /* height: auto !important; */
    }

    /* Скрываем кастомные скроллбары на мобильных устройствах */
    .question-card__content .quiz-scrollbar-container,
    .question-card__explanation .quiz-scrollbar-container {
        /* display: none !important; */
    }

    /* Убираем отступ для скроллбара на мобильных устройствах */
    .question-card__content .quiz-content-wrapper,
    .question-card__explanation .quiz-content-wrapper {
        /* padding-right: 0 !important; */
    }

    /* Предотвращаем появление нативного скроллбара на мобильных устройствах */
    .question-card__content::-webkit-scrollbar,
    .question-card__explanation::-webkit-scrollbar {
        /* display: none !important; */
        /* width: 0 !important; */
    }

    .question-card__content,
    .question-card__explanation {
        /* -ms-overflow-style: none !important; */
        /* scrollbar-width: none !important; */
    }
}