/* Orbitron Mode - Neural AI Theme Addon */
.orbitron {
  --orbitron-bg: #030308;
  --orbitron-surface: rgba(18, 18, 40, 0.82);
  --orbitron-surface-solid: #0f0f24;
  --orbitron-cyan: #00f0ff;
  --orbitron-purple: #a855f7;
  --orbitron-pink: #ec4899;
  --orbitron-text: #e2e8f0;
  --orbitron-text-muted: #94a3b8;
  --orbitron-border: rgba(0, 240, 255, 0.22);
}

/* Base background and text overrides */
.orbitron,
.orbitron body,
.orbitron .test-wrapper,
.orbitron .app-header,
.orbitron main,
.orbitron .tabbar,
.orbitron .material-card,
.orbitron .card-body,
.orbitron .test-main,
.orbitron .test-header,
.orbitron .quick-nav,
.orbitron .results-card,
.orbitron .hero-content {
  background-color: var(--orbitron-bg) !important;
  color: var(--orbitron-text) !important;
}

.orbitron body {
  background-image: url('/images/thumbs/orbitron-bg.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* Glassmorphism surfaces */
.orbitron .material-card,
.orbitron .test-header,
.orbitron .app-header,
.orbitron .tabbar,
.orbitron .hero-content,
.orbitron .results-card,
.orbitron .option-button,
.orbitron .btn,
.orbitron .question-btn,
.orbitron .viewer-toolbar,
.orbitron .iframe-frame,
.orbitron .search-box,
.orbitron .klasse-select,
.orbitron .icon-btn,
.orbitron .badge {
  background: var(--orbitron-surface) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--orbitron-border) !important;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.orbitron .material-card:hover,
.orbitron .option-button:hover:not(.selected):not(.correct):not(.incorrect),
.orbitron .btn:hover:not(:disabled),
.orbitron .question-btn:hover:not(.current) {
  border-color: var(--orbitron-cyan) !important;
  box-shadow: 0 0 28px rgba(0, 240, 255, 0.22) !important;
  transform: translateY(-2px) !important;
}

/* Typography */
.orbitron .card-title,
.orbitron .question-title,
.orbitron .hero-content h1,
.orbitron .results-title,
.orbitron .header-title,
.orbitron .score-big {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(0, 240, 255, 0.45) !important;
}

.orbitron .card-meta,
.orbitron .test-info,
.orbitron .option-letter,
.orbitron .score-text,
.orbitron .card-tag,
.orbitron .question-number {
  color: var(--orbitron-cyan) !important;
}

.orbitron .header-title small {
  color: var(--orbitron-text-muted) !important;
  text-shadow: none !important;
}

/* Active/Primary accents */
.orbitron .tab-btn.active,
.orbitron .btn-primary,
.orbitron .question-btn.current,
.orbitron .option-button.selected,
.orbitron .option-button.correct {
  background: linear-gradient(135deg, var(--orbitron-purple), var(--orbitron-cyan)) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 0 24px rgba(168, 85, 247, 0.45) !important;
}

.orbitron .option-button.incorrect {
  background: rgba(239, 68, 68, 0.2) !important;
  border-color: rgba(239, 68, 68, 0.6) !important;
  color: #ffffff !important;
}

.orbitron .progress-bar-fill,
.orbitron .results-bar {
  background: linear-gradient(90deg, var(--orbitron-cyan), var(--orbitron-purple)) !important;
  box-shadow: 0 0 12px var(--orbitron-cyan) !important;
}

.orbitron .progress-bar,
.orbitron .results-modal .progress-bar {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* Links and icons */
.orbitron a,
.orbitron .viewerNewTab,
.orbitron .icon-btn {
  color: var(--orbitron-cyan) !important;
}

.orbitron .badge {
  background: rgba(0, 240, 255, 0.12) !important;
  color: var(--orbitron-cyan) !important;
}

.orbitron .search-box::placeholder,
.orbitron .klasse-select option {
  color: var(--orbitron-text-muted) !important;
}

.orbitron .search-box:focus,
.orbitron .klasse-select:focus {
  outline: none !important;
  border-color: var(--orbitron-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0, 240, 255, 0.15) !important;
}

/* Iframe and viewer */
.orbitron #contentFrame {
  background: var(--orbitron-bg) !important;
}

.orbitron .iframe-frame {
  border-color: var(--orbitron-border) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.12) !important;
}

/* Modal overlay */
.orbitron .results-modal {
  background: rgba(3, 3, 8, 0.85) !important;
  backdrop-filter: blur(4px) !important;
}

/* Floating orbitron toggle button */
.orbitron-toggle {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 9999;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid var(--orbitron-border, rgba(0, 240, 255, 0.22));
  background: rgba(18, 18, 40, 0.9);
  color: #00f0ff;
  font-size: 1.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.2s ease;
}

.orbitron-toggle:hover {
  transform: scale(1.08);
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.4);
}

.orbitron .orbitron-toggle {
  background: rgba(0, 240, 255, 0.15) !important;
  box-shadow: 0 0 30px rgba(0, 240, 255, 0.4) !important;
}
