/* ─── Dark mode: ridefinizione variabili ─────────────────────────────── */
:root {
	--bg-page:         #292929;
	--bg-wrap:         #121212;
	--bg-panel:        #1d1d1d;
	--bg-panel-shadow: #111;
	--bg-sidebar-btn:  #333;
	--bg-table-even:   #303133;
	--bg-table-hover:  #555;
	--bg-pagination:   #3a3a3a;
	--bg-mini-profile: #222;
	--bg-avatar:       #222;
	--bg-feature-box:  #222;
	--bg-similar:      #1c1e21;
	--bg-blockquote:   #1c1e21;
	--bg-code:         #333;
	--bg-rules:        #8c4d53;
	--bg-update:       #465048;
	--bg-warning:      #756941;

	--color-text:        #e1e1e1;
	--color-text-wrap:   #e1e1e1;
	--color-heading:     #e2e2e2;
	--color-link:        #e1e1e1;
	--color-link-panel:  #71b6da;
	--color-link-hover:  #8c2323;
	--color-panel:       #e1e1e1;
	--color-pagination:  #e1e1e1;
	--color-input-bg:    #333;
	--color-input-border:#323232;
	--color-rules:       #f8d7da;
	--color-update:      #c3e6cb;
	--color-warning:     #f2e1ac;

	--border-rules:   #5b3236;
	--border-update:  #39413b;
	--border-warning: #3d3722;
	--border-panel:   #1d1d1d;
	--border-heading: #333;
}

/* ─── Override strutturali (con fallback IE11) ───────────────────────── */
/*
   Pattern: valore fisso prima, poi var() sulla stessa proprietà.
   IE11 legge il primo e ignora il secondo; i browser moderni usano il secondo.
*/

html, body {
	background: #292929;
	background: var(--bg-page);
}

#wrap, #adminwrap {
	background: #121212;
	background: var(--bg-wrap);
}

h1, h2, h3 {
	color: #e2e2e2;
	color: var(--color-heading);
	border-color: #333;
	border-color: var(--border-heading);
}

h2, .autore_post { border-color: #333; }

.autore_post a { color: #e2e2e2; }

a:hover {
	color: #8c2323;
	color: var(--color-link-hover);
}

.commento { color: #ccc; }

.commento a:hover,
.commento span a:hover { color: #2581dc; }

/* Input / select / textarea */
input,
.inputbox2,
#message-box {
	background-color: #333;
	background-color: var(--color-input-bg);
	border: 1px solid #323232;
	border: 1px solid var(--color-input-border);
	color: #e2e2e2;
}

select,
textarea {
	background: #333;
	border: 0;
	color: #e2e2e2;
}

input[type="submit"]:hover { background: #8c2323; }

/* Tables */
th, td { border-color: transparent; }

/* Blockquote / code */
blockquote,
.blackquote {
	background-color: #1c1e21;
	background-color: var(--bg-blockquote);
	color: #e2e2e2;
}

.code {
	background-color: #333;
	background-color: var(--bg-code);
	color: #239a23;
}

/* Panel */
.panel {
	border: 1px solid #1d1d1d;
	border: 1px solid var(--border-panel);
	border-radius: 5px;
}

/* Pagination */
.pagination {
	color: #e1e1e1;
	color: var(--color-pagination);
	background: #222324;
	border-radius: 5px;
	border: 1px solid #333;
}

.pagination:hover {
	color: #e1e1e1;
	background: #444;
}

/* Nav */
nav a,
nav a:link,
nav a:hover { color: #fff; }

#vgz_bar {
	background: #18191a;
	border-bottom: 1px solid #1d1d1d;
}

/* Misc */
.circle_red   { background: #8c2323; }
.circle_green { background: #348c23; }

.radioquiz {
	background: #333;
	border: 1px solid #444;
}

#box_livestreamer {
	background-color: #465048;
	background-color: var(--bg-update);
	color: #999;
	border-color: #39413b;
	border-color: var(--border-update);
}

#box_livestreamer a {
	color: #999;
	font-weight: 600;
}

.sidebar-btn:hover { color: #e2e2e2; }

.titlepanel,
.titlepanel h1,
.titlepanel h2,
.titlepanel h2 a,
.panel .titlepanel .link_news { color: #ddd; }

.crediti { background: #1c1e21; }

@media only screen and (min-width: 1381px) {
	#wrap, #foot, .vgz_bar {
		border-right: 1px solid #1d1d1d;
		border-left:  1px solid #1d1d1d;
	}
}