/* ==========================================================================
   1. БАЗОВЫЕ СТИЛИ И НОРМАЛИЗАЦИЯ
   ========================================================================== */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    margin: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #333;
    background-color: #fff;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a { color: #241610; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
img { vertical-align: middle; border: 0; }
.img-responsive { display: block; max-width: 100%; height: auto; }

/* Утилиты */
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-center { text-align: center; }
.clearfix:after, .clearfix:before, .row:after, .row:before, .container:after, .container:before { display: table; content: " "; }
.clearfix:after, .container:after, .row:after { clear: both; }
.notopmargin { margin-top: -5px; }
.px-0 { padding-left: 0; padding-right: 0; }

/* ==========================================================================
   2. СЕТКА (Bootstrap Grid Lite)
   ========================================================================== */
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width:768px) { .container { width: 750px; } }
@media (min-width:992px) { .container { width: 970px; } }
@media (min-width:1200px) { .container { width: 1100px; } }

.row { margin-right: -15px; margin-left: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-lg-8 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-12 { width: 100%; float: left; }

@media (min-width:992px) {
    .col-md-4 { width: 33.33333333%; float: left; }
    .col-md-5 { width: 41.66666667%; float: left; }
    .col-md-6 { width: 50%; float: left; }
    .col-md-7 { width: 58.33333333%; float: left; }
    .col-md-8 { width: 66.66666667%; float: left; }
}
@media (min-width:1200px) {
    .col-lg-8 { width: 66.66666667%; float: left; }
}


/* Box sizing */
:root { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* Basic typography & reset */
html { font-family: sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:10px; -webkit-tap-highlight-color:rgba(0,0,0,0); }
body { margin:0; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; line-height:1.2; color:#333; background:#fff; }
a { color:#241610; text-decoration:none; }
a:hover,a:focus { color:#23527c; text-decoration:underline; }

/* Container */
/* .container { padding:5px; margin:0 auto; }
@media (min-width:768px){ .container{ width:750px } }
@media (min-width:992px){ .container{ width:970px } }
@media (min-width:1200px){ .container{ width:1170px } } */

/* Header: logo left, title+desc one line, onion link under */
.go-header {
  background:#f8f8f8;
  border-bottom:1px solid #e7e7e7;
}
.go-header .container {
  display:flex;
  align-items:center;
  gap:16px;
  padding:10px 15px;
  flex-wrap:wrap;
}
.godnotaba-logo { flex:0 0 auto; width:80px; }
.godnotaba-logo img { max-width:100%; height:auto; display:block; }

.go-header .site-meta { flex:1 1 auto; min-width:0; }
.go-header h1 {
  margin:0; font-size:20px; font-weight:700; color:#000;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.go-header h1 .site-desc { font-weight:400; color:#666; margin-left:8px; font-size:14px; }

/* onion link under header title */
.go-header .site-onion { margin:6px 0 0 0; font-family:monospace; font-size:13px; word-break:break-all; line-height:1.1; }
.go-header .site-onion a { text-decoration:none; display:inline-block; }
/* parts styling */
.go-header .site-onion a .onion-brand { color:#000; font-weight:700; }
.go-header .site-onion a .onion-rest { color:#c00; }

/* If JS absent, whole link will appear red by default — but server version below inserts spans */
.go-header .site-onion a { color:#c00; }

/* Panels / categories */
.cat-panel { margin:0 0 20px 0; }
.cat-panel .panel-heading h2 { margin:0; font-size:14px; font-weight:bold; color:#222; }

/* Tables */
.table { width:100%; margin-bottom:0; border-collapse:collapse; }
.table>tbody>tr>td, .table>tbody>tr>th { padding:8px; border-top:1px solid #ddd; font-size:12px; vertical-align:middle; }
.site-table-url { min-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.site-table-desc { width:100%; }
.site-table-status { padding-right:10px; min-width:80px; text-align:center; }

/* tiny utilities */
.btn { display:inline-block; padding:6px 12px; border:1px solid transparent; border-radius:4px; background:#fff; color:#333; cursor:pointer; }
.btn-xs { padding:1px 5px; font-size:12px; }
.go-footer { background:#f8f8f8; border-top:1px solid #e7e7e7; padding:20px 0; font-size:12px; }

/* Responsive: mobile header stacked, center */
@media (max-width:768px){
  .go-header .container { flex-direction:column; align-items:center; text-align:center; gap:6px; }
  .godnotaba-logo { width:70px; }
  .go-header h1 { white-space:normal; font-size:18px; }
  .go-header .site-onion a { display:inline-block; width:100%; }
}

/* Mobile table tweaks */
@media (max-width:575px){
  .site-table-desc { display:flex; flex-wrap:wrap; }
  .site-table-desc .site_url_text { display:block; margin-left:auto; }
  .site-table-status, .site-table-url { display:none!important; }
  .site-table-status { display:table-cell!important; }
}

/* Misc */
.table-top { height:245px!important; overflow:auto; }
.notice-small { font-size:12px; }
/* Восстановить стиль кнопки комментариев (счётчика) */
.btn.btn-default.btn-xs.com-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 8px 2px 35px; /* место под иконку слева */
  font-size: 10px;
  line-height: 18px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  /* небольшая встраиваемая SVG-иконка «bubble» слева */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='%23333' d='M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4l4 4 4-4h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z'/></svg>");
  background-repeat: no-repeat;
  background-position: 8px center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Восстановленный стиль кнопки счётчика комментариев */
a.btn.btn-default.btn-xs.com-btn,
.btn.btn-default.btn-xs.com-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 15px;
  color: #333;
  background-color: #fff;
  border: 1px solid #241610;
  border-radius: 3px;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+EBDg8vIO5dY5wAAACZSURBVDjLvdOxCQIxFIfxn3dX6BA6hKKlE7iAUziBlQ5hY2UjdldYOYOCrnAzCF5nE0GOFJ5BHwS+hLzvhT+ExOpggdmX/UcoEx5QZqgTBHWWmsFPBGPcAq+wDnzFJCY5NPZdjAL3MQg8RK/ZW0SED5wDV2/nl79l0KqKsE4f3t9ijyWmuLcZlmOHeST41pIq9QNuUrPLX/AEK8kU7CzUHZwAAAAASUVORK5CYII=');
  background-repeat: no-repeat;
  background-position: 6px center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hover / focus */
a.btn.btn-default.btn-xs.com-btn:hover,
.btn.btn-default.btn-xs.com-btn:hover,
a.btn.btn-default.btn-xs.com-btn:focus,
.btn.btn-default.btn-xs.com-btn:focus {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #222;
  text-decoration: none;
  outline: none;
}

/* Active state */
a.btn.btn-default.btn-xs.com-btn:active,
.btn.btn-default.btn-xs.com-btn:active {
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.08);
}

/* Выравнивание внутренних элементов (если текст/значок внутри) */
a.btn.btn-default.btn-xs.com-btn > * {
  vertical-align: middle;
}

/* Мобильное уменьшение отступа слева */
@media (max-width:480px) {
  a.btn.btn-default.btn-xs.com-btn,
  .btn.btn-default.btn-xs.com-btn {
    padding-left: 35px;
    font-size: 9px;
  }
}


/* Категории / подкатегории на главной */
.cat-block { margin: 30px 0; padding: 10px 0; border-bottom:1px solid #eee; }
.cat-header .cat-title { font-size:18px; margin:0 0 6px 0; display:flex; align-items:center; gap:8px; }
.cat-emoji { font-size:18px; margin-right:6px; }
.child-block { margin: 12px 0 18px 0; padding-left: 10px; }
.child-title { font-size:16px; margin:0 0 8px 0; display:flex; align-items:center; gap:8px; color:#222; }
.child-posts { list-style:none; margin:0 0 0 0; padding:0 0 0 0; }
.child-posts li { margin:4px 0; font-size:13px; }
.child-posts a { color:#241610; text-decoration:none; }
.child-posts a:hover { text-decoration:underline; }
.cat-meta, .child-meta { color:#777; font-size:12px; margin-left:8px; }

/* ==========================================================================
   3. КОМПОНЕНТЫ (Panels, Tables, Buttons, UI)
   ========================================================================== */
/* ПАНЕЛИ: Унифицированный стиль для .cat-panel и .panel-default */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/* Делаем panel-default идентичной cat-panel */
.cat-panel, .panel-default {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    background-color: #fff;
}

/* Шапка панелей */
.cat-panel .panel-heading, 
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-body { padding: 15px; }
.gna-panel-block { margin-bottom: 5px; border: 1px solid #e7e7e7; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }

/* Таблицы */
.table { width: 100%; max-width: 100%; margin-bottom: 0; background-color: transparent; }
.table > tbody > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; }
.table-condensed > tbody > tr > td { padding: 5px; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
.table-responsive { min-height: .01%; overflow-x: auto; }

/* Кнопки */
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default { color: #333; background-color: #fff; border-color: #241610; }
.btn-default:hover { background-color: #e6e6e6; border-color: #adadad; }
.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-verif {
    margin: 2px 0 0 0;
    padding: 1px 7px;
    font-size: 9px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-decoration: none;
}
.btn-verif:hover { background-color: #e6e6e6; border-color: #adadad; color: #333; text-decoration: none; }

/* Значки и Метки */
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
.panel-heading .badge { color: #f5f5f5; background-color: #333; }

.label, .gna-go-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-success { background-color: #5cb85c; }
.label-warning { background-color: #f0ad4e; }
.label-danger { background-color: #d9534f; }
.label-default { background-color: #777; }
.label[title="Сайт не отвечает на запросы"] { background-color: #d9534f; }
.label[title="Сайт не нуждается в мониторинге"] { background-color: #5bc0de; }

/* ==========================================================================
   4. ШАПКА И ФУТЕР
   ========================================================================== */
.go-header {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e7e7e7;
    margin: 0px 0px 0px 0px;
}
.godnotaba-logo { float: left; vertical-align: middle; padding: 10px 0 0 0; width: 80px; }
.godnotaba-logo img { max-height: 64px; width: auto; }

.site-meta h1 { margin: 0; padding: 0; font-size: 20px; color: black; font-weight: bold; display: inline-block; }
.site-desc { font-weight: 400; color: #666; margin-left: 8px; font-size: 14px; }

.site-onion { margin: 6px 0 0 0; font-family: monospace; font-size: 13px; word-break: break-all; } 
.site-onion a { color: #241610; text-decoration: none; }
.onion-brand { color: #241610; }
.onion-rest { color: red; } 

.top-brg { float: right; margin: 20px 0 0 0; }

.go-footer {
    background-color: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    margin: 10px 0 0 0;
    padding: 20px 0;
    font-size: 12px;
}
.go-footer p { margin: 0; color: #555; }
.site_url_text:hover { color: #23527c; text-decoration: underline; }
.go-lighter { color: red; }

/* Отображение видимой части ссылки: минимум 21 символа (21ch), моноширинный шрифт */
.site_url_text {
  font-family: monospace;
  font-size: 12px;
  color: #241610;
  text-decoration: none;
  white-space: normal;
  word-break: break-all; /* переносим длинные онион */
  min-width: 21ch;       /* показываем минимум 21 символа */
  display: inline-block;
  max-width: 100%;
}

/* контейнер для кнопки */
.site-url-wrap { display:flex; align-items:center; gap:8px; }

/* чтобы кнопка не ломала строку на маленьких экранах */
.copy-url-btn { flex: 0 0 auto; }

/* ==========================================================================
   5. ГЛАВНАЯ СТРАНИЦА
   ========================================================================== */
.table-tech-top { height: 180px !important; overflow: auto; }
.table-tech-top tbody tr td { font-size: 12px; }
.newsmediaquery {
    color: #333; 
    font-family: 'helvetica neue', Helvetica, Arial, sans-serif; 
    
    /* Главное изменение: делаем блоком */
    display: block !important; 
    width: 100%; /* На всякий случай растягиваем */
    
    /* Теперь это сработает */
    text-align: center;
    
    font-size: 12px; 
    font-weight: 400; 
    white-space: normal;
}
.cat-panel .panel-heading h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #222; }
.cat-emoji { margin-right: 5px; }
.cat-table { margin-top: 5px; }
.cat-table tbody tr td { font-size: 12px; vertical-align: middle; }

/* --- Фикс для колонок на главной --- */
@media (max-width: 991px) {
    /* Отключаем pull-left/right на мобильных, чтобы блоки шли друг под другом */
    .pull-left, .pull-right {
        float: none !important;
    }
    
    /* Заставляем длинные ссылки/текст в новостях переноситься */
    .newsmediaquery, .site_url_text, .cat-table td {
        word-break: break-all;
        white-space: normal !important;
    }
    
    /* Уменьшаем отступы в таблицах для экономии места */
    .table-tech-top tbody tr td {
        padding: 8px 5px;
    }
}


/* ==========================================================================
   6. КАРТОЧКА САЙТА (Финальная, Компактная, Адаптивная)
   ========================================================================== */
.site-title-heading {
    font-size: 13px;
    margin: 2;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}

/* Контейнер (Светлый вдавленный квадрат) */
.site-info-well {
    background-color: #fcfcfc;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 10px 12px; /* Компактные отступы */
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04);
    height: 100%;
    width: 100%;
    /* font-size: 15px; */
    overflow: hidden;
    margin-bottom: 15px;
}

/* Список характеристик */
.site-info-well .dl-horizontal { margin-bottom: 0; }
.site-info-well .dl-horizontal dt {
    font-weight: bold;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 4px;
    margin-bottom: 2px;
}

/* Ссылки-кнопки (Теги) */
.site-link-item {
    display: inline-block;
    padding: 2px 8px;
    margin-bottom: 3px;
    margin-right: 3px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #241610;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 11px;
    line-height: 1.4;
    text-decoration: none !important;
    transition: all 0.15s ease-in-out;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.site-link-item:hover, .site-link-item:focus {
    background-color: #e6f3ff;
    border-color: #241610;
    color: #0056b3;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

/* Описание */
.row-description { margin-top: 5px; }
.desc-label {
    font-weight: bold; color: #555; font-size: 12px;
    margin-bottom: 5px; display: block; border-bottom: 1px solid #eee; padding-bottom: 2px;
}
.site-full-desc { margin-top: 25px; padding-top: 20px; border-top: 1px solid #eee; }

/* Иконки */
/* .star-icon {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AwaFhoiXSKPJQAAAW9JREFUKM+Fj88rg3Ecx9+fPd+v8Zjvs18IKclJUTtM7WCHJeZCyS5yonC1g1YOo4yLnJS/wM2SA0n5keZxXLjbcNBqHm1R2rOex2GZbdQ+9alP71efT58XUFEjQwwAsDpvHY4uNA4DQNDHULfSx+Lq+URc/ccstcHOcqPX1kweWSbP7kqTt+7C9BgPcQbBGcRkgIVqOduea/L0DFDHYC9zOwV1fxXMmR9IRDPZSyWn5c2X+1Qx+3RvvjIqksvfww+4E9xCYJxT+VpLM3UB2Gh1UtFvcH0/qU9IZ3f6Y6DLetfeQUEmQ/5jSYD+Di15bc7O7n2clvP1UdmXVxUzl6juvKqYsaDsK0u7W0ovJHIFgyqugn7HxGfBAIA2QbA4HCWyFGoYBwBDh6Gn6UFP0YOhwwCAxakSc7l+/fB2LpKZuKLdbokwAAmApG6KcCauaO8XSrLKq6/VYj+K2GJqVLhrnW/WhPswYov1d0p2APgG45N0N873lm8AAAAASUVORK5CYII=') no-repeat;
    width: 12px; height: 12px; display: inline-block; vertical-align: text-top;
} */
.star-icon:empty::before {
    content: "★";
    color: #f0ad4e;
    font-size: 16px;
}

.flag-item { display: inline-block; margin-right: 5px; font-size: 14px; line-height: 1; }
.flag-icon-ru { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OThDMDY1MTZEOEE3MTFFNEI3OUY4QURCQkJBRjQ0NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OThDMDY1MTdEOEE3MTFFNEI3OUY4QURCQkJBRjQ0NjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OEMwNjUxNEQ4QTcxMUU0Qjc5RjhBREJCQkFGNDQ2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OEMwNjUxNUQ4QTcxMUU0Qjc5RjhBREJCQkFGNDQ2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn43xDIAAAFuUExURfz8/P39/ff39zs7+QAA/UZG+/r6+vj4+Pn5+R8f9DAw9yUl9e0AADY2+EBA+vIvLwAA509P/Pv7+98AAC8v970QQ/ELCz8/9fpERPUAAElJ/3199fEAAPQeHvU9PdA/am9v/fcAANFFboyM+ZiY/Y+P+vo/P8ovXfMAAOkAAMQfT8w0YfcuLvIyMtxqjPkAAKCg/pOT+1hY/vlYWElK+/UjI/pdXTY29AAA40FB+hQU8lBP/fg0NEVF+8gqWBkZ8yQk9XZ2/p6e/uMAAOcAAPdLS+EAAM46ZoWF9/IsLPZCQsIZS/k6OlNT/Zub/ZaW/PQ5Ofb29iAg9PhQUPITEwAA5cYkU7Gx/rMAADU1+O8AAPEPDktL/Cor9isr9r8URnJy/ktK/MgyXvdGRuUAAIGB9o+P9v39/vMZGfM1NVRU/Soq9vlUVYiI+HsAAPxmZvYpKTs79dNJcusAABoa8/thYt0AAP7+/t3d6f///wcVP0AAAACtSURBVHjaYqhAAwwVlZXl5eXpjAwMQmwc7EwgASCfkRHCDQQKSIUbOPmp+BuqKud6pEqnCTCwOBplWcewWjLzcsVxB4kDBRJ8BRNZ+YD8WG7OksJQBhYFQRNbPuZIkWwHTnsrcwuGCL0iJXl3bXW7MC3veNGkPAb9fAk1HxudAlPZjJBoMX5hBsVSM+OcYNdkL7mATF1+zzIGSQ2ZKB6eYk2XFGc34bKyMoAAAwCl2CstSbyWAgAAAABJRU5ErkJggg=='); }
.flag-icon-us { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAHzSURBVHjaYkxOP8IAB//+Mfz7w8Dwi4HhP5CcJb/n/7evb16/APL/gRFQDiAAw3JuAgAIBEDQ/iswEERjGzBQLEru97ll0g0+3HvqMn1SpqlqGsZMsZsIe0SICA5gt5a/AGIEarCPtFh+6N/ffwxA9OvP/7//QYwff/6fZahmePeB4dNHhi+fGb59Y4zyvHHmCEAAAW3YDzQYaJJ93a+vX79aVf58//69fvEPlpIfnz59+vDhw7t37968efP3b/SXL59OnjwIEEAsDP+YgY53b2b89++/awvLn98MDi2cVxl+/vl6mituCtBghi9f/v/48e/XL86krj9XzwEEEENy8g6gu22rfn78+NGs5Ofr16+ZC58+fvyYwX8rxOxXr169fPny+fPn1//93bJlBUAAsQADZMEBxj9/GBxb2P/9+S/R8u3vzxuyaX8ZHv3j8/YGms3w8ycQARmi2eE37t4ACCDGR4/uSkrKAS35B3TT////wADOgLOBIaXIyjBlwxKAAGKRXjCB0SOEaeu+/y9fMnz4AHQxCP348R/o+l+//sMZQBNLEvif3AcIIMZbty7Ly6t9ZmXl+fXj/38GoHH/UcGfP79//BBiYHjy9+8/oUkNAAHEwt1V/vI/KBY/QSISFqM/GBg+MzB8A6PfYC5EFiDAABqgW776MP0rAAAAAElFTkSuQmCC'); }
.flag-icon-eu { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYFJREFUeNosUT1LA0EQ3YvHGTEaBSsh+IUpJJjKX2AlCFrZWyQiCJLKIqUIFhaCoETxJwgWdv4DkQQRNERjZSFRwSQGktzOjG/2HO52797Om3lv1lvbKHkmJsJiiDUsMwkTiyWyIuQQSxHI5BuR8emFYDBgcAQoQEtWaWEPBKVZGwLvdlrNzyefhYJ48NNoG8M4M4aIwsxUY2v97fQqVanGiXvgos5QYkKMxJwMrY2GBu1ETnbvHupj20fZSi1xUXwxCNHX8/Q8pjJUKMEDmmRmvneOl1ySeGJyB3PZdEccQyFjYuoGDsVGdnOrz64EuxIWxvLLN1EyAkTfeddsBVlK17P4dgrJJfH57QqOogTjPISwSTbUh/qV15HTwj2H6h5NLov1cjWulQxDMlYQMBUdn7BbyeYPM9l0s7T3uDjf2txPaReUh54BSBIf3bud30Ry1LA6Y2wktY9k4WwSYoeT+CWdoOV+tw2GD/bXezly9W/NSXd3L+7K3ZWqIAbwJ8AAqIB6+GR9QGYAAAAASUVORK5CYII='); }
.flag-icon-ua { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAIAAAD5gJpuAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFQSURBVHjaYmRo/c8AB//+MfwBkgwg8s8/KPoFI4GIgQEgAIdycgMACAMxUAF6oygqoQ1q45dkzSH5N26XR/8zCEuepggsVEPFkxB+S9bcRwCxMDCBVD/5+h+o9O8/BqDE378Mv/+DpCGKfgERmCHLw8jw4x9AAIFs+AdUBLQWZDZI9a/////8BSuFawBzf/8FuQMggFiALvsLsh2k+g/cbCTVUBLkKgaGDwwAAcTCIHJKhFPh19+fIHf/+/cbpBNI/gO75x+I/RfKluFiY5A6AhBAjH8fMjDI5P///+A/wy8GoFf/A+34hZVkYlJ6f/wUQACxAEOSESwEDEhURSiqwbJ/gKENEEAgDcwgDlAIrgiLNgaGvyD0hwEggEAamP4DdUrCREE6GRl/gyMPQv6BqgYG+z8GgABi/HoTFL///kBJBjgbwmBAcEEcBgaAAAMASIdu6OFHDhsAAAAASUVORK5CYII='); }
.flag-icon-ru, .flag-icon-us, .flag-icon-eu, .flag-icon-ua {
    height: 11px; width: 16px; display: inline-block; background-repeat: no-repeat;
}

.captcha { margin-top: 15px; }
.captcha-image { display: block; padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9; }
.cf7ic_instructions { display: block; margin-bottom: 10px; font-weight: bold; }
.cf7ic_instructions span { color: #d9534f; }
.captcha-options-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(30px, 1fr)); gap: 5px; }
.captcha-image label { height: 40px; display: inline-block; border-radius: 4px; cursor: pointer; transition: 0.2s; }
.captcha-image label:hover { background-color: #e9e9e9; }
.captcha-image input[type="radio"] { display: none; }
.captcha-image input[type="radio"]:checked + svg { color: #241610; border: 2px solid #241610; background-color: #e7f1fa; border-radius: 4px; padding: 3px; transform: scale(1.15); }

.gna-comment-form .comment-form-author, .gna-comment-form .comment-form-signature { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 15px; }
.gna-comment-form input { flex-grow: 1; padding: 6px; border: 1px solid #ccc; border-radius: 4px; }
.gna-emoji-btn { background: none; border: 1px solid transparent; cursor: pointer; font-size: 18px; }
.gna-emoji-btn:hover { background-color: #f0f0f0; }

/* ==========================================================================
   8. АДАПТИВНОСТЬ И ПЕРЕСТАНОВКА БЛОКОВ
   ========================================================================== */

/* ДЕСКТОП (Ширина >= 768px) */
@media (min-width: 768px) {
    .panel-body-flex-row { display: flex; } /* Одинаковая высота колонок */
    
    .site-info-well .dl-horizontal dt {
        float: left; width: 80px; clear: left; text-align: left;
        overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    }
    .site-info-well .dl-horizontal dd {
        margin-left: 85px; margin-bottom: 8px;
    }
}

/* МОБИЛЬНЫЕ (Ширина <= 767px) */
@media (max-width: 767px) {
    .godnotaba-logo { margin: 10px auto 0; float: none; text-align: center; }
    .site-meta { float: none; text-align: center; margin-left: 0; }
    .go-header h1, .go-header p { text-align: center; }
    .top-brg { float: none; text-align: center; }
    .comment-list .children { margin-left: 20px; padding-left: 10px; }
    .table-responsive > .table > tbody > tr > td { white-space: normal; }
    .site-table-url { display: none !important; }
    .site-title-heading { font-size: 18px; display: block; margin-bottom: 15px; text-align: center;}
    
    .btn-verif { display: none !important; }

    /* ПЕРЕСТАНОВКА: Характеристики ВВЕРХ, Ссылки ВНИЗ */
    .panel-body-flex-row { display: flex; flex-direction: column; }
    .panel-body-flex-row > .col-md-5 { order: 1; margin-bottom: 15px; }
    .panel-body-flex-row > .col-md-7 { order: 2; }

    .site-info-well .dl-horizontal dt {
        float: none; width: 100%; text-align: center; margin-bottom: 5px;
        border-bottom: 1px solid #eee; padding-bottom: 2px;
    }
    .site-info-well .dl-horizontal dd { margin-left: 0; margin-bottom: 5px; padding-left: 0; }
    .site-info-well { height: auto; margin-bottom: 5px; }
}

@media (max-width: 991px) {
    .cat-panel .dl-horizontal dt { float: none; text-align: left; width: 100%; margin-bottom: 3px; }
    .cat-panel .dl-horizontal dd { margin-left: 0; margin-bottom: 15px; }
}

/* ==========================================================================
   1. ГЛОБАЛЬНЫЙ СБРОС ДЛЯ СПИСКОВ И ВИДЖЕТОВ (Убираем кружки и пустоты)
   ========================================================================== */
.widget ul, .widget ol, 
.gna-news-sites ul, .gna-admin-comments ul {
    list-style: none !important; /* Убираем кружки */
    padding-left: 0 !important;   /* Убираем отступ слева */
    margin-bottom: 0 !important;
}

.widget li {
    margin-bottom: 5px; /* Минимальный отступ между новостями */
    line-height: 1.3;
}

/* Уменьшаем внутренние отступы в панелях */
.panel-body, .cat-panel .panel-body {
    padding: 10px !important; 
}
.col-md-6, .col-xs-12 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.row {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

/* На ПК флаги в столбик, мобильное описание скрыто */
@media (min-width: 768px) {
    /* 1. Название сайта */
    .site-title-mobile {
        display: inline-flex !important;
        width: auto !important; /* Автоматическая ширина */
        margin-left: 10px;
        font-weight: bold;
        font-size: 14px; /* Размер шрифта для ПК */
        color: #333;
        text-align: left; /* Возвращаем выравнивание влево */
    }

    /* 2. Блок со звездами */
    .stars-wrap {
        display: inline-flex !important; /* Чтобы звезды стояли в ряд */
        align-items: center;
		margin-right: 10px;
        margin: 0;
    }
    
    .star-icon {
		font-size: 17px;
    }

    .site-flag-column { display: contents !important; }
    .site-card-desc-mobile { display: none; }
    .site-title-mobile-wrapper { display: contents; }
    .site-table-flag .site-flag-column { display: flex; flex-direction: column; gap: 3px; align-items: center; }
}

/* ==========================================================================
   2. МОБИЛЬНАЯ КАРТОЧКА (ИСПРАВЛЕННАЯ: Все элементы видимы и упорядочены)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Настраиваем СЕТКУ */
    .cat-table tr {
        display: grid;
        /* Три колонки: 
           1. Контент слева (звезды/флаги)
           2. 1fr (всё свободное место под название) 
           3. Контент справа (статус/кнопка) 
        */
        grid-template-columns: 70px 1fr 70px; 
        
        /* Определяем схему расположения (Карта областей) */
        grid-template-areas:
            "stars  title  status"
            "flags  title  btn"
            "url    url    url"
            "desc   desc   desc";
            
        align-items: center; /* Центрируем по вертикали */
        gap: 4px 8px; /* Отступы: 4px между строк, 8px между колонок */
        background: #fff;
        border-bottom: 1px solid #e5e5e5 !important;
        padding: 8px 5px !important;
    }

    /* 2. "Разворачиваем" ячейки, чтобы элементы стали частью сетки */
    .cat-table td,
    .site-table-status,
    .site-table-talk,
    .site-table-url {
        display: contents !important;
        padding: 0 !important;
        border: none !important;
    }

    /* --- ЛЕВАЯ КОЛОНКА --- */
    
    /* Звезды (Область: stars) */
    .stars-wrap {
        grid-area: stars;
        display: flex !important;
        justify-self: start; /* Прижать влево */
    }

    /* Флаги (Область: flags — под звездами) */
    .site-flag-column {
        grid-area: flags;
        display: flex !important;
        flex-direction: row;
        gap: 3px;
        justify-self: start; /* Прижать влево */
    }
    .flag-item {
        font-size: 11px !important;
        margin: 0 !important;
        line-height: 1;
    }

    /* --- ПРАВАЯ КОЛОНКА --- */

    /* Статус (Область: status) */
    .site-table-status .label {
        grid-area: status;
        justify-self: end; /* Прижать вправо */
        display: inline-block !important;
        font-size: 11px;
        line-height: 1;
        margin: 0;
        white-space: nowrap;
    }

    /* Кнопка (Область: btn — под статусом) */
    .com-btn {
        grid-area: btn;
        justify-self: end; /* Прижать вправо */
        display: inline-block !important;
        padding: 2px 6px;
        font-size: 10px;
        margin: 0;
        width: auto; /* Чтобы не растягивалась */
    }

    /* --- ЦЕНТР --- */

    /* Название (Область: title — занимает высоту двух строк по центру) */
    .site-title-mobile {
        grid-area: title;
        display: block !important;
        text-align: center; /* Текст по центру */
        align-self: center; /* Вертикально по центру */
        font-weight: bold;
        font-size: 14px;
        line-height: 1.1;
        color: #000;
        word-wrap: break-word;
    }

    /* --- НИЖНИЕ БЛОКИ (ВО ВСЮ ШИРИНУ) --- */

    /* Ссылка (Область: url) */
    .site-url-wrap {
        grid-area: url;
        width: 100%;
        margin-top: 4px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #f7f7f7;
        border: 1px solid #eee;
        border-radius: 3px;
        padding: 4px 6px;
    }
    .site_url_text {
        font-size: 10px !important;
        color: #000;
        font-weight: bold;
        white-space: nowrap !important; 
        overflow: hidden; 
        text-overflow: ellipsis;
        margin-right: 5px;
        display: block !important;
    }
    .copy-url-btn {
        padding: 1px 5px;
        background: #fff;
        border: 1px solid #ccc;
        flex-shrink: 0;
    }

    /* Описание (Область: desc) */
    .site-card-desc-mobile {
        grid-area: desc;
        width: 100%;
        display: block !important;
        font-size: 11px;
        line-height: 1.3;
        color: #777;
        margin-top: 4px;
        border-top: 1px dashed #eee;
        padding-top: 4px;
        text-align: left; /* Описание обычно читают слева направо */
    }

    /* Скрытие лишнего */
    .site-card-desc-pc-wrapper { display: none; }
    .site-table-desc br { display: none; }
}

/* Стили для виджетов (новости и комментарии) */
.widget-table tr {
    /* Принудительно возвращаем стандартное табличное поведение */
    display: table-row !important;
    grid-template-columns: none !important; /* Отключаем сетку если вдруг наследуется */
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.widget-table td {
    /* Возвращаем ячейку */
    display: table-cell !important;
    padding: 8px 10px !important; /* Комфортные отступы */
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.4;
    border: none !important; /* ВнутриBootstrap рамок */
}

/* Ссылка в виджетах */
.widget-table .site_url_text {
    color: #241610;
    font-weight: bold;
    text-decoration: none;
}

/* На мобильных можно чуть уменьшить шрифт */
@media (max-width: 767px) {
    .widget-table td {
        font-size: 11px;
        padding: 6px 8px !important;
    }
}

/* Общий стиль для таблиц-виджетов */
.widget-table {
    width: 100%;
    margin: 0;
    background: #fff;
    border-collapse: collapse;
}
.widget-table tr {
    display: table-row !important;
    border-bottom: 1px solid #eee;
}
.widget-table tr:last-child {
    border-bottom: none;
}
/* Стили ячеек (одинаково для левой и правой) */
.widget-table td {
    display: table-cell !important;
    padding: 5px 5px !important; /* Компактный отступ */
    font-size: 12px !important;
    line-height: 1.2;
    vertical-align: middle;
    color: #333;
    border: none !important;
}
/* Ссылки */
.widget-table a {
    color: #241610;
    text-decoration: none;
}
.widget-table a:hover {
    text-decoration: underline;
}

/* 5. Стили для текста новостей (левая колонка) */
.widget-table .newsmediaquery {
    display: block;
    width: 100%;
}

/* Жирный текст внутри новостей и выделений */
.widget-table strong, 
.widget-table b {
    font-weight: 700;
    color: #000;
	text-align: center;	
}

/* 6. Адаптив для мобильных (чуть меньше шрифт и отступы) */
@media (max-width: 767px) {
    .widget-table td {
        padding: 8px 8px !important;
        font-size: 11px !important;
    }
}

/* --- Единые стили для виджетов --- */

/* Сбрасываем отступы таблиц, чтобы они слипались */
.gna-widget-table {
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    border-collapse: collapse;
}

/* На мобильных таблица может иметь отступ снизу */
.table-tech-top .gna-widget-table:last-child {
    margin-bottom: 0;
}

/* Если идет несколько таблиц подряд (Объявления + Сайты), делаем границу между ними */
.table-tech-top .gna-widget-table + .gna-widget-table {
    border-top: 1px solid #eee;
}

/* Стили строк */
.gna-widget-table tr {
    border-bottom: 1px solid #eee;
}
.gna-widget-table tr:last-child {
    border-bottom: none;
}

/* Стили заголовков (Серые полоски) */
.widget-header-cell {
    background: #f9f9f9;
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 10px !important;
    text-align: center;
    border: none;
}

/* Доп. граница сверху для разделителя внутри одной таблицы */
.separator-header .widget-header-cell {
    border-top: 1px solid #eee;
}

/* Настройка ячейки контента */
.widget-content-cell {
    vertical-align: top !important; /* Или middle, если хотите по центру высоты */
    padding: 8px 8px !important;
    line-height: 1.2 !important; /* Чуть плотнее строки */
}

/* 1. Название сайта (Ссылка) */
.site-link {
    display: inline-block; /* Чтобы отступы работали корректно */
    font-weight: bold;
    color: #337ab7;
    text-decoration: none;
    white-space: nowrap; /* Запрещаем разрыв названия сайта (Bybite ») */
    margin-right: 5px; /* Отступ до onion ссылки */
}

/* 2. Onion ссылка (Серый текст) */
.site-meta {
    color: #999;
    font-size: 12px;
    
    /* САМОЕ ВАЖНОЕ ДЛЯ ONION ССЫЛОК: */
    word-break: break-all;       /* Разрешаем разрыв длинного слова в любом месте */
    word-wrap: break-word;       /* Дублируем для старых браузеров */
    
    display: inline;             /* Пусть идет следом за названием */
}

/* Ссылки и текст */
.widget-content-cell .site-link {
    font-weight: bold;
    color: #241610;
    text-decoration: none;
}
.widget-content-cell .site-link:hover {
    text-decoration: underline;
}

.widget-content-cell .site-meta {
    color: #6f6d6d; 
    font-size: 12px; 
    margin-left: 5px;
}

.widget-content-cell .comment-excerpt {
    color: #555;
    font-size: 12px;
}

.widget-content-cell .newsmediaquery {
    font-weight: bold;
    color: #000;
}

/* Синхронизация с правой колонкой (если там используется класс widget-table) */
.widget-table td {
    padding: 8px 8px !important;
    font-size: 12px !important;
}

/* 1. Убираем отступы у заголовка H1 */
.panel-heading .site-title-heading {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1; /* Подтягиваем высоту строки */
    padding-top: 5px; /* Небольшая коррекция для выравнивания с кнопкой */
}

/* 2. Уменьшаем "дутость" самой панели */
.panel-heading {
    padding: 10px 10px !important; /* Стандарт обычно 10px 15px, уменьшаем верх/низ */
    align-items: center;
    justify-content: space-between;
}

.btn-verif {
    /* 1. Позиция и размер текста */
    float: right !important;      /* Жестко прижимаем вправо */
    font-size: 10px !important;   /* Увеличиваем размер (стандартно было 12px) */
  
    /* 2. Размеры самой кнопки */
    padding: 5px 5px !important; /* Баланс: буквы больше, но кнопка не огромная */
    line-height: 1.1;
}

/* --- Карточка сайта (Single Site) --- */

/* Убираем лишние отступы у контейнера */
.gna-single-container {
    padding-top: 10px;
}

/* Кнопка подтверждения */
.btn-verif {
    background-color: #5cb85c;
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 3px;
    border: none;
    text-decoration: none;
    white-space: nowrap;
}
.btn-verif:hover {
    background-color: #449d44;
    color: #fff;
}

.site-link-item:hover {
    text-decoration: underline;
    color: #23527c;
}

/* Звезды рейтинга */
/* .star-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('/wp-content/uploads/2025/12/star.png') no-repeat center center;
    background-size: contain;
    vertical-align: text-top;
} */
/* Фолбек для звезд, если картинки нет (желтый символ) */
/* .star-icon:empty::before {
    content: "★";
    color: #f0ad4e;
    font-size: 14px;
} */

/* Флаги */
.flag-item {
    display: inline-block;
    margin-right: 5px;
}

/* Лейбл статуса (Онлайн/Офлайн) */
.gna-go-label {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    font-weight: normal;
}

/* --- Описание --- */
.desc-label {
    display: block;
    font-weight: bold;
    color: #555;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.site-full-desc {
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #444;
}

/* Адаптив для блоков информации */
@media (max-width: 767px) {
    .site-info-well dt {
        float: none;
        width: 100%;
        color: #999;
        font-size: 11px;
        margin-bottom: 2px;
    }
    .site-info-well dd {
        margin-left: 0;
        margin-bottom: 10px;
        border-bottom: 1px dashed #eee;
        padding-bottom: 10px;
    }
    .panel-heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .btn-verif {
        margin-top: 10px;
        align-self: flex-start;
    }
}

/* ==========================================================================
   8. КОММЕНТАРИИ (МИНИМАЛИЗМ - "GODNOTABA/KRAKEN" STYLE)
   ========================================================================== */
.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ==========================================================================
   ОСНОВНОЙ СБРОС И СЕТКА
   ========================================================================== */

/* Блок с контентом комментария (строка) */
.comment-body.row {
    background: #fff;
    border-bottom: 1px solid #eee; /* Линия разделитель */
	border-top: 1px solid #eee; /* Линия разделитель */
    padding: 5px 0;
    margin-bottom: 0; /* Отступ делаем через контейнер */
    
    /* Исправление сетки */
    display: flex;
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: relative;
}

.comments-area {
    margin-top: 10px;
    padding: 0 5px 10px; /* Минимальные отступы */
}

.comments-title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 10px;
    color: #222;
}

/* На мобильном вложенность меньше */
@media (max-width: 480px) {
    .comment-list .children { margin-left: 2px; padding-left: 2px; }
}

/* Мета-данные (Дата) - мелко серым рядом с именем или под ним */
.comment-meta {
  background-color: #f5f5f5;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  padding: 3px;
  border-radius: 3px;
  
  /* ЭТО ВАЖНО: */
  height: fit-content; /* Высота блока подстраивается под содержимое */
  /* Альтернативный вариант для старых браузеров (если нужно): */
  /* align-self: flex-start; */
}
.comment-meta a { color: #999; text-decoration: none; }
.comment-meta a:hover { text-decoration: underline; }

/* Ожидание модерации */
.comment-awaiting-moderation {
    margin-left: 42px; font-size: 12px; color: #d9534f; font-style: italic;
}

/* Форма добавления */
.gna-comment-form {
    background: #fafafa;
    border: 1px solid #eee;
    padding: 15px;
    margin-top: 25px;
    border-radius: 3px;
}
.comment-reply-title { font-size: 14px; font-weight: bold; margin-bottom: 10px; display: block; }
.gna-comment-form label { display: block; font-size: 12px; font-weight: bold; color: #555; margin-bottom: 3px; }
.gna-comment-form input[type=text], 
.gna-comment-form input[type=email], 
.gna-comment-form textarea {
    width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 2px; margin-bottom: 10px;
}
.gna-comment-form .submit {
    background: #444; color: #fff; border: none; padding: 6px 12px; font-size: 12px; font-weight: bold; text-transform: uppercase;
    border-radius: 3px; cursor: pointer;
}
.gna-comment-form .submit:hover { background: #222; }

/* Капча, если есть */
.captcha-image { margin-bottom: 10px; border: 1px solid #ddd; padding: 5px; background: #fff; display: inline-block; }

/* Стиль для загловка, чтобы выровнять элементы по вертикали */
.comment-reply-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Чтобы на мобильном переносилось */
}

/* Скрываем тег small, но показываем ссылку внутри него */
.comment-reply-title small {
    font-size: 100%;
}

/* Оформление кнопки "Отменить ответ" */
#cancel-comment-reply-link {
    display: inline-block;
    margin-left: 20px;       /* Отступ от текста заголовка */
    background-color: #e74c3c; /* Красный цвет */
    color: #fff !important;    /* Белый текст */
    padding: 6px 15px;       /* Размер кнопки */
    border-radius: 4px;      /* Скругление углов */
    text-decoration: none;     /* Убираем подчеркивание */
    font-size: 14px;         /* Размер шрифта кнопки */
    font-weight: normal;     /* Обычная толщина шрифта */
    line-height: 1.2;
    transition: background 0.3s;
}

/* Эффект при наведении */
#cancel-comment-reply-link:hover {
    background-color: #c0392b; /* Темно-красный при наведении */
}



/* ==========================================================================
   6. ВЛОЖЕННОСТЬ (ОТВЕТЫ) - СДВИГАЕМ ВПРАВО
   ========================================================================== */
/* 
   В вашем HTML родительский коммент имеет класс 'depth-1', 
   вложенный 'depth-2'. Сдвигаем 'depth-2'
*/
.comment-list .comment.depth-2 {
    border-left: 1px solid #ebedf0; /* Визуальная линия ветки */
    padding-left: 5px; /* Отступ от линии */
}
.comment-list .comment.depth-2 .comment-content {
    font-size: 12px;
	margin-left: 5px;
    line-height: 1.2;
    color: #222;
}

/* У глубинных комментариев убираем лишние верхние бордеры, если нужно */
.comment-list .depth-2 .comment-body.row {
    border-bottom: 1px solid #eee; /* Оставляем разделитель */
}

/* Убираем лишние отступы внутри даты */
.comment-body .comment-meta span, 
.comment-body .comment-meta p {
    margin: 0;
    line-height: 1.2;
    display: block;
}

/* ==========================================================================
   АВАТАР (ФИКС ПРОЗРАЧНОСТИ И РАЗМЕРА)
   ========================================================================== */
.comment-author.vcard {
    display: flex;
    align-items: center;
}

.comment-author img.avatar {
    width: 26px !important;    /* Фиксим width="1" */
    height: 26px !important;   /* Фиксим width="1" */
    border-radius: 50%;
    background-color: transparent !important; /* Убираем белый фон */
    object-fit: cover;
}

/* Отодвигаем имя вправо */
.comment-author .fn {
    margin-left: 5px; /* Регулируйте это значение (10px, 15px, 20px) */
    font-weight: bold;
}

.comment-author .says {
    color: #999;
    font-size: 12px;
}
.comment-author .says { display: none; } /* Скрываем слово "пишет" для минимализма */
/* ==========================================================================
   ТЕКСТ И КНОПКА
   ========================================================================== */
/* Убеждаемся, что родительская колонка растягивает детей */
.comment-body .comment-main-col {
    padding-left: 5px;
} 
/* ==========================================================================
   5. ТЕКСТ И КНОПКА
   ========================================================================== */
/* Растягиваем текст на всю ширину */
.comment-content {
    width: 80%;
}

.comment-content .comment-text {
    font-size: 12px;
    line-height: 1.2;
    color: #222;
    margin-bottom: 0px;
}

.comment-content p {
    margin: 0 0 0px 0;
}

/* Кнопка "Ответить" справа */
.comment-body .reply {
    width: 95%;
    text-align: right;

}

.comment-reply-link {
    font-size: 12px;
    color: #777;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 3px 3px;
    border-radius: 3px;
    display: inline-block;
}
.comment-reply-link:hover {
    background: #f9f9f9;
    color: #000;
}

/* ==========================================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================================== */
@media (max-width: 768px) {
/* ==========================================================================
   5. ТЕКСТ И КНОПКА
   ========================================================================== */
/* Растягиваем текст на всю ширину */
.comment-content {
    width: 80%;
}

.comment-content .comment-text {
    font-size: 10px;
    line-height: 1.2;
    color: #222;
    margin-bottom: 0px;
}

.comment-content p {
    margin: 0 0 0px 0;
}

/* Кнопка "Ответить" справа */
.comment-body .reply {
    width: 90%;
    text-align: right;

}

.comment-reply-link {
    font-size: 12px;
    color: #777;
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 3px 3px;
    border-radius: 3px;
    display: inline-block;
}
.comment-reply-link:hover {
    background: #f9f9f9;
    color: #000;
}

}

/* 1. Делаем строку комментария "опорной точкой" */
.comment-list .comment-body.row {
    position: relative; /* Это важно для absolute детей */
    /* Ваши предыдущие стили оставляем (flex, border и т.д.) */
}

/* 2. Перемещаем кнопку в правый верхний угол */
.comment-body .reply {
    position: absolute;
    top: 20px;   /* Отступ сверху (такой же, как padding у .row) */
    right: 0;    /* Прижимаем к правому краю */
    width: auto; /* Ширина по содержимому, а не 100% */
    margin: 0;
    z-index: 10; /* Чтобы была поверх всего */
}

/* Стили самой кнопки (чуть компактнее для шапки) */
.comment-reply-link {
    font-size: 11px;
    color: #999;
    border: 1px solid #eee;
    padding: 2px 8px;
    border-radius: 3px;
    background: #fff;
}

.comment-reply-link:hover {
    background: #f9f9f9;
    color: #333;
    border-color: #ccc;
}

/* 3. Корректируем отступы для шапки автора, чтобы кнопка не наехала на имя */
.comment-author.vcard {
    margin-right: 80px; /* Оставляем место справа для кнопки */
}

/* --- Мобильная версия --- */
@media (max-width: 768px) {
.comment-text p { /* Или просто .comment-text, если внутри нет других тегов, кроме <p> */
    margin-bottom: 1em; /* Обычный отступ между параграфами */
    
    /* ===== Ключевые стили для переноса текста ===== */
    word-wrap: break-word; /* Для совместимости со старыми браузерами */
    overflow-wrap: break-word; /* Современный стандарт, переносит слова, которые не помещаются */
    hyphens: auto; /* Автоматический перенос слов по слогам (поддерживается не всеми браузерами, но полезен) */
    
    /* Если хотите, чтобы текст был идеально прижат к краям, убираем лишние отступы */
    /* padding: 0; */ /* Если они вдруг есть */
    /* margin: 0; */ /* Если они вдруг есть */
}
.comment-list .comment.depth-2 {
  margin-left: 0;
  border-left: 1px solid #ebedf0;
  padding-left: 0;
}

.comment-list .comment.depth-2 .comment-content .comment-text p {
  text-align: left;
  padding-left: 0;
  margin-left: 0;
}
/* Если вы хотите, чтобы весь div.comment-text занимал всю ширину, а не только p */
.comment-text {
    color: #333;
    font-size: 10px;
    line-height: 1.5;
    
    word-wrap: break-word;           
    overflow-wrap: break-word;       
    hyphens: auto;
    
    /* ===== Для смещения к левому краю ===== */
    text-align: left; /* Убедимся, что текст выравнивается по левому краю */
    padding-left: 0;  /* Сбрасываем левый padding, если он есть */
    margin-left: 0;   /* Сбрасываем левый margin, если он есть */
}

/* Если вы хотите, чтобы `.comment-content` тоже занимал всю ширину */
.comment-content {
    width: 90%;
    box-sizing: border-box;
}
}
/* ----------------------------------------------------- */
/* Адаптация для МОБИЛЬНЫХ (чтобы не сломалось) */
/* ----------------------------------------------------- */
@media (max-width: 768px) {
    /* На телефоне лучше вернуть кнопку вниз или оставить сверху, но подвинуть */
    
    /* Вариант А: Оставляем кнопку сверху справа */
    .comment-body .reply {
        top: 5px;
        right: 0;
    }
    
    /* Вариант Б (Если хотите вернуть вниз на телефоне - раскомментируйте ниже): */
    /*
    .comment-body .reply {
        position: static;
        margin-top: 10px;
        text-align: right;
    }
    .comment-author.vcard {
        margin-right: 0;
    }
    */
}

/* 1. Убираем отступ под Аватаром/Именем */
.comment-list .comment.depth-2 .comment-author.vcard {
    margin-bottom: 2px; /* Было больше, делаем минимум */
}

/* 2. Поднимаем сам блок с текстом */
.comment-list .comment.depth-2 .comment-content {
    font-size: 10px;
    line-height: 1.1;
    color: #222;
    
    /* Если нужно подвинуть вправо под имя: */
    /* margin-left: 55px; */ /* Подбирайте под размер аватара */
    
    /* Если нужно ПОДНЯТЬ ВВЕРХ: */
    margin-top: 0px; 
}

/* 3. Убираем отступ у самого параграфа <p> внутри текста */
.comment-list .comment.depth-2 .comment-content .comment-text p {
    margin-top: 0;     /* Убираем верхний отступ параграфа */
    margin-bottom: 2px;           /* Небольшой отступ снизу */
}

/* =========================================
   1. ШАПКА МЕНЮ (STICKY BAR)
   ========================================= */
.sticky-bar {
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    /* Липкое позиционирование */
    position: -webkit-sticky; position: sticky;
    top: 0; z-index: 99999;
    height: 40px; width: 100%;
	margin-bottom: 15px;
	margin-top: 1px;
}

.sticky-bar .container {
    height: 100%;
    display: flex; align-items: center;
    position: relative; /* Для позиционирования на ПК */
}

/* =========================================
   2. ДЕСКТОП ВЕРСИЯ (min-width: 769px) (ИСПРАВЛЕНО)
   ========================================= */
@media (min-width: 769px) {
    
    .mobile-burger, .menu-overlay { display: none; } 
    
    .main-navigation { 
        height: 100%; 
        width: 100%; 
    }
    
    /* 2.1 ГЛАВНЫЙ СПИСОК */
    ul.auto-cats-menu {
        list-style: none; margin: 0; padding: 0;
        display: flex; 
        align-items: stretch; /* ВАЖНО: Растягиваем li на всю высоту */
        height: 100%; 
        width: 100%;
    }

    li.menu-item-parent, li.menu-item-home {
        flex-grow: 1; 
        height: 100%;        /* ВАЖНО: Занимает всю высоту */
        display: flex; 
        align-items: stretch; 
        justify-content: center;
        
        /* БАЗА ДЛЯ ВЫПАДАЮЩЕГО МЕНЮ */
        position: relative; 
        
        /* Тень-разделитель слева */
        box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.08); 
    }
    /* Разделитель справа для последнего */
    ul.auto-cats-menu > li:last-child {
        box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.08), inset -1px 0 0 0 rgba(0,0,0,0.08);
    }

    /* КНОПКА РОДИТЕЛЯ */
    li.menu-item-parent > span.parent-label,
    li.menu-item-home > a {
        display: flex; 
        align-items: center; 
        justify-content: center;
        
        width: 100%; 
        height: 100%; /* ВАЖНО: Кликабельна вся область */
        padding: 12px;
		padding-bottom: 15px
        
        font-size: 11px; font-weight: 700; text-transform: uppercase; color: #444; 
        cursor: pointer; white-space: nowrap; transition: 0.2s;
        text-decoration: none;
    }
    
    /* ХОВЕР НА ВСЮ ВЫСОТУ */
    ul.auto-cats-menu > li:hover { 
        background-color: #f7f7f7; 
        box-shadow: none; 
    }
    ul.auto-cats-menu > li:hover > span, ul.auto-cats-menu > li:hover > a { color: #000; }
    
    .arr-icon { margin-left: 6px; width: 10px; color: #aaa; }


    /* 2.2 ВЫПАДАЮЩЕЕ МЕНЮ (Уровень 2) */
    .dropdown-level-2 {
        display: none;
        position: absolute;
        
        /* ВАЖНО: Начинается от самого низа li (top: 100%) */
        top: 100%; 
        left: 0;
        width: 100%; /* Ширина как у li */
        min-width: 0; /* Сброс */
        
        background: #fff;
        border: 1px solid #ddd; border-top: 1px solid #eee;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        list-style: none; padding: 0; margin: 0; z-index: 10000;
        box-sizing: border-box;
    }
    
    /* Открываем при наведении на li */
    li.menu-item-parent:hover > .dropdown-level-2 { display: block; }

    /* ССЫЛКА ПОДКАТЕГОРИИ */
    .sub-cat-link {
        display: flex; align-items: center; justify-content: center;
		border-bottom: 1px solid #e2e2e2;
        position: relative;
        padding: 10px 20px;
        width: 100%;
        background: #fff; text-decoration: none;
        transition: background 0.2s;
    }
    .sub-cat-link:hover { background-color: #f4f4f4; color: #000; }
    
    .sub-cat-link span:first-child {
        text-align: center; color: #333; font-weight: 700; 
        font-size: 11px; text-transform: uppercase; line-height: 1.2;
    }

    /* Стрелка выпадашки */
    .flyout-arrow {
        position: absolute; top: 50%; right: 8px; transform: translateY(-50%);
        width: 12px; height: 12px; color: #ccc; display: flex; pointer-events: none;
    }

    /* 2.3 FLYOUT МЕНЮ (Уровень 3 - Сайты) */
    .dropdown-level-3 {
        display: none;
        position: absolute;
        top: -1px; left: 100%;
        min-width: 200px;
        background: #fff; border: 1px solid #ddd;
        box-shadow: 0 5px 15px rgba(0,0,0,0.15);
        list-style: none; padding: 0; margin: 0; z-index: 10001;
    }
    .has-flyout:hover > .dropdown-level-3 { display: block; }

    .dropdown-level-3 li a {
        display: block; padding: 8px 15px; font-size: 12px; color: #555; text-decoration: none;
        border-bottom: 1px solid #fafafa; transition: 0.2s;
    }
    .dropdown-level-3 li a:hover { background: #fcfcfc; color: #0073aa; padding-left: 20px; }

    /* ФИКС ДЛЯ КРАЙНИХ ПРАВЫХ */
    ul.auto-cats-menu > li:nth-last-child(-n+2) .dropdown-level-3 {
        left: auto; right: 100%;
        border-right: none; border-left: 1px solid #ddd;
    }
    ul.auto-cats-menu > li:nth-last-child(-n+2) .flyout-arrow {
        right: auto !important; left: 8px !important; 
        transform: translateY(-50%) rotate(180deg) !important;
    }
}

/* =========================================
   МОБИЛЬНАЯ ВЕРСИЯ (FULLSCREEN OVERLAY)
   ========================================= */
@media (max-width: 768px) {
    
    /* 1. ШАПКА САЙТА */
    .sticky-bar { 
        height: 40px; padding: 0;
        position: -webkit-sticky; position: sticky; top: 0;
        background: #fff; border-bottom: 1px solid #ddd;
        z-index: 9999; /* Ниже, чем открытое меню */
    }
    
    .sticky-bar .container {
        position: static; height: 100%; padding: 0 5px;
        display: flex; justify-content: space-between;
    }

    /* 2. КНОПКИ (Бургер) */
    .mobile-burger {
        display: flex; align-items: center; height: 100%;
        background: transparent; border: none; padding: 0; outline: none;
        cursor: pointer; flex-shrink: 0;
    }
    .txt { font-weight: 800; font-size: 14px; color: #222; text-transform: uppercase; margin-left: 8px; }
    
    .burger-icon { width: 24px; height: 24px; position: relative; display: flex; align-items: center; }
    .burger-icon span { position: absolute; width: 100%; height: 2px; background: #222; left: 0; }
    .burger-icon span:nth-child(1){top:4px} .burger-icon span:nth-child(2){top:11px} .burger-icon span:nth-child(3){top:18px}
    
    .arrow-close-icon svg { width: 24px; height: 24px; color: #222; }


    /* 3. ГЛАВНОЕ МЕНЮ (ОТКРЫВАЕТСЯ НА ВЕСЬ ЭКРАН) */
    .main-navigation {
        display: none;
        
        /* ПЕРЕКРЫВАЕМ ВСЁ */
        position: fixed; 
        top: 0; left: 0;
        width: 100%; 
        height: auto;
        max-height: 80vh; /* Оставляем место для оверлея снизу */
        
        background: #fff;
        z-index: 10000; /* Самый верх */
        box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        
        /* Внутри своя структура: шапка + скролл */
        flex-direction: column;
    }
    
    /* Когда открыто - показываем как flex-колонку */
    .main-navigation.active { display: flex; }
    
    
    /* 4. ВНУТРЕННЯЯ ШАПКА МЕНЮ (КЛОН) */
    /* Она встанет ровно на место старой шапки, перекрыв её */
    .mobile-menu-header {
        height: 40px; /* Та же высота */
        flex-shrink: 0;
        display: flex;
        align-items: center;
        padding: 0 5px; /* Те же отступы */
        border-bottom: 1px solid #ddd;
        background: #fff;
    }
    
    /* 5. СКРОЛЛ-КОНТЕНТ */
    .menu-content-scroll {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        flex-grow: 1;
    }


    /* 6. ОВЕРЛЕЙ */
    .menu-overlay { 
        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.5); z-index: 9990; /* Под меню */
        display: none; 
    }
    .menu-overlay.active { display: block; }


    /* --- СТРУКТУРА СПИСКОВ --- */
    ul.auto-cats-menu { display: block !important; width: 100%; margin:0; padding:0; }
    ul.auto-cats-menu > li { display: block !important; width: 100%; border-bottom: 1px solid #eee; box-shadow: none !important; }
    ul.auto-cats-menu > li:hover { background: none; }

    li.menu-item-parent > span.parent-label, li.menu-item-home > a {
        display: flex; justify-content: space-between; align-items: center;
        width: 100%; padding: 15px; 
        font-size: 14px; font-weight: 700; color: #333; background: #fff;
    }
    .arr-icon { width: 12px; color: #999; }

    .dropdown-level-2 {
        display: none; position: static; width: 100%; border: none; padding: 0;
        box-shadow: none; background: #f9f9f9; border-top: 1px solid #eee;
    }
    .dropdown-level-2.open { display: block !important; }

    .sub-cat-link {
        display: flex; justify-content: space-between; align-items: center;
        padding: 12px 20px; border-bottom: 1px solid #eee;
        font-size: 13px; font-weight: 700; color: #333; width: 100%;
    }
    .flyout-arrow { display: none; } /* Скрываем десктоп стрелку */
    
    .dropdown-level-3 {
        display: none; position: static; width: 100%; margin: 0; padding: 0;
        background: #fff; border-top: 1px solid #eee; box-shadow: none;
    }
    .dropdown-level-3.open { display: block !important; }

    .dropdown-level-3 li a {
        display: block; padding: 12px 20px 12px 40px; 
        font-size: 13px; color: #555; text-decoration: none; border-bottom: 1px solid #f9f9f9;
        white-space: normal; line-height: 1.3;
    }
}