/*!
 * MU KING CLASIC — Halloween Theme
 * Activo durante octubre. Desactivar en noviembre cambiando HALLOWEEN_MODE a false en index.php
 */

/* ── Variables Halloween ── */
:root {
	--we-bg:             #070510;
	--we-bg-elevated:    #0f0a1a;
	--we-bg-glass:       rgba(10, 5, 20, 0.85);

	--we-primary:        #c85a00;
	--we-primary-light:  #ff7a1a;
	--we-primary-dark:   #8b3a00;
	--we-accent:         #9b30d0;

	--we-border:         rgba(200, 90, 0, 0.22);
	--we-border-glow:    rgba(200, 90, 0, 0.50);

	--we-glow:           0 0 24px rgba(200, 90, 0, 0.55);
	--we-glow-sm:        0 0 12px rgba(200, 90, 0, 0.40);
}

/* ── Navbar Halloween ── */
.we-navbar {
	background: linear-gradient(180deg, #0a0515 0%, #100820 100%) !important;
	border-bottom: 1px solid rgba(155, 48, 208, 0.35) !important;
	box-shadow: 0 2px 20px rgba(155, 48, 208, 0.2) !important;
}

/* ── Fondo general con niebla púrpura ── */
body.we-body {
	background: #070510 !important;
	background-image:
		radial-gradient(ellipse 80% 40% at 50% 0%, rgba(155, 48, 208, 0.08) 0%, transparent 70%),
		radial-gradient(ellipse 60% 30% at 0% 100%, rgba(200, 90, 0, 0.06) 0%, transparent 60%) !important;
}

/* ── Botones primarios: naranja calabaza ── */
.we-btn-primary,
.btn-primary {
	background: linear-gradient(135deg, #c85a00, #8b3a00) !important;
	border-color: rgba(200, 90, 0, 0.6) !important;
	box-shadow: 0 0 12px rgba(200, 90, 0, 0.4) !important;
}
.we-btn-primary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: linear-gradient(135deg, #ff7a1a, #c85a00) !important;
	border-color: #ff7a1a !important;
	box-shadow: 0 0 20px rgba(200, 90, 0, 0.7) !important;
}

/* ── Panels y cards ── */
.panel,
.we-home-news,
.home-news-block,
.castle-owner-widget,
.panel-sidebar-events {
	border-color: rgba(155, 48, 208, 0.25) !important;
	box-shadow: 0 0 15px rgba(155, 48, 208, 0.08) !important;
}
.panel-heading {
	background: linear-gradient(135deg, rgba(155, 48, 208, 0.15), rgba(200, 90, 0, 0.10)) !important;
	border-color: rgba(155, 48, 208, 0.25) !important;
}

/* ── Footer ── */
.we-footer {
	background: linear-gradient(180deg, #0a0515, #07030e) !important;
	border-top: 1px solid rgba(155, 48, 208, 0.20) !important;
}

/* ── Paginación ── */
.pagination > .active > a {
	background: #c85a00 !important;
	border-color: #c85a00 !important;
}

/* ── Rankings tabla fila 1 ── */
.rankings-table tr:first-child td {
	background: rgba(200, 90, 0, 0.12) !important;
	color: #ff7a1a !important;
}

/* ─────────────────────────────────────────
   CALABAZAS — ESQUINAS SUPERIORES
───────────────────────────────────────── */
.halloween-pumpkin-left,
.halloween-pumpkin-right {
	position: fixed;
	top: 10px;
	width: 110px;
	height: auto;
	pointer-events: none;
	z-index: 9997;
	filter: drop-shadow(0 0 15px rgba(200, 90, 0, 0.8));
	animation: pumpkinGlow 3s ease-in-out infinite alternate;
}

.halloween-pumpkin-left  { left: 50px; }
.halloween-pumpkin-right { right: 50px; animation-delay: -1.5s; }

.halloween-pumpkin-left img,
.halloween-pumpkin-right img {
	width: 100%;
	height: auto;
	display: block;
}

@keyframes pumpkinGlow {
	0%   { filter: drop-shadow(0 0 10px rgba(200, 90, 0, 0.6)); transform: translateY(0px); }
	100% { filter: drop-shadow(0 0 25px rgba(255, 120, 0, 1.0)); transform: translateY(-6px); }
}

/* ─────────────────────────────────────────
   FANTASMITAS FLOTANDO (controlados por JS)
───────────────────────────────────────── */
.halloween-ghosts {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	pointer-events: none;
	z-index: 9996;
	overflow: hidden;
}

.ghost {
	position: absolute;
	background: url('../img/ghost.png') no-repeat center center;
	background-size: contain;
	filter: drop-shadow(0 0 8px rgba(180, 180, 255, 0.7));
	transition: transform 0.3s ease;
}

/* ── Quitar emoji de calabaza del navbar ── */
.we-brand::after {
	display: none !important;
}

/* ── Cursor esquelético Halloween ── */
*, *::before, *::after {
	cursor: url('https://king-muclasic.com/templates/kingclasic/img/cursor-skeleton.png') 0 0, auto !important;
}

a, button, .btn, .we-btn, [role="button"], input[type="submit"],
input[type="button"], label, select, .clickable {
	cursor: url('https://king-muclasic.com/templates/kingclasic/img/cursor-skeleton.png') 0 0, pointer !important;
}