/* ==========================================================================
   Stark Farm Manager — Halloween Mystical Neon Theme (🎃)
   Violet Glowing Night & Pumpkin Neon Orange Palette
   Inspired by Neon Jack-o'-lanterns & Cyber-Mystical Visual Assets
   ========================================================================== */

:root[data-theme="halloween"],
[data-theme="halloween"],
body.theme-halloween {
  --bg-base: #07040d !important;
  --bg-gradient-1: #0f071e !important;
  --bg-gradient-2: #1b0a30 !important;

  --glass-bg: rgba(20, 11, 38, 0.78) !important;
  --glass-border: rgba(255, 120, 0, 0.28) !important;
  --glass-border-hover: rgba(255, 120, 0, 0.55) !important;

  --accent-blue: #ff7800 !important;
  --accent-blue-hover: #ff9500 !important;
  --accent-purple: #9d4edd !important;
  --accent-purple-hover: #c084fc !important;
  --accent-green: #34d399 !important;
  --accent-green-hover: #6ee7b7 !important;

  --text-primary: #fff8f0 !important;
  --text-secondary: #d8b4fe !important;
  --text-muted: #9f86c0 !important;

  --shadow-glow: 0 0 22px rgba(255, 120, 0, 0.45) !important;
  --shadow-glow-purple: 0 0 25px rgba(157, 78, 221, 0.4) !important;
}

[data-theme="halloween"] body {
  background-color: #07040d !important;
  color: var(--text-primary) !important;
}

/* Background Atmosphere */
[data-theme="halloween"] body::before {
  background: radial-gradient(circle at 15% 15%, rgba(157, 78, 221, 0.25) 0%, transparent 48%),
              radial-gradient(circle at 85% 85%, rgba(255, 120, 0, 0.20) 0%, transparent 52%),
              radial-gradient(circle at 50% 50%, rgba(123, 44, 191, 0.18) 0%, transparent 62%),
              #07040d !important;
}

/* Brand Header Festive Pumpkin Animation */
[data-theme="halloween"] .brand-title::after {
  content: " 🎃";
  font-size: 18px;
  animation: halloweenFloat 3s ease-in-out infinite alternate;
  display: inline-block;
}

@keyframes halloweenFloat {
  0% { transform: translateY(0px) rotate(-3deg); filter: drop-shadow(0 0 4px #ff7800); }
  100% { transform: translateY(-4px) rotate(4deg); filter: drop-shadow(0 0 10px #ff9500); }
}

/* Cards & Glass Containers */
[data-theme="halloween"] .card,
[data-theme="halloween"] .glass-panel,
[data-theme="halloween"] .modal-content,
[data-theme="halloween"] .modal-card {
  background: rgba(18, 10, 34, 0.86) !important;
  border: 1px solid rgba(168, 85, 247, 0.30) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.55), 0 0 1px rgba(255, 120, 0, 0.25) !important;
  backdrop-filter: blur(14px) !important;
  position: relative;
}

/* Subtle corner spiderweb decoration on cards */
[data-theme="halloween"] .card::before {
  content: "🕸️";
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 15px;
  opacity: 0.24;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

[data-theme="halloween"] .card:hover::before {
  opacity: 0.70;
  transform: scale(1.1);
}

[data-theme="halloween"] .card:hover {
  border-color: rgba(255, 120, 0, 0.50) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.65), 0 0 18px rgba(255, 120, 0, 0.30) !important;
}

/* Sidebar & Navigation */
[data-theme="halloween"] .sidebar {
  background: rgba(11, 6, 22, 0.96) !important;
  border-right: 1px solid rgba(168, 85, 247, 0.24) !important;
}

[data-theme="halloween"] .nav-item.active {
  background: linear-gradient(90deg, rgba(255, 120, 0, 0.28), rgba(157, 78, 221, 0.20)) !important;
  color: #ff9500 !important;
  border-left: 3px solid #ff7800 !important;
  box-shadow: inset 0 0 16px rgba(255, 120, 0, 0.18) !important;
  font-weight: 700 !important;
}

[data-theme="halloween"] .nav-item:hover:not(.active) {
  color: #f3e8ff !important;
  background: rgba(157, 78, 221, 0.18) !important;
}

/* Sub-Navigation Tabs */
[data-theme="halloween"] .subnav-tab {
  background: rgba(24, 12, 42, 0.85) !important;
  border-color: rgba(168, 85, 247, 0.3) !important;
  color: #d8b4fe !important;
}

[data-theme="halloween"] .subnav-tab:hover {
  background: rgba(45, 20, 75, 0.9) !important;
  border-color: rgba(255, 120, 0, 0.45) !important;
  color: #fff !important;
  box-shadow: 0 0 12px rgba(255, 120, 0, 0.25) !important;
}

[data-theme="halloween"] .subnav-tab.active {
  background: linear-gradient(135deg, rgba(255, 120, 0, 0.35), rgba(157, 78, 221, 0.30)) !important;
  border-color: #ff7800 !important;
  color: #ffaa00 !important;
  box-shadow: 0 0 16px rgba(255, 120, 0, 0.40) !important;
}

/* Status Pills */
[data-theme="halloween"] .pill {
  border-color: rgba(255, 120, 0, 0.35) !important;
}

[data-theme="halloween"] .pill.active,
[data-theme="halloween"] .pill-active {
  background: rgba(255, 120, 0, 0.22) !important;
  border-color: #ff7800 !important;
  color: #ffaa00 !important;
  box-shadow: 0 0 8px rgba(255, 120, 0, 0.45) !important;
}

/* Buttons */
[data-theme="halloween"] .btn-primary {
  background: linear-gradient(135deg, #ff7800 0%, #9d4edd 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 18px rgba(255, 120, 0, 0.40) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="halloween"] .btn-primary:hover {
  background: linear-gradient(135deg, #ff9500 0%, #b75aff 100%) !important;
  box-shadow: 0 6px 24px rgba(255, 120, 0, 0.60), 0 0 18px rgba(168, 85, 247, 0.48) !important;
  transform: translateY(-1px) !important;
}

[data-theme="halloween"] .btn-outline {
  border-color: rgba(255, 120, 0, 0.45) !important;
  color: #ffaa00 !important;
}

[data-theme="halloween"] .btn-outline:hover {
  background: rgba(255, 120, 0, 0.18) !important;
  border-color: #ff9500 !important;
  color: #fff !important;
}

/* Badges */
[data-theme="halloween"] .badge-primary {
  background: rgba(255, 120, 0, 0.22) !important;
  color: #ffaa00 !important;
  border: 1px solid rgba(255, 120, 0, 0.45) !important;
}

[data-theme="halloween"] .badge-secondary {
  background: rgba(157, 78, 221, 0.22) !important;
  color: #d8b4fe !important;
  border: 1px solid rgba(157, 78, 221, 0.40) !important;
}

/* Tables */
[data-theme="halloween"] table thead th {
  background: rgba(24, 13, 44, 0.94) !important;
  color: #ffaa00 !important;
  border-bottom: 2px solid rgba(255, 120, 0, 0.38) !important;
}

[data-theme="halloween"] table tbody tr:hover {
  background: rgba(157, 78, 221, 0.14) !important;
}

/* Inputs & Form Controls */
[data-theme="halloween"] input[type="text"],
[data-theme="halloween"] input[type="number"],
[data-theme="halloween"] input[type="password"],
[data-theme="halloween"] select,
[data-theme="halloween"] textarea {
  background: rgba(15, 8, 28, 0.88) !important;
  border: 1px solid rgba(168, 85, 247, 0.38) !important;
  color: #fff !important;
}

[data-theme="halloween"] input:focus,
[data-theme="halloween"] select:focus,
[data-theme="halloween"] textarea:focus {
  border-color: #ff7800 !important;
  box-shadow: 0 0 0 3px rgba(255, 120, 0, 0.28), 0 0 16px rgba(255, 120, 0, 0.38) !important;
}

/* Custom Scrollbars */
[data-theme="halloween"] ::-webkit-scrollbar-track {
  background: #0a0614 !important;
}

[data-theme="halloween"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff7800, #9d4edd) !important;
  border-radius: 6px !important;
}

/* Themed Switches */
[data-theme="halloween"] .switch input:checked + .slider {
  background: linear-gradient(90deg, #ff7800, #9d4edd) !important;
  box-shadow: 0 0 10px rgba(255, 120, 0, 0.5) !important;
}

/* Log Drawer */
[data-theme="halloween"] .log-drawer {
  background: rgba(13, 8, 24, 0.97) !important;
  border-top: 1px solid rgba(255, 120, 0, 0.45) !important;
  box-shadow: 0 -4px 25px rgba(0, 0, 0, 0.75), 0 0 14px rgba(255, 120, 0, 0.25) !important;
}

[data-theme="halloween"] .drawer-header {
  background: rgba(22, 12, 38, 0.95) !important;
  border-bottom: 1px solid rgba(168, 85, 247, 0.3) !important;
  color: #ffaa00 !important;
}

/* Text Selection */
[data-theme="halloween"] ::selection {
  background: #ff7800 !important;
  color: #000 !important;
}


[data-theme="halloween"] .view-title::after {
  content: " 🎃";
  font-size: 17px;
  display: inline-block;
  animation: halloweenFloat 3s ease-in-out infinite alternate;
}