/* General Style */
body, td {
 font-family: Tahoma, Arial, sans-serif;
 font-size: 32px; /* нормальный базовый размер */
 color: #A67961; /* коричневый дефолтный текст */
 background-color: #211a20; /* твой общий фон */
}

input,textarea,select {vertical-align:middle; font-size:24pt; font-family:verdana,arial,helvetica;}

body {
 background: #211a20;
 color: #fff; /* если фон тёмный */
}
.udtb, .udtlb, .user-activity-list, .user-pm, .social-accounts {
 font-size: 36px;
}

a:link,
a:visited {
 text-decoration: none;
 color: #FFDB83; /* золотой как в теме */
}
a:hover,
a:active {
 text-decoration: underline;
 color: #fff; /* подсветка при наведении */
}
form{padding:0px; margin:0px; }
/* ------------- */

/* Site main menu */
ul.uMenuRoot{margin:10px; padding:0; text-align:center; }
ul.uMenuRoot > li{display:inline-block; padding:2px 4px; }

/* Entries Style */
.eTitle{font-weight:bold; }
/* --------------- */

/* Comments Style */ 
.cAnswer{font-style:italic; }

/* -------------- */

/* Calendar Style */
.calWday, .calWdaySe, .calWdaySu{border:1px solid #A9B8C2; background:#D5DBEC; width:17px; }
.calMday, .calMdayA, .calMdayIs, .calMdayIsA{background:#E4E8F3; }
.calWdaySe, .calWdaySu, .calMdayA, .calMdayIsA{font-weight:bold; }
/* -------------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:b764a8 !important;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:yellow !important;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:#99CCFF;}
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {color:#615852;}
a.groupOther4:link,a.groupOther4:visited,a.groupOther4:hover {color:#00D315;}
a.groupOther3:link,a.groupOther3:visited,a.groupOther3:hover {color:#FFACA7;}
a.groupOther1:link,a.groupOther1:visited,a.groupOther1:hover {color:#ababab;}
a.groupBanned:link,a.groupBanned:visited,a.groupBanned:hover {color:#615852;}
a.groupOther5:link,a.groupOther5:visited,a.groupOther5:hover {color:#615852;}
a.groupOther7:link,a.groupOther7:visited,a.groupOther7:hover {color:#FF0000;}
a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {display: none;}
a.groupOther8:link,a.groupOther8:visited,a.groupOther8:hover {color:#DDDDDD;}
a.groupOther9:link,a.groupOther9:visited,a.groupOther9:hover {color:#FFA500;}
/* ---------------- */

/* General forum Table View */
.gTable{background:#A9B8C2}
.gTableTop{background:#E4E8F3; }
.gTableSubTop, .gTableBody, .gTableBottom, .gTableLeft, .gTableRight, .postPoll, .threadsDetails{background:#F4F4F4; }
.gTableBody1, .gTable td{background:#fff; }
.gTableError{background:#F4F4F4; color:#f00; }

.gTable,
.gTable td {
 background-color: #191418 !important;
}
/* ------------------------ */

/* ============================================================
 forum Posts View — оформление постов и страниц тем
 ============================================================ */

/* Общий контейнер поста */
.postTable {
 background: #111111; /* тёмный фон */
 border-radius: 10px;
 margin-bottom: 15px;
 overflow: hidden;
}

/* Первая запись и остальные */
.postFirst,
.postRest1,
.postRest2 {
 background: #111111; /* единый фон */
 color: #f0f0f0; /* читаемый текст */
 font-size: 32px; /* стандартный размер */
 line-height: 1.4em;
}

/* Разделитель между постами */
.postSeparator {
 height: 2px;
 background: #444;
}

/* Шапка поста (имя, дата, номер, ссылки) */
.postTdTop {
 background: #3B2A23;
 border-bottom: 1px solid #666;
 font-size: 32px;
 color: #ffd27f; /* акцентный цвет */
 padding: 8px;
}

/* Низ поста (IP, статус, управление) */
.postBottom {
 background: #3a3a3a;
 border-top: 1px solid #666;
 font-size: 20px;
 padding: 6px;
}

/* Само сообщение */
.posttdMessage {
 background: #111111 !important; /* чёрный фон */
 color: #A67961 !important; /* коричневый текст */
 padding: 12px !important;
}

.signatureView {font-size:8pt; color: #777777; font-style: italic}
.edited {padding-top:30px;font-size:8pt;text-align:right;color:#C44500;}
.editedBy {font-weight:bold;font-size:8pt;}

/* Ограничение для картинок в сообщении */
.posttdMessage img {
 max-width: 100%;
 height: auto;
 border-radius: 4px;
}

/* Цитаты и кодовые блоки */
.codeMessage,
.quoteMessage {
 background: #252525;
 border-left: 4px solid #ffd27f;
 padding: 8px;
 font-size: 20px;
 margin: 8px 0;
 color: #ddd;
 border-radius: 6px;
}

/* Фон для правой колонки с сообщением */
td.posttdMessage {
 background: #111111 !important;
 font-size: 32px !important; /* перезапишет inline */
 color: #A67961 !important; /* коричневый текст */
 padding: 12px !important;
}

/* На всякий случай — внутренний контейнер сообщений */
td.posttdMessage .ucoz-forum-post {
 background: #111111 !important;
 color: #A67961 !important;
 display: block; /* чтобы фон точно применился */
 padding: 10px;
 border-radius: 4px;
 font-size: 36px !important; 
}

td.postTdTop {
 background: #3B2B23 !important;
 color: #DDDDDD !important; /* светло-серый текст */
 font-size: 32px !important;
 padding: 6px 10px;
}

td.postTdTop a {
 color: inherit; /* если у них свои стили — остаются */
}

/* ============================================================
 forum Navigation — хлебные крошки и заголовок темы
 ============================================================ */

/* Хлебные крошки (все ссылки) */
.forumNamesBar {
 background: #111111 !important;
 padding: 6px 10px;
 font-size: 20px;
}

/* Ссылки внутри цепочки */
.forumNamesBar a.forumBar {
 color: #ffd27f !important; /* золотые */
}

/* Активная страница (последняя в цепочке) */
.forumNamesBar a.forumBarA {
 color: #e0e0e0 !important; /* светло-серая */
 font-weight: bold;
}

/* Фон для правой части строки (поиск в теме) */
.ThrForumBarCl12 {
 background: #111111 !important;
 padding: 6px 10px;
}

/* Заголовок темы */
.gTableTop {
 background: #111111 !important;
 padding: 10px;
 border-bottom: 2px solid #333;
}

.gTableTop .forum-title {
 color: #e0e0e0 !important; /* светло-серый */
 font-size: 32px;
 font-weight: bold;
}

.statusBlock {padding-top:0px;}
.statusOnline {color:#FFFF00;}
.statusOffline {color:#FFFFFF;}

/* === Моб. форум: стиль заголовка раздела (только верхний <td class="gTableTop"> в блоке секции) === */
.block-content .gTable.forum-section-table > tbody > tr > td.gTableTop {
 background: #3B2B23 !important; /* коричневый фон (усреднённый) */
 color: #e0e0e0 !important; /* светло-серый текст заголовка */
 font-weight: 700;
 font-size: 32px;
 padding: 10px 12px;
 border-bottom: 2px solid #2a1f1a;
 text-align: left;
}

/* Хлебные крошки — активная страница */
.block-content .forumNamesBar a.forumBarA,
.block-content .forumNamesBar a.breadcrumb-curr {
 color: #e0e0e0 !important;
 font-weight: 700;
}

/* Названия подразделов — только в блоке форума (не трогаем глобальные ссылки) */
.block-content .forumBlock > a.forum {
 color: #e0e0e0 !important;
 font-weight: 700;
 font-size: 20px;
 text-decoration: none;
}

/* Ссылки последних сообщений внутри блока подраздела — делают их светло-серыми */
.block-content .forumBlock .forumLastUpdate a,
.block-content .forumBlock .forumLastUpdateThread {
 color: #e0e0e0 !important;
}

/* Немного ограничиваем побочные эффекты: остальной вспомогательный текст остаётся коричневым */
.block-content .forumBlock .forumDescr,
.block-content .forumBlock .forumStat,
.block-content .forumBlock .lastPostUser,
.block-content .forumBlock .forumLastUpdateDate {
 color: #A67961 !important;
}

/* Вертикальное центрирование заголовка подраздела относительно иконки */
.forumBlock .forumIcon,
.forumBlock > a.forum {
 display: inline-block; /* размещаем в одной строке */
 vertical-align: middle; /* выравнивание по центру по высоте иконки */
}

/* Убедимся, что картинка также участвует в вертикальном выравнивании */
.forumBlock .forumIcon img {
 display: inline-block;
 vertical-align: middle;
 max-height: 48px; /* опционально: ограничит высоту иконки (подогнать по реальным размерам) */
 height: auto;
}

/* Небольшой отступ между иконкой и заголовком */
.forumBlock > a.forum {
 margin-left: 8px;
 margin-right: 6px;
}

/* На случай, если где-то ссылке задан display:block/float — принудительно вернуть строковый поток */
.forumBlock > a.forum { white-space: nowrap; }

/* Описание и остальной контент остаются на следующей строке */
.forumBlock .forumDescr,
.forumBlock .forumStat,
.forumBlock .forumLastUpdate {
 display: block;
}

/* Заголовок раздела (чтобы не уезжал вниз) */
td.gTableTop {
 background: #3B2B23 !important;
 color: #e0e0e0 !important;
 font-weight: bold;
 font-size: 30px;
 padding: 12px 14px;
 border-bottom: 2px solid #2a1f1a;
 text-align: left;
 vertical-align: middle; /* фиксирует выравнивание по центру */
}

/* Сам текст заголовка */
td.gTableTop .forum-title {
 color: #e0e0e0 !important;
 font-size: 30px;
 font-weight: 700;
}



/* ------------------ */

/* PDA Version Custom*/

/* ============================= */
/* ========= Ссылки ============ */
/* ============================= */

a {
 color: #FFDB83;
 text-decoration: none;
}
a:hover {
 color: #fff;
}

/* ============================= */
/* ========= Тело сайта ========= */
/* ============================= */

html, body {
 -webkit-text-size-adjust: none;
 -moz-text-size-adjust: none;
 -ms-text-size-adjust: none;
 text-size-adjust: none;
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color: #111;
 color: #A67961;
}

/* ===== Блоки контента ===== */
.block {
 margin: 12px;
 border: 1px solid #3a2218;
 background-color: #191418;
 border-radius: 4px;
 overflow: hidden;
}
.block-title {
 background-color: #291711;
 color: #FFDB83;
 padding: 8px;
 font-weight: bold;
 font-size: 32px; /* увеличенный размер */
 text-align: center;
}
.block-content {
 padding: 10px;
 color: #A67961;
 font-size: 32px !important;
 line-height: 1.6 !important;
}
.block:last-of-type {
 text-align: center;
}

/* ===== Футер ===== */
.copyright {
 text-align: center;
 font-size: 12px;
 color: #A67961;
 margin: 20px 0;
}
.block a,
.copyright a {
 color: #FFDB83;
 font-size: 32px;
}
.block a:hover,
.copyright a:hover {
 color: #fff;
}

/* ===== Посетители сайта ===== */

.visitors-block {
 margin: 12px;
 padding: 10px;
 background-color: #191418; /* фон как у комментариев */
 border: 1px solid #3a2218;
 border-radius: 6px;
 color: #E1D9C5;
 font-size: 32px;
}

.visitors-title {
 font-weight: bold;
 font-size: 30px;
 margin-bottom: 10px;
 color: #FFDB83; /* золотой, как ссылки */
 text-align: center;
}

.visitors-content {
 text-align: center;
 line-height: 1.6;
 color: #A67961 !important; /* твой коричневый цвет */ 
}

.visitors-content hr {
 border: none;
 border-top: 1px solid #3a2218;
 margin: 8px 0;
}

.visitors-list {
 margin-top: 6px;
 font-size: 32px;
 color: #A67961; /* коричневатый цвет текста */
}

.visitors-list a {
 color: #FFDB83;
 text-decoration: none;
}

.visitors-list a:hover {
 text-decoration: underline;
 color: #fff;
}

/* ============================= */
/* =========== Шапка =========== */
/* ============================= */

.pda-header {
 background-color: #191418;
 padding: 10px;
 text-align: center;
}
.pda-top {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 10px;
}
.pda-date,
.pda-user {
 font-size: 32px;
 color: #A67961;
}
.pda-user {
 text-align: right;
 flex: 1;
 min-width: 200px;
}
.pda-links {
 margin: 8px 0;
}
.pda-links a {
 font-size: 30px;
 margin: 0 8px;
}
.pda-links a:hover {
 color: #fff;
}

/* ссылки пользователя */
.pda-header .pda-user a {
 color: #FFDB83;
 font-weight: bold;
 text-decoration: none;
}
.pda-header .pda-user a:hover {
 color: #fff;
}
/* запасной вариант */
.pda-header a {
 color: #FFDB83;
 text-decoration: none;
}

/* ============================= */
/* ============ Меню =========== */
/* ============================= */

.pda-menu {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 list-style: none;
 margin: 0;
 padding: 0;
}
.pda-menu li {
 width: 100%;
}
.pda-menu a {
 display: block;
 padding: 14px 32px;
 font-size: 42px;
 font-weight: bold;
 color: #FFDB83;
 background-color: #1e120c;
 border-bottom: 1px solid #3a2218;
}
.pda-menu a:hover {
 background-color: #3a2218;
 color: #fff;
}
.pda-menu li:last-child a {
 border-bottom: none;
}

/* ============================= */
/* ==== Системные классы uCoz === */
/* ============================= */

.eTitle {
 font-size: 32px !important;
 line-height: 1.6 !important;
 color: #A67961 !important;
}

.eMessage,
.block-content {
 font-size: 32px !important;
 line-height: 1.6 !important;
 font-family: Arial, Tahoma, sans-serif !important;
 color: #A67961 !important;
}

.ucoz-forum-post {
 font-size: 36px !important;
}

.eMessage *,
.block-content * {
 font-size: inherit !important;
 font-family: inherit !important;
 line-height: inherit !important;
 
}

/* восстановим ссылки, чтобы они остались жёлтыми */
.eMessage a,
.block-content a {
 color: #FFDB83 !important;
 text-decoration: none !important;
}
.eMessage a:hover,
.block-content a:hover {
 color: #fff !important;
 text-decoration: underline !important;
}

/* ============================= */
/* ==== Новости (упрощённо) ==== */
/* ============================= */

.eTitle {
 font-size: 32px !important;
 line-height: 1.6 !important;
 color: #A67961 !important;
}

/* ========================= */
/* Панель под новостью */
/* ========================= */
.news-details {
 display: flex !important;
 flex-wrap: wrap !important;
 align-items: center !important;
 gap: 8px !important;
 margin: 10px 0 !important;
}

.news-meta {
 display: flex !important;
 flex-wrap: wrap !important;
 align-items: center !important;
 gap: 6px !important;
}

.news-meta .news-detail {
 font-size: 32px !important; /* ← всегда крупный */
 color: #A67961 !important;
}

/* селектор "Оценить" */
.news-details .news-detail select[name="rating"],
.news-detail select[name="rating"],
.eRating-wrap select {
 font-size: 18px !important;
 padding: 4px 8px !important;
 margin-left: auto !important;
 background: #fff !important;
 border: 1px solid #ccc !important;
 border-radius: 0 !important;
 color: #000 !important;
 width: auto !important;
}

/* ========================= */
/* Сортировка комментариев */
/* ========================= */
.com-order-wrap {
 display: flex !important;
 align-items: center !important;
 flex-wrap: wrap !important;
 gap: 8px !important;
 margin: 10px 0 !important;
}

.com-order-title {
 font-size: 32px !important; /* ← всегда крупная */
 color: #A67961 !important;
 white-space: nowrap !important;
}

.com-order-select {
 font-size: 18px !important; /* селектор — мелкий */
 padding: 4px 8px !important;
 background: #fff !important;
 border: 1px solid #ccc !important;
 border-radius: 0 !important;
 color: #000 !important;
 width: auto !important;
 display: inline-block !important;
}

/* ========================= */
/* Всего комментариев */
/* ========================= */
.total-comments {
 font-size: 32px !important;
 color: #E1D9C5 !important;
}

/* ============================= */
/* == Комментарии (жёстко) ===== */
/* ============================= */

/* Общий контейнер */
.comment-block,
.cBlock1,
.cBlock2 {
 background-color: #211a20 !important;
 border-radius: 8px !important;
 padding: 12px !important;
 margin: 12px 0 !important;
 border: none !important;
}

/* Верхняя строка (имя, дата, номер) */
.comment-top,
.cBlock1 .cTop,
.cBlock2 .cTop {
 display: flex !important;
 align-items: center !important;
 gap: 6px !important;
}

/* Автор */
.comment-author,
.cBlock1 .cTop a[itemprop="name"],
.cBlock2 .cTop a[itemprop="name"] {
 font-size: 18px !important;
 color: #FFDB83 !important;
 text-decoration: none !important;
}

.comment-author:hover,
.cBlock1 .cTop a[itemprop="name"]:hover,
.cBlock2 .cTop a[itemprop="name"]:hover {
 text-decoration: underline !important;
}

/* Дата */
.comment-date,
.cBlock1 .cTop span[itemprop="datePublished"],
.cBlock2 .cTop span[itemprop="datePublished"] {
 font-size: 32px !important;
 color: #A67961 !important;
 margin-left: 6px !important;
}

/* Номер комментария */
.cBlock1 .cTop a:first-of-type,
.cBlock2 .cTop a:first-of-type {
 font-size: 18px !important;
 color: #FFDB83 !important;
 margin-right: 6px !important;
}

/* Рейтинг */
.comment-rating,
.cBlock1 .comment-rating,
.cBlock2 .comment-rating {
 display: flex !important;
 align-items: center !important;
 gap: 6px !important;
 margin-left: auto !important;
}

.comment-rating img,
.cBlock1 .comment-rating img,
.cBlock2 .comment-rating img {
 width: 18px !important;
 height: 18px !important;
 vertical-align: middle !important;
}

/* Контент комментария */
.cMessage {
 display: flex !important;
 align-items: flex-start !important;
 font-size: 32px !important;
 line-height: 1.6 !important;
 color: #A67961 !important;
 margin-top: 8px !important;
 gap: 10px !important;
}

/* Аватар */
.comment-avatar img,
.cBlock1 .cMessage .user_avatar img,
.cBlock2 .cMessage .user_avatar img {
 width: 48px !important;
 height: 48px !important;
 border-radius: 0 !important;
 margin-right: 10px !important;
 flex-shrink: 0 !important;
}

/* Текст комментария */
.comment-text {
 flex: 1 !important;
 overflow: hidden !important;
}

/* Ссылка "Ответить" */
.comment-action a {
 font-size: 32px !important;
 color: #FFDB83 !important;
 text-decoration: none !important;
}

.comment-action a:hover {
 text-decoration: underline !important;
}

/* Ссылки внутри текста комментария */
.comment-block a,
.cBlock1 a,
.cBlock2 a {
 color: #FFDB83 !important;
 font-size: 18px !important;
 text-decoration: none !important;
}

.comment-block a:hover,
.cBlock1 a:hover,
.cBlock2 a:hover {
 text-decoration: underline !important;
}

/* 🔹 Ссылки внутри комментариев */
.comment-block .cMessage a,
.cBlock1 .cMessage a,
.cBlock2 .cMessage a {
 color: #FFDB83 !important;
 font-size: 18px !important;
 text-decoration: none !important;
}

/* 🔹 Общий стиль для ссылок в пагинации */
.catPages1 a span,
.pagesBlock1 a span,
.pagesBlock2 a span,
.com-pager .pagesBlock1 a span,
.com-pager .pagesBlock2 a span {
 color: #FFDB83 !important;
 font-size: 32px !important;
 text-decoration: underline !important;
}

/* 🔹 Активная страница */
.catPages1 .swchItemA span,
.pagesBlock1 .swchItemA span,
.pagesBlock2 .swchItemA1 span,
.com-pager .pagesBlock1 b.swchItemA span,
.com-pager .pagesBlock2 b.swchItemA span {
 color: #A67961 !important;
 font-size: 32px !important;
 text-decoration: none !important;
 font-weight: bold !important;
}

/* ============================= */
/* ====== Форма добавления комментариев ====== */

.commTable input.commFl,
.commTable textarea.commFl,
.commTable select {
 font-size: 32px !important;
 padding: 6px 10px !important;
 width: 100% !important;
 box-sizing: border-box !important;
 color: #000 !important;
 background: #fff !important;
 border: 1px solid #ccc !important;
 border-radius: 0 !important;
}

.commTable .commTd1 {
 font-size: 32px !important;
 color: #A67961 !important;
 padding: 6px 10px !important;
 white-space: nowrap !important;
}

.commTable .commTd2 {
 font-size: 32px !important;
 color: #A67961 !important;
 padding: 6px 10px !important;
}

.commTable textarea {
 font-size: 32px !important;
 line-height: 1.6 !important;
 resize: vertical !important;
}

#addcBut,
.commTable input.commSbmFl {
 font-size: 32px !important;
 padding: 10px 20px !important;
 background-color: #291711 !important;
 color: #FFDB83 !important;
 border: 1px solid #3a2218 !important;
 cursor: pointer !important;
 border-radius: 0 !important;
}

#addcBut:hover,
.commTable input.commSbmFl:hover {
 background-color: #3a2218 !important;
 color: #fff !important;
}

/* ============================= */
/* ====== Доп. селекторы ====== */

/* селектор подписки */
.commTable select[name="subs"] {
 font-size: 18px !important;
 padding: 4px 8px !important;
 margin-left: 6px !important;
 width: auto !important;
 background: #fff !important;
 border: 1px solid #ccc !important;
 border-radius: 0 !important;
 color: #000 !important;
 display: inline-block !important;
}

/* пагинация центр */
.com-pager,
.catPages1,
.pagesBlock1,
.pagesBlock2,
.catPages1[align],
.com-pager {
 text-align: center !important;
}

.catPages1 a,
.pagesBlock1 a,
.pagesBlock2 a {
 color: #FFDB83 !important;
 font-size: 32px !important;
 text-decoration: underline !important;
}
.catPages1 b,
.pagesBlock1 b,
.pagesBlock2 b {
 color: #A67961 !important;
 font-size: 32px !important;
 text-decoration: none !important;
 font-weight: bold !important;
}

/* ===== Адаптация под мобайл ===== */
@media (max-width: 768px) {
 .com-order-wrap {
 flex-direction: column !important;
 align-items: flex-start !important;
 }
 .com-order-select {
 width: 100% !important;
 margin-top: 4px !important;
 }
 .news-details {
 flex-direction: column !important;
 align-items: flex-start !important;
 }
 .news-details .news-detail select[name="rating"] {
 margin-left: 0 !important;
 margin-top: 4px !important;
 width: 100% !important;
 }
 .commTable select[name="subs"] {
 margin-left: 0 !important;
 margin-top: 4px !important;
 width: 100% !important;
 }
 .com-pager select,
 .commTable select[name="subs"],
 .com-order-select {
 width: 100% !important;
 margin-left: 0 !important;
 margin-top: 4px !important;
 }
}

/* удерживаем узкие метки формы */
.commTable .commTd1 {
 width: 1% !important;
 white-space: nowrap !important;
 padding-right: 4px !important;
}

main {
 display: flex;
 justify-content: center; /* центрируем по горизонтали */
 flex-wrap: wrap; /* переносим на новую строку */
 gap: 20px; /* расстояние между картами */
}

.card {
 flex: 0 1 auto; /* карта занимает только свою ширину */
 text-align: center; /* содержимое по центру */
}

/* Контейнер */
/* Контейнер без фона */
.login-box {
 font-size: 32px;
 color: #A67961;
}

/* Таблица формы */
.login-box .login-table {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 10px;
}

/* Лейблы */
.login-box .login-form-label {
 white-space: nowrap;
 text-align: right;
 padding-right: 6px;
 width: 1%;
}

/* Поля */
.login-box .loginField {
 width: 100%;
 font-size: 32px !important;
 padding: 3px 5px !important;
 box-sizing: border-box;
}

/* Чекбокс */
.login-box input[type="checkbox"] {
 transform: scale(1.5);
 margin-right: 8px;
}

/* Кнопка как у комментариев (белая) */
.login-box .loginButton {
 font-size: 32px !important;
 padding: 5px 15px !important;
}

/* Ссылки */
.login-box .login-form-links {
 text-align: center;
 padding-top: 10px;
}

.login-box .login-form-links a {
 text-decoration: none;
}
.login-box .login-form-links a:hover {
 text-decoration: underline;
}

/* Сбрасываем фон и цвет текста в ajax-окнах */
.xw-body, 
.xw-body * {
 background: initial !important;
 color: initial !important;
 font: initial !important;
}

/* Разрешаем uCoz-овским кнопкам и формам работать как задумано */
.xw-body input,
.xw-body button,
.xw-body select,
.xw-body textarea {
 all: revert !important;
}

/* Перенос блоков в поп-апах */
.udtlb {
 display: inline-block;
 min-width: 35%;
 vertical-align: top;
 word-wrap: break-word;
}

.moder-panel {
 font-size: 32px; /* общий размер шрифта */
 line-height: 1.4; /* чуть больше воздуха между строками */
}

.moder-panel a {
 padding: 6px 10px; /* кликабельная область побольше */
 display: inline-block; /* чтобы не слипались */
}

.moder-panel img {
 width: 32px;
 height: 32px;
 vertical-align: middle;
}

/* Заголовки таблиц (например "Новый ответ") */
.gTableTop a {
 color: #DDDDDD !important; /* светло-серый текст */
 font-weight: bold; /* делаем жирным */
 text-decoration: none;/* убираем подчёркивание */
 pointer-events: none; /* отключаем кликабельность */
 cursor: default; /* обычный курсор */
}

/* Смайлы */
/* Отступы между смайликами */
.smiles .sml1 {
 display: inline-block; /* чтобы можно было задать отступы */
 margin: 6px; /* расстояние между смайлами (можно увеличить) */
 padding: 4px; /* «зона клика» вокруг смайла */
}

/* Чтобы картинка не увеличивалась сама */
.smiles .sml1 img {
 display: block;
 max-width: 32px; /* фиксируем размер под оригинал */
 height: auto;
}

/* Блок "Все смайлы" оставляем нетронутым */
#allSmiles {
 margin-top: 10px;
}

/* ========== Цвет ссылок в списке тем (заголовки/авторы/последние сообщения/описание) ========== */
/* основной стиль для ссылок внутри блока темы */
.block-content td.threadNametd .threadBlock a,
.block-content td.threadNametd .threadBlock a.threadTitle,
.block-content td.threadNametd .threadBlock .threadHeader a,
.block-content td.threadNametd .threadBlock .threadAuthor a,
.block-content td.threadNametd .threadBlock .lastPostUser a,
.block-content td.threadNametd .threadBlock .forumLastUpdateThread,
.block-content td.threadNametd .threadBlock .forumLastUpdateLink,
.block-content td.threadNametd .threadBlock .threadDescr a,
.block-content td.threadNametd .threadBlock .threadStat a
{
 color: #e0e0e0 !important; /* светло-серый */
 text-decoration: none !important;
}

/* visited / active — чтобы не "прыгали" цвета */
.block-content td.threadNametd .threadBlock a:visited {
 color: #e0e0e0 !important;
}

/* hover — подсветка белым и подчёркивание */
.block-content td.threadNametd .threadBlock a:hover,
.block-content td.threadNametd .threadBlock .forumLastUpdateThread:hover,
.block-content td.threadNametd .threadBlock .forumLastUpdateLink:hover
{
 color: #ffffff !important;
 text-decoration: underline !important;
}

.threadBlock {
 display: block;
}


/* Общая ширина и отступы */
.u-mpanel {
 transform: scale(1.3);
 transform-origin: top left;
 margin-top: -10px; /* поднимаем выше */
}

/* Для мобильных — больше масштаб и чуть больше коррекция */
.u-mpanel {
 transform: scale(1.3);
 transform-origin: top left;
 margin-top: -10px; /* поднимаем выше */
}

/* Для мобильных — больше масштаб и чуть больше коррекция */
@media (max-width: 768px) {
 .u-mpanel {
 transform: scale(1.5);
 margin-left: 10px !important;
 margin-top: -15px; /* поднимем сильнее */
 }
}

/* Кнопка Очистить в фотографиях */
form ul.xPhtBlock .xPhtAction [data-clear]:before,
form ul.xPhtBlock .xPhtAction [data-close]:before {
 content: "\2716";
 width: 15px;
 height: 20px;
 color: #676a6f;
 font: 700 1em/1em sans-serif !important; /* line-height по высоте */
 display: inline-block;
 vertical-align: middle;
 text-align: center; /* отвечает за выравнивание внутри */
 margin-left: -5px; /* ← смещение крестика влево */
}

.fNavLink {font-size: 32px !important;}


/*User styles*/

/* Фикс опросов */
/* ------------------------------------ */

/* Фикс опросов */
.pollResults td.pollBar img {
 height: 9px !important;
 max-height: 9px !important;
 vertical-align: middle;
}

#forumPollF img[src$="/bar.gif"] {
 max-width: none !important;
}

#forumPollF td.pollAnsw {
 white-space: normal !important;
 overflow-wrap: anywhere;
}

#forumPollF td.pollAnswer {
 white-space: normal !important;
 overflow-wrap: anywhere;
}

#forumPollF td.pollAnswer,
#forumPollF td.pollQuestion {
 white-space: normal !important;
 overflow-wrap: anywhere;
}

/* ------------------------------------ */

/* Адаптируем поиск к мобильной версии */
/* ------------------------------------ */
/* Разносим хлебные крошки и поиск на отдельные строки */
.forumNamesBar.breadcrumbs,
.ThrForumBarCl12 {
 display: block !important;
 width: 100% !important;
 box-sizing: border-box !important;
}

.forumNamesBar.breadcrumbs {
 padding-bottom: 10px !important;
}

/* Настраиваем контейнер формы: делаем его гибким и адаптивным */
#thread_search_form {
 display: flex !important;
 flex-direction: row-reverse !important; /* Поле слева, кнопка справа */
 justify-content: flex-start !important; 
 align-items: stretch !important; /* Растягиваем кнопку под высоту поля */
 float: right !important; /* Выравнивание по правому краю */
 clear: both !important;
 width: 100% !important; /* Разрешаем форме занимать всю строку */
 max-width: 420px !important; /* Увеличили общий лимит ширины (было 260px поля + кнопка) */
 margin: 5px 0 15px 0 !important;
 box-sizing: border-box !important;
}

/* Настраиваем поле ввода: даем ему максимальную свободу */
#thread_search_field {
 float: none !important;
 display: inline-block !important;
 flex-grow: 1 !important; /* Заставляет поле растягиваться и занимать всё свободное место в форме */
 width: 100% !important; /* Убираем фиксированные 260px, теперь поле адаптивное */
 margin-right: 8px !important; /* Отступ перед кнопкой */
 box-sizing: border-box !important;
}

/* Настраиваем кнопку "Ok": делаем её шире за счет внутренних отступов */
#thread_search_button {
 float: none !important;
 display: inline-block !important;
 flex-shrink: 0 !important; /* Запрещаем кнопке сжиматься */
 width: auto !important; /* Убираем жесткие 45px, чтобы не было обрезки */
 padding-left: 14px !important; /* Расширяем кнопку влево */
 padding-right: 14px !important; /* Расширяем кнопку вправо */
 margin: 0 !important;
 height: auto !important;
 box-sizing: border-box !important;
}
/* ------------------------------------ */

/* ==========================================================================
 ГЛОБАЛЬНЫЙ ФИКС БЫСТРОЙ НАВИГАЦИИ (ДЛЯ ВСЕХ СТРАНИЦ ФОРУМА И ЖИТЕЛЕЙ)
 ========================================================================== */

/* Разрушаем структуру строк таблиц навигации на абсолютно всех страницах, включая поиск */
table.recent-navigation-top,
table.recent-navigation-top > tbody,
table.recent-navigation-top > tbody > tr,
table.recent-navigation-top > tbody > tr > td,
table:has(td.fFastNavTd.navigationCl11),
table:has(td.fFastNavTd.navigationCl11) > tbody,
table:has(td.fFastNavTd.navigationCl11) > tbody > tr,
table:has(td.fFastNavTd.navigationCl11) > tbody > tr > td {
 display: block !important;
 width: 100% !important;
 max-width: 100% !important;
 float: none !important;
 clear: both !important;
 box-sizing: border-box !important;
}

/* Делаем отступ под хлебными крошками или пагинатором верхнего уровня */
td.forumNamesBar,
table.recent-navigation-top > tbody > tr > td:first-child,
table:has(td.fFastNavTd.navigationCl11) > tbody > tr > td:first-child {
 padding-bottom: 12px !important;
 text-align: left !important;
 display: block !important;
 width: 100% !important;
}

/* Находим форму навигации и выравниваем её по правому краю на новой строке */
form[name="navigation"] {
 display: block !important;
 float: right !important; /* Смещаем панель навигации вправо на её новой строчке */
 clear: both !important;
 margin: 5px 0 15px 0 !important;
 width: auto !important;
}

/* Сбрасываем uCoz-овские флоаты внутренней таблицы навигации */
table.navigationTbl,
tr.navigationRow1,
td.fFastNavTd.navigationCl11 {
 display: block !important;
 width: auto !important;
 background: transparent !important; /* Убираем раскалывающийся фон ячейки */
}

/* Универсальная настройка выпадающего списка под огромный мобильный шрифт */
td.fFastNavTd.navigationCl11 select.fastNav {
 float: none !important;
 display: inline-block !important;
 vertical-align: bottom !important; /* Жестко прижимаем к нижней линии */
 width: 250px !important; /* Расширяем поле */
 height: auto !important; /* Даем свободу мобильному масштабированию */
 padding-top: 6px !important; 
 padding-bottom: 6px !important;
 padding-left: 5px !important;
 padding-right: 5px !important;
 margin: 0 8px 0 0 !important; /* Отступ перед кнопкой Ok справа */
 box-sizing: border-box !important;
}

/* Универсальная настройка кнопки "Ok" с нашей ювелирной высотой 5.2px */
td.fFastNavTd.navigationCl11 input[type="button"].fastNav {
 float: none !important;
 display: inline-block !important;
 vertical-align: bottom !important; /* Жестко прижимаем к нижней линии */
 width: auto !important;
 height: auto !important; /* Даем свободу мобильному масштабированию */
 padding-top: 5.2px !important; /* Идеальный отступ под мобильный Safari */
 padding-bottom: 5.2px !important; 
 padding-left: 16px !important; /* Ширина кнопки под палец */
 padding-right: 16px !important;
 margin: 0 !important;
 box-sizing: border-box !important;
}

/* Настраиваем кнопку "Ok": ювелирно ловим высоту, чтобы убрать ступеньку */
table.recent-navigation-top td.fFastNavTd.navigationCl11 input[type="button"].fastNav {
 float: none !important;
 display: inline-block !important;
 vertical-align: bottom !important; /* Держим жесткую склейку по нижней линии */
 width: auto !important;
 height: auto !important; 
 padding-top: 5.2px !important; /* Слегка увеличили, чтобы приподнять верхний край */
 padding-bottom: 5.2px !important; /* Оптимальный баланс под мобильный Safari */
 padding-left: 16px !important; 
 padding-right: 16px !important;
 margin: 0 !important;
 box-sizing: border-box !important;
}

/* ==========================================================================
 ФИНАЛЬНЫЙ СТРУКТУРНЫЙ ФИКС СТРАНИЦЫ ПОИСКА (БЕЗ ИЗМЕНЕНИЯ СТИЛЕЙ)
 ========================================================================== */

/* Превращаем тело таблицы uCoz в единую вертикальную CSS Grid ленту */
table.forum-search-table > tbody {
 display: grid !important;
 grid-template-columns: 100% !important; /* Всё строго в одну колонку */
 width: 100% !important;
 box-sizing: border-box !important;
}

/* Переводим все строки таблицы в режим прозрачных контейнеров (Subgrid-эффект) */
table.forum-search-table tr {
 display: contents !important; /* Убирает влияние tr, позволяя td встать в общую Grid-ленту */
}

/* Насильно превращаем все ячейки td в независимые блочные элементы */
table.forum-search-table td {
 display: block !important;
 width: 100% !important;
 max-width: 100% !important;
 box-sizing: border-box !important;
 height: auto !important; /* Сбрасываем десктопные высоты uCoz */
}

/* ЮВЕЛИРНАЯ РАССТАНОВКА ПОЗИЦИЙ ДЛЯ ВСЕХ ЭЛЕМЕНТОВ (МЕТОДОМ GRID ROW) */

/* Шапка таблицы с надписью "Поиск" - Позиция 1 */
table.forum-search-table td.gTableTop {
 grid-row: 1 !important;
 padding-bottom: 10px !important;
}

/* Заголовок "Где искать" - Позиция 2 */
table.forum-search-table tr:nth-child(2) td:last-child {
 grid-row: 2 !important;
 padding-top: 10px !important;
 padding-bottom: 5px !important;
}

/* Ячейка со списком разделов ("Где искать") - Позиция 3 */
tr.forum-search-main td:last-child {
 grid-row: 3 !important;
 padding-bottom: 20px !important; /* Отступ до следующего блока */
}

/* Заголовок "Что искать" - Позиция 4 */
table.forum-search-table tr:nth-child(2) td:first-child {
 grid-row: 4 !important;
 padding-top: 10px !important;
 padding-bottom: 5px !important;
}

/* Ячейка с полем ввода и подсказкой ("Что искать") - Позиция 5 */
tr.forum-search-main td:first-child {
 grid-row: 5 !important;
 padding-bottom: 5px !important; 
}

/* Схлопываем лишние системные переносы uCoz над подсказкой */
tr.forum-search-main td:first-child br {
 display: none !important; /* Прячем теги <br>, чтобы убрать пустую распорку */
}

/* Принудительно делаем подсказку блоком и задаем ей аккуратный верхний отступ */
.forum-search-hint {
 display: block !important;
 width: 100% !important;
 clear: both !important;
 padding-top: 6px !important; /* Аккуратное расстояние от поля ввода */
 padding-bottom: 0 !important;
}

/* Подзаголовок "Поиск записей участника форума" - Позиция 6 */
table.forum-search-table tr:nth-child(4) td {
 grid-row: 6 !important;
 padding-top: 25px !important; /* Четкий пустой отступ перед началом нового блока */
 padding-bottom: 5px !important;
}

/* Блок расширенных настроек (ники и выпадающие фильтры) - Позиция 7 */
tr.forum-search-advanced td {
 grid-row: 7 !important;
 padding-bottom: 15px !important;
}

/* Кнопка "Начать поиск" - Позиция 8 в самом низу страницы */
table.forum-search-table tr:last-child td {
 grid-row: 8 !important;
 padding-top: 15px !important;
}

/* ПОДСТРАХОВКА ВНУТРЕННИХ ЭЛЕМЕНТОВ */

/* Разрешаем подсказке внутри ячейки "Что искать" спокойно лежать снизу под полем ввода */
.forum-search-hint {
 display: block !important;
 width: 100% !important;
 padding-top: 8px !important;
}

/* Сохраняем оригинальные свойства выпадающих списков фильтров */
tr.forum-search-advanced select {
 display: inline-block !important;
 margin: 4px 4px 4px 0 !important;
 max-width: 100% !important;
}

/* ==========================================================================
 ФИКС БЫСТРОГО ПОИСКА В РАЗДЕЛАХ ФОРУМА (КЛАСС fastSearch)
 ========================================================================== */

/* Настраиваем всю поисковую ячейку, чтобы элементы внутри стояли ровно */
td.fFastSearchTd {
 white-space: nowrap !important; /* Запрещаем случайный перенос кнопки на новую строку */
}

/* Выравниваем элементы по центру и убираем флоаты, если они где-то проскочат */
td.fFastSearchTd input.fastSearch {
 display: inline-block !important;
 vertical-align: middle !important; /* Идеальное центрирование поля и кнопки по одной линии */
 float: none !important;
}

/* Настраиваем поле ввода: увеличиваем ширину почти в два раза */
td.fFastSearchTd input[type="text"].fastSearch {
 width: 260px !important; /* Перебиваем инлайновые 150px, даем много простора под текст */
 margin-right: 8px !important; /* Делаем красивый отступ между полем и кнопкой справа */
 box-sizing: border-box !important;
}

/* Настраиваем кнопку "Ok": увеличиваем её габариты под палец через padding */
td.fFastSearchTd input[type="submit"].fastSearch {
 width: auto !important;
 margin: 0 !important;
 /* Подгоняем высоту кнопки под поле ввода за счет внутренних мобильных отступов */
 padding-top: 5.2px !important; /* Наш проверенный ювелирный отступ для кнопок в Safari */
 padding-bottom: 5.2px !important;
 padding-left: 16px !important; /* Делаем кнопку шире и солиднее под нажатие пальцем */
 padding-right: 16px !important;
 box-sizing: border-box !important;
}

/* ==========================================================================
 ДОРАБОТКА ПОИСКА НА СТРАНИЦЕ ЖИТЕЛЕЙ
 ========================================================================== */

/* Возвращаем форме стандартный блочный вид, убираем любые глобальные ограничения */
form[name="memform"] {
 display: block !important;
 width: 100% !important;
 float: none !important;
 box-sizing: border-box !important;
}

/* Все фильтры и кнопку намертво фиксируем как компактные строчные элементы */
form[name="memform"] select,
form[name="memform"] input {
 display: inline-block !important;
 float: none !important;
 vertical-align: middle !important;
 box-sizing: border-box !important;
}

/* --- СТРОКА 1: СКРЫВАЕМ ГАЛОЧКУ И РАСТЯГИВАЕМ ПОЛЕ ВВОДА --- */

/* Напрочь скрываем бесполезный и ломающий вёрстку чекбокс блокировки */
form[name="memform"] input[name="ban"] {
 display: none !important;
}

/* Текстовое поле забирает ВСЮ ширину первой строки без остатка, выбивая селекты вниз */
form[name="memform"] input[name="user"] {
 display: block !important; /* Делаем блоком, чтобы принудительно закрыть строку */
 width: 100% !important; /* Раздувается на максимум на мобильных экранах */
 max-width: 260px !important; /* Ограничиваем комфортную длину поля под палец */
 margin: 5px 0 15px 0 !important; /* Делаем аккуратный отступ СНИЗУ от поля до фильтров */
}

/* --- СТРОКА 2 И 3: ВСЕ ОСТАЛЬНЫЕ ФИЛЬТРЫ И КНОПКА ОК --- */

/* Возвращаем выпадающим спискам и кнопке их родное строчное поведение uCoz */
form[name="memform"] select[name="w"],
form[name="memform"] select[name="gender"],
form[name="memform"] select[name="group"],
form[name="memform"] select[name="sort"],
form[name="memform"] select[name="res"],
form[name="memform"] input[name="subm"] {
 display: inline-block !important; /* Строго строчный вид */
 width: auto !important; /* Браузер сам вернет им привычный крупный мобильный размер */
 margin: 4px 4px 4px 0 !important; /* Плотные зазоры, чтобы они собирались в аккуратные ряды */
}

/* ------------------------------------ */

/* картинки конопц цитирования, редактирования, почты и досье */
.manageBar img[src="/icon_forum/p_profile.gif"],
.manageBar img[src="/icon_forum/p_pm.gif"],
.manageBar img[src="/icon_forum/p_quote.gif"],
.manageBar img[src="/icon_forum/p_edit.gif"] {
 height: 24px !important;
 width: auto !important;
 max-width: none !important;
 max-height: none !important;
}

/* confetti */
.confetti {
 position: fixed;
 top: -10px;
 width: 8px;
 height: 8px;
 background: hsl(calc(360 * var(--i)), 70%, 50%);
 animation: fall 5s linear infinite;
}
@keyframes fall {
 to {
 transform: translateY(100vh) rotate(360deg);
 }
}

/* Все стили для Комнаты в стене (комнаты Дворецкого)*/
/* Стили для спойлера-дневника */
.diary-spoiler {
 margin: 25px auto;
 max-width: 800px;
 border: 1px dashed #ffa500; /* Пунктирная оранжевая рамка */
 background-color: #1a1a1a; /* Чуть более темный фон для контраста */
 border-radius: 4px;
 overflow: hidden;
}

/* Заголовок спойлера (кнопка, на которую нажимают) */
.diary-spoiler summary {
 padding: 12px 15px;
 color: #ffa500;
 font-size: 16px;
 font-weight: bold;
 cursor: pointer;
 list-style: none; /* Убираем стандартную стрелочку в некоторых браузерах */
 position: relative;
 background-color: #222;
 transition: background 0.3s;
}

/* Красивая стрелочка перед текстом */
.diary-spoiler summary::before {
 content: "📜 "; /* Иконка свитка */
 margin-right: 8px;
}

.diary-spoiler summary:hover {
 background-color: #2b2b2b; /* Подсветка при наведении */
}

/* Внутреннее содержимое дневника (когда спойлер открыт) */
.diary-content {
 padding: 15px;
 font-size: 14px;
 color: #fff0f5;
 line-height: 1.6;
 border-top: 1px dashed #ffa500;
 max-height: 300px; /* Ограничиваем высоту, чтобы не растягивать страницу */
 overflow-y: auto; /* Если текста ОЧЕНЬ много, внутри появится аккуратная прокрутка */
}

/* Настраиваем комфортное расстояние между записями в журнале */
.diary-content p {
 margin-top: 0;
 margin-bottom: 24px; /* Увеличили отступ снизу между записями */
 font-size: 14px;
 line-height: 1.6;
}

/* Убираем лишний отступ у самой последней записи */
.diary-content p:last-child {
 margin-bottom: 0;
}

/* Цвет пагинатора */
.block-content td.threadNametd .threadBlock a.mobilePostSwitchesLink,
.block-content td.threadNametd .threadBlock a.mobilePostSwitchesLink:visited {
 color: #FFDB83 !important;
}

.block-content td.threadNametd .threadBlock a.mobilePostSwitchesLink:hover {
 color: #ffffff !important;
 text-decoration: underline !important;
}
.mobilePostSwitchesLast {
 white-space: nowrap;
}

/* Цвет описания */
/*.block-content td.threadNametd .threadBlock .threadDescr {
 color: #777777 !important;*/
}

/* Тема (заголовок, иконка и т.д.) */
.threadBlock {
 display: block;
}

.threadIcon {
 float: left;
 width: 22px;
 margin-right: 6px;
}

.threadIcon img {
 display: block;
 max-width: 22px;
 height: auto;
}

.threadHeader {
 display: block !important;
 overflow: hidden;
}

.threadHeader .threadTitle {
 display: inline !important;
 overflow-wrap: break-word;
}

.mobilePostSwitchesLast {
 white-space: nowrap;
}

.threadIcon {
 float: left;
 width: 22px;
 margin-right: 6px;
 transform: translateY(19px);
}


/* Разделитель для тем в закрепе*/
.pinnedSeparator td {
 height: 1px;
 padding: 0;
 border-top: 1px solid #555555;
}