/*
Theme Name: godnotaba
*/

/* 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:14px; line-height:1.42857143; color:#333; background:#fff; }
a { color:#337ab7; text-decoration:none; }
a:hover,a:focus { color:#23527c; text-decoration:underline; }

/* Container */
.container { padding:15px; 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;
  margin:0 0 30px 0;
}
.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 30px 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; }
.stars-wrap { display:inline-block; margin-right:6px; vertical-align:middle; }
.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 28px; /* место под иконку слева */
  font-size: 12px;
  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='14' height='14' 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;
  padding: 2px 8px 2px 28px; /* место под иконку слева */
  font-size: 12px;
  line-height: 18px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  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: 22px;
    font-size: 11px;
  }
}

/* Категории / подкатегории на главной */
.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:#337ab7; text-decoration:none; }
.child-posts a:hover { text-decoration:underline; }
.cat-meta, .child-meta { color:#777; font-size:12px; margin-left:8px; }
