/* Внешний вид карточек */
.icms-faq-card {
    border-radius: 0.75rem !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.icms-faq-card:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.05) !important;
    transform: translateY(-2px);
}

/* Цвет текста при наведении */
.sp_top:hover .sp_span {
    color: #c98528 !important;
    transition: color 0.2s ease;
}

/* --- КРУГЛАЯ АНИМИРОВАННАЯ ИКОНКА --- */
.collapse_indicator .icms-faq-icon {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f1f3f5;
    transition: background 0.3s ease;
}
.sp_top:hover .collapse_indicator .icms-faq-icon {
    background: #e9ecef;
}

/* Линии крестика */
.collapse_indicator .icms-faq-icon::before,
.collapse_indicator .icms-faq-icon::after {
    content: '';
    position: absolute;
    background-color: #6c757d;
    transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease;
    border-radius: 2px;
}
/* Горизонтальная */
.collapse_indicator .icms-faq-icon::before {
    top: 15px; left: 9px; width: 14px; height: 2px;
}
/* Вертикальная */
.collapse_indicator .icms-faq-icon::after {
    top: 9px; left: 15px; width: 2px; height: 14px;
}

/* --- МАГИЯ АНИМАЦИИ --- 
   Когда панель открыта, Бутстрап убирает класс .collapsed.
   Мы используем это, чтобы крутить иконку без JS! 
*/
.sp_top:not(.collapsed) .collapse_indicator .icms-faq-icon {
    background: #c98528; /* Золотистый цвет при открытии */
}
.sp_top:not(.collapsed) .collapse_indicator .icms-faq-icon::before,
.sp_top:not(.collapsed) .collapse_indicator .icms-faq-icon::after {
    background-color: #fff;
}
/* Крутим и прячем вертикальную палку = получается минус */
.sp_top:not(.collapsed) .collapse_indicator .icms-faq-icon::before {
    transform: rotate(180deg);
}
.sp_top:not(.collapsed) .collapse_indicator .icms-faq-icon::after {
    transform: rotate(90deg);
    opacity: 0; 
}


/* Фикс "дыры" от визуального редактора снизу */
.sp_text > p:last-child,
.sp_text > div:last-child {
    margin-bottom: 0;
}

/* Для админки */
.open_redactor {
    display: block !important;
}