.topicguides-panel,
.topicguides-add {
    margin: 0 0 18px;
    background-color: var(--bg-main-card, rgba(18, 37, 58, .8));
    color: var(--text-main, #fff);
    outline: var(--border-main-card, rgba(212, 167, 41, .4)) 1px solid;
}

body#topicguides .news-rate {
    display: none !important;
}

body#topicguides #toggle-right-sidebar,
body#topicguides #right-sidebar-panel,
body#topicguides .mobile-nav-item[data-bs-target="#mobileBlocksModal"] {
    display: none !important;
}

.topicguides-panel.is-inactive {
    opacity: .72;
}

.topicguides-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    font-weight: 700;
}

.topicguides-title {
    color: var(--color-peach, #171717);
}

.topicguides-body {
    padding: 16px;
    color: var(--text-main, #fff);
    line-height: 1.9;
    text-align: right;
}

.topicguides-body a {
    color: var(--color-link, #d4a729);
}

.topicguides-body p:first-child {
    margin-top: 0;
}

.topicguides-body p:last-child {
    margin-bottom: 0;
}

.topicguides-edit-link {
    white-space: nowrap;
}

.topicguides-add {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.topicguides-edit-page {
    direction: rtl;
}

.topicguides-edit-page .custom-topic-breadcrumb {
    margin-bottom: 18px;
}

.topicguides-edit-page .quick-reply-container {
    margin-bottom: 28px;
}

.topicguides-edit-page .card-body {
    background-color: var(--bg-form-body, transparent);
    color: var(--text-main, #fff);
}

.topicguides-edit-page .xoopsForm,
.topicguides-edit-page form[name="topicguides_form"] > table {
    width: 100%;
    margin: 0;
}

.topicguides-edit-page form[name="topicguides_form"] > table {
    border-collapse: separate;
    border-spacing: 0 12px;
}

.topicguides-edit-page form[name="topicguides_form"] > table > tbody > tr > td:first-child,
.topicguides-edit-page form[name="topicguides_form"] > table > tbody > tr > th:first-child {
    color: var(--text-main, #fff);
    text-align: right;
    white-space: nowrap;
}

.topicguides-edit-page input[name="guide_title"],
.topicguides-edit-page textarea[name="guide_text"] {
    width: 100%;
    max-width: 100%;
    background-color: var(--bg-form-input, #fff);
    border: 2px solid var(--border-form-input, rgba(212, 167, 41, .45));
    color: var(--text-form-input, #111);
    border-radius: 0;
    padding: 10px;
}

.topicguides-edit-page textarea[name="guide_text"] {
    min-height: 300px;
}

.topicguides-edit-page .formButton,
.topicguides-edit-page input[type="submit"],
.topicguides-edit-page .button-peach,
.topicguides-edit-page .button-dark {
    margin: 4px;
}

.topicguides-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin-top: 14px;
}

@media (max-width: 768px) {
    .topicguides-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .topicguides-edit-link {
        width: 100%;
        text-align: center;
    }
}