/* Styling for Jesus' Words (span.Isus) */

/* Default styling for Jesus' words - works across all themes */
.Isus {
  color: #b91c1c; /* Default red color */
  font-weight: 500;
  font-style: normal;
  position: relative;
  display: inline;
  transition: all 0.3s ease;
}

/* Add subtle emphasis with a slight text shadow */
.Isus {
  text-shadow: 0 0 8px rgba(185, 28, 28, 0.15);
}

/* Light theme specific styling */
[data-theme="light"] .Isus,
body:not([data-theme]) .Isus {
  color: #dc2626; /* Bright red */
  text-shadow: 0 0 10px rgba(220, 38, 38, 0.2);
}

/* Dark theme specific styling */
[data-theme="dark"] .Isus {
  color: #ef4444; /* Lighter red for better contrast on dark */
  text-shadow: 0 0 12px rgba(239, 68, 68, 0.3);
}

/* Middle Earth (LOTR) theme specific styling */
[data-theme="lotr"] .Isus {
  color: #8b0000; /* Dark red - like ancient manuscripts */
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(139, 0, 0, 0.2);
  letter-spacing: 0.25px;
  /* Add subtle golden underline decoration */
  text-decoration: underline;
  text-decoration-color: rgba(184, 134, 11, 0.3);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

/* Optional: Add quotation marks around Jesus' words */
.Isus::before {
  content: '"';
  opacity: 0.6;
  font-size: 1.1em;
  margin-right: 1px;
}

.Isus::after {
  content: '"';
  opacity: 0.6;
  font-size: 1.1em;
  margin-left: 1px;
}

/* Hover effect for Jesus' words */
.Isus:hover {
  opacity: 0.9;
  text-shadow: 0 0 15px rgba(185, 28, 28, 0.25);
}

/* For interlinear text specifically */
.interlinear-container .Isus,
.translation-text .Isus {
  /* Ensure proper spacing in interlinear context */
  padding: 0 1px;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .Isus {
    font-weight: 500;
  }
  
  [data-theme="lotr"] .Isus {
    text-decoration-thickness: 0.5px;
  }
}

/* Print styles */
@media print {
  .Isus {
    color: black !important;
    font-weight: 600 !important;
    text-shadow: none !important;
    text-decoration: none !important;
  }
  
  .Isus::before,
  .Isus::after {
    content: '"';
    font-weight: normal;
  }
}

/* Accessibility: Ensure good contrast ratios */
@media (prefers-contrast: high) {
  [data-theme="light"] .Isus {
    color: #991b1b;
    font-weight: 600;
  }
  
  [data-theme="dark"] .Isus {
    color: #fca5a5;
    font-weight: 600;
  }
}

/* Optional: Animation for when Jesus' words come into view */
@keyframes jesus-words-glow {
  0% { opacity: 0.8; }
  50% { opacity: 1; text-shadow: 0 0 20px rgba(185, 28, 28, 0.3); }
  100% { opacity: 1; }
}

.Isus {
  animation: jesus-words-glow 0.5s ease-out;
}