/* Отступ снизу у формы фильтрации для отделения от следующего контента */
#theme-filter-form {
    margin-bottom: 20px;
    justify-content: center;     /* выравниваем по горизонтали по центру */
}

/* Общие стили для выпадающих списков и кнопки в форме:
   отступы, размер шрифта, рамка и скругление углов */
#theme-filter-form select,
#theme-filter-form button {
    padding: 8px 12px;
    margin-right: 10px;
    font-size: 14px;
    border: 1px solid #7D499A;
    border-radius: 4px;
}

/* Дополнительные стили для кнопки: цвет фона, цвет текста,
   убираем рамку, меняем курсор на указатель, плавный переход при наведении */
#theme-filter-form button {
    text-decoration: none;
    background-color: #B891CD;
    opacity: 1;
    border-width: 3px;
    border-color: #7D499A;
    border-style: solid;
    border-top-right-radius: 9px;
    border-bottom-left-radius: 8px;
    margin-bottom: 15px; /* Отступ снизу */
    display: inline-block; /* Чтобы ссылка имела блочное поведение */
    margin-right: 20px;
}

/* Изменение цвета кнопки при наведении мыши */
#theme-filter-form button:hover {
    background-color: #67278a; /* Цвет фона при наведении */
    color: #ffffff; /* Цвет текста при наведении */
    transition: background-color 0.3s ease, color 0.3s ease; /* Плавный переход */
}

/* Отступ сверху у блока с результатами фильтрации */
#theme-results {
    margin-top: 20px;
}

/* Стили для каждого элемента темы:
   отступ снизу, внутренние отступы, рамка, скругление и светлый фон */
.theme-item {
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fafafa;
}

/* Заголовок темы: убираем верхний отступ, задаём нижний и размер шрифта */
.theme-item h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 18px;
}

/* Ссылка в заголовке: цвет и отсутствие подчеркивания */
.theme-item h3 a {
    color: #7D499A;
    text-decoration: none;
}

/* Подчеркивание ссылки при наведении */
.theme-item h3 a:hover {
    text-decoration: underline;
}

/* Контент темы: отступ снизу, размер и цвет текста */
.theme-content {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

/* Список прикрепленных файлов: маркеры, отступ слева и сверху */
.theme-files {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

/* Отступ между элементами списка */
.theme-files li {
    margin-bottom: 5px;
}

/* Ссылки в списке файлов: цвет и отсутствие подчеркивания */
.theme-files li a {
    color: #333;
    text-decoration: none;
}

/* Подчеркивание ссылок при наведении */
.theme-files li a:hover {
    text-decoration: underline;
}

/* Текст-заполнитель: серый цвет и курсив */
.placeholder-text {
    color: #666;
    font-style: italic;
}