/* =================================================================
   СТИЛИ ДЛЯ BBPRESS - АДАПТАЦИЯ ПОД САЙТ BK-SPISOK.RU
   ================================================================= */

   /* 1. Настройка основных цветов и стилей через переменные */
   #bbpress-forums {
    --bb-bg-page: #26223a;          /* Фон страницы (как на сайте) */
    --bb-bg-block: #ffffff;         /* Фон контентных блоков */
    --bb-text-primary: #000000;      /* Основной текст */
    --bb-text-secondary: #555555;    /* Вторичный текст (мета-данные) */
    --bb-link-color: #007bff;        /* Цвет ссылок */
    --bb-accent-color: #ffd882;      /* Акцентный цвет (кнопки) */
    --bb-accent-hover: #f0c86e;      /* Акцентный цвет при наведении (чуть темнее) */
    --bb-border-color: #e5e5e5;      /* Цвет рамок */
    --bb-font-family: 'Montserrat', sans-serif;
    --bb-border-radius: 5px;
    --bb-transition: all 0.25s ease;
}

/* 2. Общий контейнер форума (он будет прозрачным, чтобы фон страницы был виден) */
#bbpress-forums {
    font-family: var(--bb-font-family);
    font-size: 16px;
    background-color: transparent; /* Вписываемся в фон темы #26223a */
    margin-bottom: 70px;
}
#bbpress-forums ul.bbp-forums {
    background-color: #fff!important; /* Вписываемся в фон темы #26223a */
    border-radius: 5px;
}
/* 3. Ссылки и заголовки */
#bbpress-forums a {
    color: var(--bb-link-color);
    text-decoration: none;
    transition: var(--bb-transition);
}

#bbpress-forums a:hover {
    text-decoration: underline;
}

.bbp-forum-info .bbp-forum-title,
.bbp-topic-title .bbp-topic-permalink {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111;
}

/* 4. Списки форумов и тем (белые блоки как на сайте) */
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics {
    border: none;
}

#bbpress-forums li.bbp-header {
    background: #f7f8fa; /* Слегка сероватый заголовок таблицы */
    border: 1px solid var(--bb-border-color);
    border-radius: var(--bb-border-radius) var(--bb-border-radius) 0 0;
    font-weight: 600;
    color: var(--bb-text-secondary);
    padding-left: 15px;
}

#bbpress-forums li.bbp-forum,
#bbpress-forums li.bbp-topic {
    background-color: var(--bb-bg-block);
    border: 1px solid var(--bb-border-color);
    border-top: none; /* Убираем двойные рамки */
    padding: 15px;
}

#bbpress-forums li.bbp-footer {
    background: #f7f8fa;
    border: 1px solid var(--bb-border-color);
    border-top: none;
    border-radius: 0 0 var(--bb-border-radius) var(--bb-border-radius);
}

/* 5. Вид внутри темы (ответы) */
#bbpress-forums .bbp-reply-header {
    background-color: #f7f8fa !important;
    border: 1px solid var(--bb-border-color);
    border-bottom: none;
    color: var(--bb-text-secondary);
}

#bbpress-forums div.bbp-reply-author .bbp-author-name {
    font-size: 1.1rem;
    color: #000;
    font-weight: 600;
}

#bbpress-forums .bbp-reply-content {
    color: var(--bb-text-primary);
    line-height: 1.7;
}

#bbpress-forums div.bbp-reply-post {
    background-color: var(--bb-bg-block);
    border: 1px solid var(--bb-border-color);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: var(--bb-border-radius);
}

/* 6. Формы (новый топик, ответ) */
#bbpress-forums .bbp-form {
    background-color: var(--bb-bg-block);
    padding: 2rem;
    border-radius: var(--bb-border-radius);
    border: 1px solid var(--bb-border-color);
}

#bbpress-forums input[type="text"],
#bbpress-forums textarea {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    color: var(--bb-text-primary);
    padding: 12px;
    border-radius: var(--bb-border-radius);
    transition: var(--bb-transition);
}

#bbpress-forums input[type="text"]:focus,
#bbpress-forums textarea:focus {
    border-color: var(--bb-link-color);
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
    outline: none;
}

/* 7. Кнопки (самый важный элемент стиля) */
.bbp-submit-wrapper button {
    background-color: var(--bb-accent-color) !important;
    color: #000 !important; /* Черный текст на желтом фоне для контраста */
    border: none !important;
    padding: 12px 25px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border-radius: var(--bb-border-radius) !important;
    cursor: pointer;
    transition: var(--bb-transition) !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.bbp-submit-wrapper button:hover {
    background-color: var(--bb-accent-hover) !important;
    color: #000 !important;
}

/* 8. Аватарки и уведомления */
#bbpress-forums .bbp-avatar img {
    border-radius: 50%; /* Круглые аватарки всегда смотрятся лучше */
}

#bbpress-forums div.bbp-template-notice {
    background-color: #fff;
    border: 1px solid var(--bb-border-color);
    padding: 15px;
    border-radius: var(--bb-border-radius);
    color: var(--bb-text-primary);
}
#bbpress-forums .bbp-forums-list .bbp-forum {
    display: block;
    font-size: 16px;
    border: none;
    padding: 0 5px 12px 0;
}
#bbpress-forums ul, #bbpress-forums.bbpress-wrapper ul {
    background: 0 0;
    list-style: none;
    margin: 0;
    border: none;
    padding: 0;
}
#bbpress-forums div.bbp-search-form{
    margin-bottom: 20px;
}
.bbp-search-form #bbp_search_submit{
 background-color: #74a9dd !important;
 color: #fff !important;
 border: none !important;
 padding: 12px 25px !important;
 font-size: 1rem !important;
 font-weight: 600 !important;
 border-radius: var(--bb-border-radius) !important;
 cursor: pointer;
 transition: var(--bb-transition) !important;
 text-transform: none !important;
 box-shadow: none !important;
 margin-left: 12px;   
}
#bbpress-forums .bbp-forums-list .bbp-forum a{
    color: #3f3b52;
}
li.bbp-forum-reply-count, li.bbp-forum-topic-count, li.bbp-topic-reply-count, li.bbp-topic-voice-count{
    color: #000;
}

li.bbp-forum-freshness, li.bbp-topic-freshness{
  color: #000;  
}
.ur-frontend-form .ur-form-row .ur-form-grid legend, .ur-frontend-form .ur-form-row .ur-form-grid label{
    color: #000;
}
.ur-frontend-form.login .ur-input-with-icon .input-icon {
    position: absolute;
    left: 10px;
    top: 24%!important;
}
.ur-frontend-form.login #user_login {
    padding-left: 30px;
}
.user-registration.ur-frontend-form{
    margin: 30px 0;
}
h2.form-legend{
    color: #000;
    line-height: 1.5em;
}
#bbpress-forums fieldset.bbp-form label{
    color: #000;
}
#bbpress-forums .bbp-forum-info{
    margin-top: 8px;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic{
    display: flex;
    vertical-align: middle;
    align-items: center;
    padding-left: 15px;
}
div.bbp-template-notice li, div.bbp-template-notice p{
    font-size: 14px;
}
#bbpress-forums div.bbp-search-form{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #3f3b52;
    padding: 15px;
    border-radius: 5px;
}
.complaint-form__title{
    width: 100%;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;   
}
.form-center{
    margin-top: 15px;
}
.blogpost_add{
    margin-top: 25px;
}
.form-bottom{
    margin-top: 25px;
    text-align: right;
}
.blogpost-button{
    background-color: #ffd882;
    color: #000;
    border: navajowhite;
    border-radius: 5px;
    padding: 10px 27px 10px 27px;
    transition: all .25s ease;
    font-weight: 600;
}
#bbpress-forums #bbp-search-form{
    width: 100%;
}
#bbpress-forums #bbp-search-form>div{
    width: 100%;
    display: flex;
}

#bbpress-forums #bbp-search-form #bbp_search{
    flex-grow: 1;
}
/* --- СТИЛИ ДЛЯ БЛОКА ССЫЛКИ НА ПРОФИЛЬ (В СТИЛЕ BK-SPISOK.RU) --- */

.public-profile-share {
    /* Создаем белый блок, как и основной контент на вашем сайте */
    background-color: #ffffff; 
    border: 1px solid #e5e5e5;
    border-radius: 5px; /* Ваш стандартный радиус скругления */
    padding: 25px 30px;
    margin-bottom: 30px;
    font-family: 'Montserrat', sans-serif; /* Ваш основной шрифт */
}

.public-profile-share h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1.25rem;
    font-weight: 600;
    color: #000000; /* Ваш основной цвет текста */
}

.public-profile-share p {
    margin-top: 0;
    margin-bottom: 20px;
    color: #555555; /* Слегка приглушенный текст для описания */
    font-size: 1rem;
    line-height: 1.6;
}

.public-profile-share input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f7f8fa; /* Слегка сероватый фон для поля ввода */
    color: #333;
    font-size: 1rem;
    cursor: pointer;
    box-sizing: border-box; /* Важно для правильной ширины */
    transition: all .25s ease; /* Ваша стандартная анимация */
}

.public-profile-share input[type="text"]:focus,
.public-profile-share input[type="text"]:hover {
    border-color: #ffd882; /* Ваш акцентный желтый цвет при наведении/фокусе */
    background-color: #fff;
    box-shadow: 0 0 5px rgba(255, 216, 130, 0.5); /* Легкая тень в цвет акцента */
    outline: none;
}

.public-profile-share small {
    display: inline-block;
    margin-top: 10px;
    color: #777;
    font-style: italic;
    font-size: 0.9rem;
}

.profile-avatar img{
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
}
.profile-page{
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0px 6px 26px 0px rgba(10, 10, 10, 0.08);
    color: #000;
    padding: 24px 36px 52px 36px;
    margin: 30px 0;
}
.profile-page .profile-header{
    text-align: center;
}

@media only screen and (max-width: 730px) {

    li.bbp-forum-freshness, li.bbp-topic-freshness{
      display: none;
      width: 0%;  
  }
  li.bbp-forum-info, li.bbp-topic-title{
    width: 75%;
}
}


@media only screen and (max-width: 480px) {
    li.bbp-forum-info, li.bbp-topic-title {
        padding-top: 0;
        width: 100%;
    }
    li.bbp-forum-reply-count, li.bbp-forum-topic-count, li.bbp-topic-reply-count, li.bbp-topic-voice-count {
        width: 0%;
        display: none;
    }
    li.bbp-forum-freshness, li.bbp-topic-freshness{
        display: none;
        width: 0%;
    }
    #bbpress-forums .bbp-forums-list .bbp-forum {
        display: block;
        font-size: 15px;
        border: none;
        padding: 5px 0px 5px 0;
    }
    #bbpress-forums #bbp-search-form>div{
        flex-direction: column;
    }
    .bbp-search-form #bbp_search_submit{
        margin-left: 0;
        margin-top: 15px;
    }

    .bbp-forum-info a.bbp-forum-title{
        padding: 15px 0px 0px 0;
        line-height: 1.5em;
        display: block;
        width: 100%;   
    }

}