/*
 * Оновлена версія стилів для FAQ
 * - Виправлено ширину блоків із питаннями
 * - Адаптовано кольори для темної теми
 */

.schema-faq-section {
    /* STYLE: Змінено колір рамки на темніший */
    border: 1px solid #444;
    border-radius: 4px;
    margin-bottom: 15px !important;
    /* FIX: Запобігаємо "злипанню" рамок */
    overflow: hidden;
}

.schema-faq-question {
    /* FIX: Додано для повної ширини. Це головне виправлення. */
    display: block;
    width: 100%;
    
    /* STYLE: Змінено фон на темний */
    background-color: #282828;
    
    padding: 15px 20px;
    margin: 0 !important;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    /* Забезпечуємо, що текст буде світлим, якщо тема не перевизначає */
    color: #eee; 
}

.schema-faq-question::after {
    content: '+';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: bold;
    /* STYLE: Змінено колір іконки '+' на світлий */
    color: #ccc;
}

.schema-faq-answer {
    padding: 0 20px;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    /* Забезпечуємо, що текст відповіді буде світлим */
    color: #ccc;
    background-color: #1e1e1e; /* Фон для відповіді, трохи темніший за фон сайту */
}

/* --- СТИЛІ ДЛЯ АКТИВНОГО СТАНУ --- */

.schema-faq-section.active .schema-faq-question {
    /* STYLE: Фон для активного питання, трохи світліший */
    background-color: #333;
}

.schema-faq-section.active .schema-faq-question::after {
    content: '−';
}

.schema-faq-section.active .schema-faq-answer {
    padding: 20px 20px;
    margin-top: 0;
    max-height: 1000px;
    transition: max-height 0.4s ease-in, padding 0.4s ease-in;
}