/*************************************************************
The KusT — Ultimate Ultra-Cool Forum Theme (Dark Rust Survival)
**************************************************************/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

/* ============================================================
1. ПОЛНАЯ БЛОКИРОВКА РЕКЛАМЫ И «СОЗДАТЬ ФОРУМ БЕСПЛАТНО»
============================================================ */
/* Скрываем рекламный блок 468x60 в шапке */
#pun-title td.title-logo-tdr,
.title-logo-tdr,
#pun-title .title-logo-tdr,

/* Рекламные баннеры хостинга (MyBB, RusFF, Forum2x2 и др.) */
.adv, .ads, .ad-banner, .advert, .advertisement,
#pun-ad, #pun-admain, .ad_top, .ad_bottom,
#ad_bottom, #ad_top, .banner-box, .board-advert,
div[class*="banner"], div[id*="banner"],
div[class*="advert"], div[id*="advert"],
div[id*="ad_"], div[class*="ad_"],
iframe[src*="an.yandex.ru"], iframe[src*="google"],
iframe[src*="mail.ru"], iframe[src*="begun"],

/* Ссылки «Создать форум бесплатно» и промо-подвал хостинга */
.mybb_bottom, .rusff_bottom, .mybb_links,
a[href*="create-forum"], a[href*="create_forum"],
a[href*="mybb.ru"], a[href*="rusff.ru"], a[href*="forum2x2.ru"],
#pun-about p span,
#pun-about p span a,
div.punbb-admin #pun-about {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Растягиваем логотип на всю ширину шапки после скрытия рекламы */
#pun-title table, #pun-title tbody, #pun-title tr {
  width: 100% !important;
  display: block !important;
}

#pun-title td.title-logo-tdl {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}


/* ============================================================
2. АТМОСФЕРНЫЙ ФОН И КАСТОМНЫЙ СКРОЛЛБАР
============================================================ */
html, body {
  background: #101010 radial-gradient(circle at 50% 0%, #1b1b1b 0%, #101010 70%, #0a0a0a 100%) fixed !important;
  color: #a6b3b3 !important;
  font-family: "Roboto Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

/* Фирменный скроллбар в стиле The KusT */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #101010;
}
::-webkit-scrollbar-track {
  background: #151515;
}
::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ce422b;
}

/* Контейнер форума */
#pun {
  max-width: 1200px;
  margin: 30px auto !important;
  padding: 0 16px;
  float: none !important;
}

/* Ссылки */
.punbb a, .punbb a:link, .punbb a:visited {
  color: #ce422b !important;
  text-decoration: none !important;
  transition: all 0.15s ease-in-out;
}
.punbb a:hover, .punbb a:focus, .punbb a:active {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-shadow: 0 0 8px rgba(206, 66, 43, 0.5);
}


/* ============================================================
3. КРУТАЯ ШАПКА И СТИЛЬНОЕ МЕНЮ НАВИГАЦИИ
============================================================ */
#pun-title {
  background: linear-gradient(180deg, #181818 0%, #121212 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 2px solid #ce422b !important;
  border-radius: 6px 6px 0 0 !important;
  padding: 24px 20px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}

#pun-title h1 {
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

#pun-title h1 span {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

/* Панель навигации (меню) */
#pun-navlinks {
  background: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5);
}

#pun-navlinks .container {
  padding: 8px 14px !important;
  background: transparent !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

#pun-navlinks li {
  display: inline-flex !important;
  padding: 0 !important;
}

#pun-navlinks li a {
  color: #bbbbbb !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px;
  padding: 7px 16px !important;
  border-radius: 4px !important;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid transparent;
  transition: all 0.2s ease !important;
}

#pun-navlinks li a:hover,
#pun-navlinks li.isactive a {
  background: #ce422b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(206, 66, 43, 0.45);
  transform: translateY(-1px);
}

/* Панель пользователя (Статус) */
#pun-status .container {
  background: rgba(20, 20, 20, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-radius: 5px !important;
  padding: 12px 18px !important;
  margin-bottom: 18px !important;
  font-size: 14px !important;
  backdrop-filter: blur(8px);
}

#pun-status span {
  color: #ffffff !important;
  font-weight: 700;
}

/* Хлебные крошки */
#pun-crumbs1 p.container, #pun-crumbs2 p.container {
  background: transparent !important;
  border: none !important;
  padding: 8px 2px !important;
  font-size: 13.5px !important;
  color: #777777 !important;
}


/* ============================================================
4. РАЗДЕЛЫ, КАТЕГОРИИ И ТАБЛИЦЫ
============================================================ */
/* Шапка категории */
.punbb .main h1, 
.punbb .main h2, 
#pun-stats h2, 
#pun-debug h2 {
  background: linear-gradient(90deg, #ce422b 0%, #a42c19 100%) !important;
  color: #ffffff !important;
  padding: 12px 20px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  border: none !important;
  border-radius: 5px 5px 0 0 !important;
  margin: 0 !important;
  box-shadow: 0 4px 12px rgba(206, 66, 43, 0.25);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.punbb .main h2 a {
  color: #ffffff !important;
}

/* Блок категории */
.punbb .main .container {
  background-color: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-top: none !important;
  border-radius: 0 0 5px 5px !important;
  margin-bottom: 24px !important;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.punbb .main table {
  width: 100% !important;
  border-collapse: collapse !important;
}

/* Колонки */
.punbb .main th {
  background-color: #1d1d1d !important;
  color: #8fa0a0 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px;
  padding: 10px 16px !important;
  border: none !important;
  border-bottom: 1px solid #282828 !important;
}

/* Строки форума */
.punbb .main td {
  padding: 14px 18px !important;
  border: none !important;
  border-bottom: 1px solid #202020 !important;
  color: #a4b2b2 !important;
  font-size: 14.5px !important;
  transition: background 0.15s ease;
}

.punbb .main tr:hover td {
  background-color: rgba(206, 66, 43, 0.05) !important;
}

/* Заголовок темы */
.punbb .main .tcl h3 {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 0 4px 0 !important;
}

.punbb .main .tcl h3 a {
  color: #e5ecec !important;
}

.punbb .main .tcl h3 a:hover {
  color: #ce422b !important;
  text-decoration: none !important;
}

/* Счётчики тем и сообщений */
.punbb .main .tc2, .punbb .main .tc3 {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #ffffff !important;
}

/* Иконки статуса темы */
div.icon {
  border-color: #404040 #333333 #2b2b2b #3a3a3a !important;
  border-radius: 2px;
}
/* Непрочитанные темы — яркий огонь */
div.inew {
  border-color: #ff4a30 #ce422b #a82e1c #e24930 !important;
  box-shadow: 0 0 10px rgba(226, 73, 48, 0.7);
  border-radius: 2px;
}


/* ============================================================
5. ПОСТЫ, АВАТАРЫ И КАРТОЧКИ СООБЩЕНИЙ
============================================================ */
.punbb .post {
  margin-bottom: 20px !important;
  border: none !important;
}

.punbb .post .container {
  background-color: #161616 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
}

/* Верхняя полоска сообщения */
.punbb .post h3 {
  background-color: #1c1c1c !important;
  border: none !important;
  border-bottom: 1px solid #262626 !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  color: #7e8a8a !important;
}

.punbb .post h3 span {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
}

.punbb .post h3 strong {
  color: #ce422b !important;
  font-weight: 700 !important;
}

/* Автор (Слева) */
.punbb .post .post-author {
  background-color: #141414 !important;
  border-right: 1px solid #222222 !important;
  padding: 18px 16px !important;
  width: 170px !important;
}

.punbb .pa-author {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.punbb .pa-author a {
  color: #ffffff !important;
}

/* Рамка аватара с неоновым оттенком */
.punbb .post .post-author img {
  border-radius: 4px !important;
  border: 1px solid #333333 !important;
  max-width: 95px !important;
  margin: 8px 0 12px 0 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.punbb .post .post-author img:hover {
  transform: scale(1.04);
  box-shadow: 0 0 14px rgba(206, 66, 43, 0.45);
}

/* Индикатор онлайн */
li.pa-online {
  border-left: 8px solid #4cd137 !important;
  padding-left: 6px !important;
  color: #4cd137 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-transform: uppercase;
}

/* Содержимое поста */
.punbb .post-body {
  background-color: #161616 !important;
  padding: 20px 24px !important;
  margin-left: 202px !important;
  border: none !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  color: #d8e2e2 !important;
}

/* Стильные цитаты */
.punbb .quote-box {
  background-color: #0e0e0e !important;
  border: 1px solid #242424 !important;
  border-left: 4px solid #ce422b !important;
  border-radius: 4px !important;
  padding: 14px 18px !important;
  margin: 16px 0 !important;
  color: #b2bebe !important;
  font-style: italic;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
}

.punbb .quote-box cite {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  margin-bottom: 6px !important;
}

/* Блоки кода */
.punbb .code-box {
  background-color: #0a0a0a !important;
  border: 1px solid #222222 !important;
  border-radius: 4px !important;
  padding: 14px 18px !important;
  margin: 16px 0 !important;
  font-family: Consolas, "Courier New", monospace !important;
  color: #58a6ff !important;
  font-size: 13.5px !important;
}

/* Нижняя плашка действий (Цитировать, Редактировать) */
.punbb .post-links {
  background-color: #141414 !important;
  border-top: 1px solid #202020 !important;
  margin-left: 0 !important;
  border-left: none !important;
}

.punbb .post-links ul {
  border: none !important;
  padding: 10px 18px !important;
  height: auto !important;
  line-height: normal !important;
  margin-left: 0 !important;
}

.punbb .post-links li a {
  background-color: #202020 !important;
  color: #cccccc !important;
  border: 1px solid #333333 !important;
  border-radius: 3px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  display: inline-block;
  transition: all 0.15s ease;
}

.punbb .post-links li a:hover {
  background-color: #ce422b !important;
  border-color: #ce422b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(206, 66, 43, 0.4);
  transform: translateY(-1px);
}


/* ============================================================
6. БОМБИЧЕСКИЕ КНОПКИ И УДОБНЫЙ РЕДАКТОР
============================================================ */
/* Кнопки «Новая тема», «Ответить» */
.linkst .postlink a, 
.linksb .postlink a {
  background: linear-gradient(180deg, #de452d 0%, #ce422b 100%) !important;
  color: #ffffff !important;
  padding: 9px 22px !important;
  border-radius: 4px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  box-shadow: 0 4px 12px rgba(206, 66, 43, 0.45);
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.linkst .postlink a:hover, 
.linksb .postlink a:hover {
  background: #e24930 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(206, 66, 43, 0.6);
}

/* Кнопка отправки формы (Submit) */
.punbb .formsubmit input,
.punbb input[type="submit"] {
  background: linear-gradient(180deg, #de452d 0%, #ce422b 100%) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 10px 28px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: all 0.15s ease-in-out !important;
}

.punbb .formsubmit input:hover,
.punbb input[type="submit"]:hover {
  background: #e24930 !important;
  box-shadow: 0 6px 16px rgba(206, 66, 43, 0.55);
  transform: translateY(-1px);
}

/* Поля ввода и большое поле сообщения */
.punbb input[type="text"],
.punbb input[type="password"],
.punbb select,
.punbb textarea {
  background-color: #0f0f0f !important;
  color: #ffffff !important;
  border: 1px solid #303030 !important;
  border-radius: 4px !important;
  padding: 10px 14px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.punbb textarea {
  width: 100% !important;
  min-height: 200px !important;
  line-height: 1.6 !important;
}

.punbb input[type="text"]:focus,
.punbb textarea:focus,
.punbb select:focus {
  border-color: #ce422b !important;
  outline: none !important;
  box-shadow: 0 0 10px rgba(206, 66, 43, 0.5) !important;
}

/* Пагинация */
.pagelink a, .pagelink span, .pagelink strong {
  background-color: #181818 !important;
  color: #cccccc !important;
  border: 1px solid #2d2d2d !important;
  border-radius: 3px !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-block;
  margin: 0 2px !important;
}

.pagelink strong {
  background-color: #ce422b !important;
  border-color: #ce422b !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(206, 66, 43, 0.4);
}


/* ============================================================
7. МОБИЛЬНАЯ АДАПТАЦИЯ (СМАРТФОНЫ)
============================================================ */
@media (max-width: 768px) {
  #pun {
    margin: 10px auto !important;
    padding: 0 8px;
  }
  
  .punbb .main .tc2, .punbb .main .tc3 {
    display: none !important;
  }

  .punbb .post .post-author {
    float: none !important;
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #222222 !important;
    padding: 12px 16px !important;
  }

  .punbb .post-body {
    margin-left: 0 !important;
    padding: 16px !important;
  }
}