/* Category Page Specific Styles */
/* Loaded only on: klassisk, droy, nyttarsaften pages */

/* Klassisk Page */
.page-klassisk .category-intro h1 {
  color: var(--accent-klassisk) !important;
  background: none !important;
  -webkit-text-fill-color: var(--accent-klassisk) !important;
}
.page-klassisk .question-number {
  color: var(--accent-klassisk);
}
.page-klassisk .question {
  background: 
    linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box,
    linear-gradient(135deg, rgba(255, 215, 0, 0.6), rgba(255, 165, 0, 0.6)) border-box;
  box-shadow: 0 0 30px rgba(255, 215, 0, 0.1);
}

/* Drøy Page */
.page-spicy .category-intro h1 {
  color: var(--accent-spicy) !important;
  background: none !important;
  -webkit-text-fill-color: var(--accent-spicy) !important;
}
.page-spicy .question-number {
  color: var(--accent-spicy);
}
.page-spicy .question {
  background: 
    linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box,
    linear-gradient(135deg, rgba(0, 255, 157, 0.6), rgba(0, 200, 83, 0.6)) border-box;
  box-shadow: 0 0 30px rgba(0, 255, 157, 0.1);
}

/* Fix for Toasts on specific pages to ensure they look like toasts */
.page-klassisk .question.toast,
.page-spicy .question.toast {
  background: linear-gradient(135deg, var(--accent-orange), #ff8a00);
  border: 1px solid var(--accent-orange);
  box-shadow: 0 10px 30px rgba(255, 138, 0, 0.4);
}

.page-klassisk .question.toast .question-number,
.page-spicy .question.toast .question-number {
  color: rgba(255, 255, 255, 0.9);
}

.page-klassisk .question.toast h3,
.page-spicy .question.toast h3 {
  color: white;
}

/* Nyttårsaften Page */
body.page-nyttarsaften::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 0;
  background: 
    radial-gradient(circle at 20% 20%, rgba(255, 45, 85, 0.08), transparent 35%),
    radial-gradient(circle at 80% 10%, rgba(155, 77, 245, 0.08), transparent 30%),
    radial-gradient(circle at 50% 80%, rgba(255, 45, 85, 0.07), transparent 32%);
}

.page-nyttarsaften .category-intro h1 {
  background: var(--gradient-nyttarsaften) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-shadow: none !important;
  filter: drop-shadow(0 0 20px rgba(255, 45, 85, 0.5));
}

.page-nyttarsaften .question-number {
  background: var(--gradient-nyttarsaften);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.page-nyttarsaften .question {
  background: 
    linear-gradient(var(--bg-secondary), var(--bg-secondary)) padding-box,
    linear-gradient(135deg, rgba(255, 45, 85, 0.6), rgba(155, 77, 245, 0.6)) border-box;
  box-shadow: 0 0 30px rgba(255, 45, 85, 0.2), 0 0 15px rgba(155, 77, 245, 0.15);
}

.page-nyttarsaften .question.toast {
  background: var(--gradient-klassisk) !important;
  border: 1px solid var(--accent-klassisk) !important;
  box-shadow: 0 10px 30px rgba(255, 215, 0, 0.5) !important;
}

.page-nyttarsaften .question.toast .question-number {
  color: rgba(0, 0, 0, 0.8) !important;
  background: none !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.8) !important;
}

.page-nyttarsaften .question.toast h3 {
  color: rgba(0, 0, 0, 0.9) !important;
}