/* =========================================================================
   DIGIMON DIGITAL WORLD — стиль для phpBB 3.3.17
   Наследуется от prosilver (base stylesheet.css подключён напрямую
   в template/overall_header.html строкой выше этого файла).
   Тема: тёмный киберпространственный "Цифровой мир", неоновое голубое
   свечение, HUD-рамки в духе Дигивайса, премиальная золотая отделка.
   ========================================================================= */

/* Базовый stylesheet.css от prosilver подключается напрямую в
   template/overall_header.html двумя строками выше подключения этого
   файла — поэтому этот файл содержит ТОЛЬКО переопределения. */
@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Rajdhani:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

/* -------------------------------------------------------------------------
   ТОКЕНЫ
   ------------------------------------------------------------------------- */
:root {
	--dw-bg-void:      #05070d;
	--dw-bg-deep:      #080c17;
	--dw-bg-panel:     #0b1120;
	--dw-bg-panel-2:   #0e1626;
	--dw-line:         #17233b;
	--dw-line-soft:    #101a2e;

	--dw-cyan:         #00e5ff;
	--dw-cyan-soft:    #5fd9ff;
	--dw-blue:         #2979ff;
	--dw-violet:       #7c4dff;
	--dw-gold:         #ffd76a;
	--dw-gold-dim:     #b8963f;

	--dw-text:         #dce8f5;
	--dw-text-dim:     #8ea3c2;
	--dw-text-faint:   #6b7c9c;
	--dw-text-mute:    #56698c;

	--dw-font-display: 'Orbitron', 'Rajdhani', sans-serif;
	--dw-font-body:    'Rajdhani', 'Segoe UI', sans-serif;
	--dw-font-mono:    'JetBrains Mono', monospace;

	--dw-glow-cyan:    0 0 6px rgba(0,229,255,.55), 0 0 18px rgba(0,229,255,.25);
	--dw-glow-gold:    0 0 6px rgba(255,215,106,.5), 0 0 16px rgba(255,215,106,.2);
}

/* -------------------------------------------------------------------------
   БАЗА / ФОН — "Цифровой мир": глубокий космос + линии сетки данных
   ------------------------------------------------------------------------- */
html {
	background: var(--dw-bg-void);
}

body {
	background-color: var(--dw-bg-void);
	background-image:
		linear-gradient(rgba(0,229,255,.045) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0,229,255,.045) 1px, transparent 1px),
		radial-gradient(ellipse 900px 500px at 50% -10%, rgba(41,121,255,.20), transparent 60%),
		radial-gradient(ellipse 700px 500px at 100% 20%, rgba(124,77,255,.12), transparent 55%),
		radial-gradient(ellipse 600px 400px at 0% 60%, rgba(0,229,255,.08), transparent 55%);
	background-size: 42px 42px, 42px 42px, auto, auto, auto;
	background-attachment: fixed;
	color: var(--dw-text);
	font-family: var(--dw-font-body);
	font-size: 15px;
	letter-spacing: .2px;
}

#wrap {
	background: transparent;
}

a {
	color: var(--dw-cyan-soft);
	text-decoration: none;
	transition: color .15s ease, text-shadow .15s ease;
}
a:hover {
	color: var(--dw-cyan);
	text-shadow: var(--dw-glow-cyan);
}

/* -------------------------------------------------------------------------
   ШАПКА — портал в Цифровой мир
   ------------------------------------------------------------------------- */
#page-header,
.headerbar {
	background: linear-gradient(180deg, #0a1120 0%, #060a14 100%);
	border: 1px solid var(--dw-line);
	border-radius: 6px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 30px rgba(0,0,0,.55);
	position: relative;
	overflow: hidden;
}

#page-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		repeating-linear-gradient(180deg, rgba(0,229,255,.05) 0px, rgba(0,229,255,.05) 1px, transparent 1px, transparent 3px);
	pointer-events: none;
	opacity: .5;
}

#site-description a,
#site-description {
	font-family: var(--dw-font-body);
	color: var(--dw-text-dim);
	letter-spacing: .5px;
}

.headerbar #logo,
#site-logo {
	filter: drop-shadow(0 0 10px rgba(0,229,255,.55)) drop-shadow(0 0 22px rgba(41,121,255,.35));
}

/* Логотип — своя эмблема вместо стандартного лого prosilver.
   Путь ./images/site_logo.svg считается от расположения ЭТОГО файла
   (theme/digimon_digital_world.css), т.е. указывает на наш theme/images/. */
a#logo {
	display: inline-block;
}
.site_logo {
	background-image: url("./images/site_logo.svg");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	width: 220px;
	height: 56px;
	display: block;
}

/* Фоновая полоса подвала — своя текстура "цифровой сетки" */
#page-footer {
	background-image: url("./images/bg_nefooter.jpg");
	background-repeat: repeat-x;
	background-position: top center;
	background-size: cover;
	padding-top: 14px;
}

h1, #site-description h1, a#logo {
	font-family: var(--dw-font-display);
	font-weight: 900;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--dw-text);
	text-shadow: 0 0 10px rgba(0,229,255,.6), 0 0 28px rgba(41,121,255,.35);
}

/* -------------------------------------------------------------------------
   НАВИГАЦИЯ
   ------------------------------------------------------------------------- */
.navbar {
	background: linear-gradient(180deg, #0b1120, #070b15);
	border: 1px solid var(--dw-line);
	border-radius: 6px;
	box-shadow: 0 4px 18px rgba(0,0,0,.45);
}

.navlinks {
	font-family: var(--dw-font-body);
	font-weight: 600;
}

.navlinks a,
ul.linklist li a {
	color: var(--dw-text-dim);
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 1px;
}
.navlinks a:hover,
ul.linklist li a:hover {
	color: var(--dw-cyan);
	text-shadow: var(--dw-glow-cyan);
}

.crumbs .crumb,
.breadcrumbs a {
	color: var(--dw-text-mute);
}
.breadcrumbs a:hover { color: var(--dw-cyan); }

/* -------------------------------------------------------------------------
   ПАНЕЛИ / КОНТЕЙНЕРЫ — HUD-рамки в стиле Дигивайса
   ------------------------------------------------------------------------- */
.panel,
.forabg,
.forumbg,
#information,
.post,
.panel-container,
fieldset.fields2,
.login-box {
	background: linear-gradient(180deg, var(--dw-bg-panel) 0%, var(--dw-bg-deep) 100%) !important;
	border: 1px solid var(--dw-line) !important;
	border-radius: 8px;
	box-shadow:
		0 0 0 1px rgba(0,229,255,.04),
		0 10px 28px rgba(0,0,0,.5),
		inset 0 1px 0 rgba(255,255,255,.02);
	position: relative;
}

/* угловые "засечки" HUD на крупных блоках */
.forabg::before, .forabg::after,
.forumbg::before, .forumbg::after {
	content: "";
	position: absolute;
	width: 14px; height: 14px;
	border-color: var(--dw-cyan);
	border-style: solid;
	opacity: .55;
	pointer-events: none;
}
.forabg::before, .forumbg::before {
	top: -1px; left: -1px;
	border-width: 2px 0 0 2px;
	border-radius: 6px 0 0 0;
}
.forabg::after, .forumbg::after {
	bottom: -1px; right: -1px;
	border-width: 0 2px 2px 0;
	border-radius: 0 0 6px 0;
}

.forabg .titlebar,
.forumbg .titlebar,
.forumbg > div > .header {
	background: linear-gradient(90deg, rgba(0,229,255,.16), rgba(124,77,255,.10) 60%, transparent);
	border-bottom: 1px solid var(--dw-line);
}

.forumbg .header dt,
.forabg .header dt,
h2, h3.topic-title {
	font-family: var(--dw-font-display);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--dw-text);
}

/* -------------------------------------------------------------------------
   СПИСКИ ФОРУМОВ / ТЕМ
   ------------------------------------------------------------------------- */
.row1, dl.row {
	background: rgba(255,255,255,.012);
	border-bottom: 1px solid var(--dw-line-soft);
}
.row2 {
	background: rgba(0,229,255,.015);
	border-bottom: 1px solid var(--dw-line-soft);
}
dl.row:hover,
.forumbg dl.row:hover {
	background: linear-gradient(90deg, rgba(0,229,255,.07), transparent 70%);
	box-shadow: inset 3px 0 0 var(--dw-cyan);
}

.forumtitle,
a.topictitle {
	font-family: var(--dw-font-body);
	font-weight: 600;
	color: var(--dw-cyan-soft);
	letter-spacing: .3px;
}
.forumtitle:hover, a.topictitle:hover {
	color: var(--dw-cyan);
	text-shadow: var(--dw-glow-cyan);
}

.forum-image img,
dl.icon dt {
	filter: drop-shadow(0 0 6px rgba(0,229,255,.5));
}

/* иконки "непрочитано" — золотая искра, читанное — приглушённый циан */
li.icon-unread .forumtitle::before {
	content: "◆ ";
	color: var(--dw-gold);
	text-shadow: var(--dw-glow-gold);
}

.forumbg .stat,
.responsive-hide {
	font-family: var(--dw-font-mono);
	color: var(--dw-text-mute);
	font-size: 12px;
}

/* -------------------------------------------------------------------------
   ТЕКСТ ТЕМ / ПОСТОВ
   ------------------------------------------------------------------------- */
.postbody {
	color: var(--dw-text);
}
.post .content {
	line-height: 1.65;
}

.author strong, .username {
	color: var(--dw-cyan-soft);
}
.username-coloured {
	text-shadow: 0 0 8px currentColor;
}

.postprofile {
	background: var(--dw-bg-panel-2);
	border-right: 1px solid var(--dw-line);
}

.post.bg1, .post.bg2 {
	background: var(--dw-bg-panel);
	border: 1px solid var(--dw-line);
}

blockquote {
	background: rgba(0,229,255,.05);
	border-left: 3px solid var(--dw-cyan);
	color: var(--dw-text-dim);
}

code {
	background: #060a12;
	border: 1px solid var(--dw-line);
	color: var(--dw-cyan-soft);
	font-family: var(--dw-font-mono);
}

/* -------------------------------------------------------------------------
   КНОПКИ — как активация Дигивайса
   ------------------------------------------------------------------------- */
input.button1, a.button1, input[type="submit"] {
	background: linear-gradient(180deg, #123a52, #0a1f30);
	border: 1px solid var(--dw-cyan);
	color: var(--dw-cyan-soft);
	font-family: var(--dw-font-display);
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-radius: 4px;
	box-shadow: var(--dw-glow-cyan), inset 0 1px 0 rgba(255,255,255,.06);
	transition: all .15s ease;
}
input.button1:hover, a.button1:hover {
	background: linear-gradient(180deg, #1a4d6e, #0d2740);
	color: #fff;
	box-shadow: 0 0 10px rgba(0,229,255,.85), 0 0 28px rgba(0,229,255,.4);
}

input.button2, a.button2 {
	background: var(--dw-bg-panel-2);
	border: 1px solid var(--dw-line);
	color: var(--dw-text-dim);
	border-radius: 4px;
}
input.button2:hover { border-color: var(--dw-gold); color: var(--dw-gold); }

/* -------------------------------------------------------------------------
   ФОРМЫ
   ------------------------------------------------------------------------- */
input, textarea, select {
	background: #060a12 !important;
	border: 1px solid var(--dw-line) !important;
	color: var(--dw-text) !important;
	border-radius: 4px;
}
input:focus, textarea:focus, select:focus {
	border-color: var(--dw-cyan) !important;
	box-shadow: 0 0 0 2px rgba(0,229,255,.2);
	outline: none;
}

/* -------------------------------------------------------------------------
   ТАБЛИЦЫ (админка тем, статистика и т.д.)
   ------------------------------------------------------------------------- */
table.table1 thead th, th {
	background: linear-gradient(180deg, #12203a, #0a1526);
	color: var(--dw-cyan-soft);
	font-family: var(--dw-font-display);
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	border-bottom: 1px solid var(--dw-cyan);
}
table.table1 td { border-bottom: 1px solid var(--dw-line-soft); }

/* -------------------------------------------------------------------------
   ПАГИНАЦИЯ
   ------------------------------------------------------------------------- */
.pagination {
	font-family: var(--dw-font-mono);
}
.pagination li a,
.pagination li span {
	background: var(--dw-bg-panel-2);
	border: 1px solid var(--dw-line);
	border-radius: 4px;
	color: var(--dw-text-dim);
}
.pagination li.active span,
.pagination li a:hover {
	background: rgba(0,229,255,.15);
	border-color: var(--dw-cyan);
	color: var(--dw-cyan);
	box-shadow: var(--dw-glow-cyan);
}

/* -------------------------------------------------------------------------
   СТАТИСТИКА / "КТО НА ФОРУМЕ" — золотая премиальная отделка
   ------------------------------------------------------------------------- */
.stat-block, #stats {
	border-top: 1px solid var(--dw-gold-dim);
}
.stat-block dt, .stat-block dd {
	font-family: var(--dw-font-mono);
	font-size: 12px;
}
.online-list .username-coloured,
strong.gold {
	color: var(--dw-gold);
	text-shadow: var(--dw-glow-gold);
}

/* -------------------------------------------------------------------------
   ПОДВАЛ
   ------------------------------------------------------------------------- */
#page-footer {
	color: var(--dw-text-mute);
	border-top: 1px solid var(--dw-line);
	font-family: var(--dw-font-mono);
	font-size: 12px;
}
#page-footer a { color: var(--dw-text-dim); }
#page-footer a:hover { color: var(--dw-cyan); }

/* -------------------------------------------------------------------------
   СКРОЛЛБАР — мелкая деталь, которая продаёт всю тему
   ------------------------------------------------------------------------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--dw-bg-void); }
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--dw-blue), var(--dw-cyan));
	border-radius: 6px;
	box-shadow: var(--dw-glow-cyan);
}

/* -------------------------------------------------------------------------
   ВЫДЕЛЕНИЕ ТЕКСТА
   ------------------------------------------------------------------------- */
::selection {
	background: rgba(0,229,255,.35);
	color: #fff;
}