/* =============================================
   MINECRAFT AREA v2.0 — Dark Theme
   ============================================= */

/* Default: dark theme is ON */
:root,
[data-theme="dark"] {
	--mc-bg: #0a0e14;
	--mc-bg-secondary: #0f1419;
	--mc-bg-card: rgba(15, 20, 25, 0.85);
	--mc-bg-glass: rgba(15, 20, 25, 0.6);
	--mc-text: #e8f4f0;
	--mc-text-secondary: #8ba5a0;
	--mc-text-muted: #5a7570;
	--mc-border: rgba(255, 255, 255, 0.08);
	--mc-border-light: rgba(255, 255, 255, 0.04);

	--mc-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
	--mc-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.4);
	--mc-shadow-glow: 0 0 30px var(--mc-emerald-soft);
}

/* Light theme override */
[data-theme="light"] {
	--mc-bg: #f0f4f3;
	--mc-bg-secondary: #e8eceb;
	--mc-bg-card: rgba(255, 255, 255, 0.9);
	--mc-bg-glass: rgba(255, 255, 255, 0.7);
	--mc-text: #1a2e28;
	--mc-text-secondary: #4a6a60;
	--mc-text-muted: #7a9a90;
	--mc-border: rgba(0, 0, 0, 0.08);
	--mc-border-light: rgba(0, 0, 0, 0.04);

	--mc-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	--mc-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.1);
	--mc-shadow-glow: 0 0 30px rgba(0, 212, 170, 0.1);
}

/* =============================================
   Dark Theme Component Overrides
   ============================================= */

/* Header */
[data-theme="dark"] .mc-header,
:root .mc-header {
	background: rgba(10, 14, 20, 0.9);
	border-bottom-color: var(--mc-border);
}

/* Hero */
.mc-hero {
	background: linear-gradient(135deg, #0a1a0a 0%, #0d1f2e 50%, #1a0d2e 100%);
}

[data-theme="light"] .mc-hero {
	background: linear-gradient(135deg, #1a4a1a 0%, #0d2f4d 50%, #2d1a4a 100%);
}

/* Search */
.mc-search {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

.mc-search:focus-within {
	border-color: var(--mc-accent);
	box-shadow: 0 0 0 4px var(--mc-emerald-soft), 0 0 30px var(--mc-emerald-soft);
}

/* Cards */
.mc-card {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

.mc-card:hover {
	border-color: var(--mc-accent);
	box-shadow: 0 12px 40px rgba(0, 212, 170, 0.15);
}

/* Server rows */
.mc-server-row {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

.mc-server-row:hover {
	background: rgba(0, 212, 170, 0.05);
	border-color: var(--mc-accent);
	box-shadow: 0 4px 20px rgba(0, 212, 170, 0.1);
}

/* Tiles */
.mc-tile {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

.mc-tile:hover {
	background: var(--mc-emerald-soft);
	border-color: var(--mc-accent);
	box-shadow: 0 12px 40px rgba(0, 212, 170, 0.2);
}

/* Category cards */
.mc-category-card {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Modpack cards */
.mc-modpack-card {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Tabs */
.mc-tabs {
	border-bottom-color: var(--mc-border);
}

.mc-tab {
	color: var(--mc-text-secondary);
}

.mc-tab:hover {
	color: var(--mc-text);
	background: var(--mc-bg-glass);
}

/* Widgets */
.mc-widget {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Skin cards */
.mc-skin-card {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Video cards */
.mc-video-card {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Community blocks */
.mc-community__block {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Modpack detail sidebar */
.mc-mod-detail__sidebar {
	background: var(--mc-bg-glass);
	border-color: var(--mc-border);
}

/* Comment */
.mc-comment {
	border-bottom-color: var(--mc-border);
}

/* Tags */
.mc-tag {
	background: var(--mc-bg-card);
	border-color: var(--mc-border);
	color: var(--mc-text-secondary);
}

.mc-tag:hover {
	background: var(--mc-emerald-soft);
	border-color: var(--mc-accent);
	color: var(--mc-accent);
	box-shadow: 0 0 15px var(--mc-emerald-soft);
}

/* TOC */
.mc-toc {
	background: var(--mc-bg-glass);
	border-left-color: var(--mc-accent);
}

/* Vote block */
.mc-vote {
	background: var(--mc-bg-glass);
}

/* Server IP block */
.mc-server-ip {
	background: var(--mc-bg-glass);
}

/* Article content dark */
[data-theme="dark"] .mc-article__content pre,
:root .mc-article__content pre {
	background: #0d1117;
	border: 1px solid var(--mc-border);
}

[data-theme="dark"] .mc-article__content code,
:root .mc-article__content code {
	background: var(--mc-emerald-soft);
}

/* Footer */
.mc-footer {
	background: #050810;
}

/* Scrollbar */
::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
	background: var(--mc-bg-secondary);
}

::-webkit-scrollbar-thumb {
	background: var(--mc-border);
	border-radius: 5px;
	border: 2px solid var(--mc-bg-secondary);
}

::-webkit-scrollbar-thumb:hover {
	background: var(--mc-accent);
}

/* Selection */
::selection {
	background: rgba(0, 212, 170, 0.3);
	color: var(--mc-text);
}

/* =============================================
   Minecraft-specific color accents per category
   ============================================= */
.mc-cat-mods { color: var(--mc-ender); }
.mc-cat-maps { color: var(--mc-nether); }
.mc-cat-textures { color: var(--mc-diamond); }
.mc-cat-skins { color: var(--mc-emerald); }
.mc-cat-servers { color: var(--mc-gold); }
.mc-cat-guides { color: var(--mc-gold); }
.mc-cat-news { color: var(--mc-redstone); }

/* Icon backgrounds per category */
.mc-bg-mods { background: rgba(156, 39, 176, 0.2); }
.mc-bg-maps { background: rgba(255, 110, 64, 0.2); }
.mc-bg-textures { background: rgba(79, 195, 247, 0.2); }
.mc-bg-skins { background: rgba(0, 212, 170, 0.2); }
.mc-bg-servers { background: rgba(255, 213, 79, 0.2); }
.mc-bg-guides { background: rgba(255, 213, 79, 0.2); }
.mc-bg-news { background: rgba(239, 83, 80, 0.2); }
.mc-bg-commands { background: rgba(239, 83, 80, 0.2); }

/* Glow effect for accent elements */
.mc-glow {
	box-shadow: 0 0 30px var(--mc-emerald-glow);
}

/* Pixel-style heading accent (for specific blocks) */
.mc-pixel-heading {
	font-family: var(--mc-font-pixel);
	font-size: 1rem;
	color: var(--mc-accent);
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 0 0 20px var(--mc-emerald-glow);
}