/**
 * cannibal_cafe.css
 * For QChan adapted from kusaba by sinuca
 */

/* Базовые настройки страницы */
body, html, #main_page, .index-page, #wrap {
	font-family: "TimesNewRomanPS-BoldMT", "Times New Roman", Times, serif !important;
	font-size: 11pt !important;
	background-image: url('img/bricks.jpg') !important; 
	background-repeat: repeat !important;
	background-attachment: fixed !important;
	background-position: top left !important;
	background-color: transparent !important; 
	color: #000000 !important; 
	margin: 0 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 29px !important; 
}

/* Весь обычный черный текст, ники и формы — ЖИРНЫЙ ТАЙМС */
table, tr, td, th, div, span, p, input, textarea, select, li, footer, label, .name, .subject {
	font-family: "TimesNewRomanPS-BoldMT", "Times New Roman", Times, serif !important;
	font-weight: bold !important;
	color: #000000 !important;
}

/* Главный заголовок остаётся крупным, красным и жирным */
h1 {
	font-family: "TimesNewRomanPS-BoldMT", "Times New Roman", Times, serif !important; 
	font-size: 4em !important;                             
	color: #FF0000 !important;                             
	font-weight: bold !important;                          
	letter-spacing: 0px !important;                        
	text-align: center !important; 
	display: block !important;     
	margin: 15px auto !important;
}

/* Две гифки под строкой h1 */
h1::after {
	content: "";
	display: block !important;
	margin: 10px auto 0 auto !important; 
	width: 405px; 
	height: 60px;
	background-image: url('img/drop.gif'), url('img/drop.gif') !important;
	background-size: 174px 60px, 221px 60px !important;
	background-repeat: no-repeat !important;
	background-position: left center, right center !important;
}

.catalog-page h1::after, #page-catalog h1::after {
	display: none !important;
}

header div.subtitle {
	font-size: 16px;
	color: #000000 !important; 
	font-weight: bold;
	margin: 1em 0;
}

/* Все синие ссылки — ОБЫЧНЫЙ ТАЙМС с нижним подчеркиванием */
a, a:visited, .body a, .pages a {
	font-family: "TimesNewRomanPSMT", "Times New Roman", Times, serif !important;
	font-weight: normal !important;
	color: #0000EE !important;
	text-decoration: underline !important; 
}

/* При наведении ссылки становятся КРАСНЫМИ и ЖИРНЫМИ */
a:hover, a:active, .body a:hover, .pages a:hover {
	font-family: "TimesNewRomanPS-BoldMT", "Times New Roman", Times, serif !important;
	font-weight: bold !important;
	color: #FF0000 !important;
	text-decoration: underline !important;
}

/* Текст даты и времени — КУРСИВНЫЙ ТАЙМС */
span.intro, header p, .unimportant {
	font-family: "TimesNewRomanPS-ItalicMT", "Times New Roman", Times, serif !important;
	font-style: italic !important;
	font-weight: normal !important;
}

/* Прозрачный фон для таблицы создания постов */
form table, form table tr th, form table tr td {
	background: transparent !important; 
	border: none !important;
}

/* Стили для ответов (Reply-постов) — ТЕПЕРЬ ПРОЗРАЧНЫЕ */
div.post.reply, 
div.post.reply:target, 
.reply:target, 
.highlighted {
	background: transparent !important; 
	background-color: transparent !important;
	border: none !important;
	padding: 5px !important;
	display: inline-block !important; /* Нативный фикс формы Vichan */
}

/* Возвращаем черный цвет текста для читаемости на кирпичах */
div.post.reply, div.post.reply span, div.post.reply p, div.post.reply div {
	color: #000000 !important; 
}

/* Навигация внизу страниц */
div.pages {
	background: transparent !important;
	border: 2px groove !important;
	color: #000000 !important; 
}

/* Кучность списка борд */
fieldset ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)) !important; 
    gap: 5px 10px !important; 
    padding-left: 20px !important; 
    margin: 0 !important;
    list-style-type: disc !important; 
}

fieldset ul li::marker {
    color: #000000 !important; 
}

/* Кровавая гифка на самом верху экрана */
body::before {
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: 100% !important; 
    height: 24px !important; 
    background-image: url('img/blodbar.gif') !important; 
    background-size: 100% 100% !important; 
    background-repeat: no-repeat !important;
    background-position: top center !important;
    z-index: 9999; 
    pointer-events: none; 
}

/* Скрываем дефолтные аниме-баннеры и дубли меню */
img.board_image, .board_image, div.banner img, #logo img, footer div.boardlist:nth-of-type(2), div.styles + div.styles {
    display: none !important;
}

/* 1. Делаем блок новостей прозрачным */
div.ban {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* 2. Убираем белую подложку и рамку у приветствия (вокруг Пепе) и нижних блоков */
div.box-wrap, 
div.mainbox, 
div.box,
fieldset {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 3. Делаем прозрачными заголовки нижних блоков (Latest Posts, Stats) */
div.mainbox h2, 
div.box-wrap h2,
legend {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    color: #000000 !important; /* Оставляем текст черным */
}

/* Делаем оранжево-красную полосу режима отправки прозрачной */
div.banner {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Центрируем слово Boards (заголовок fieldset) по середине */
fieldset legend, 
legend {
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important; /* Отменяет возможное смещение влево */
    display: table !important; /* Фикс для некоторых браузеров, чтобы margin: auto сработал */
}

/* Полностью удаляем обводку (зеленую рамку) у картинки с Пепе */
div.mainbox img, 
div.box img, 
.description img,
img[src*="hotwheels"] {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Полностью убираем любые рамки и обводки на главной странице */
.index-page fieldset, 
.index-page .mainbox, 
.index-page .box-wrap, 
.index-page .description,
div.mainbox,
div.box-wrap,
fieldset {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    border-style: none !important;
}

/* Сброс рамок для нижних блоков Latest Posts и Stats */
div.mainbox, fieldset {
    border: 0px transparent solid !important;
}

/* Принудительный сброс ВСЕХ рамок на главной странице и в нижних blocks */
fieldset, 
div.mainbox, 
div.box-wrap, 
.index-page fieldset,
table, 
tr, 
td {
    border: 0px transparent none !important;
    border-style: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем рамку конкретно вокруг картинки Пепе и её табличной обёртки */
div.mainbox table, 
div.mainbox td, 
div.mainbox img, 
.description img, 
fieldset img {
    border: 0px transparent none !important;
    outline: none !important;
}

/* Полностью убираем серые разделительные полосы (теги hr) на главной странице */
.index-page hr, 
hr {
    border: none !important;
    background-color: transparent !important;
    color: transparent !important;
    height: 0 !important;
    margin: 10px 0 !important; /* Оставляем только пустой отступ между блоками */
}

/* Убираем рамку и обводку у блока Recent Images и его контейнеров */
.box.image, 
#recent-images, 
div.box, 
div.mainbox {
    border: none !important;
    border-width: 0px !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Полностью скрываем надписи Tinyboard и Vichan внизу страниц */
footer p.unimportant,
footer .unimportant,
footer p {
    display: none !important;
}