.star-jedi {
  font-family: "Star Jedi", sans-serif;
}

.star-jedi-hollow {
  font-family: "Star Jedi Hollow", sans-serif;
}

.star-jedi-outline {
  font-family: "Star Jedi Outline", sans-serif;
}

.special-edition {
  font-family: "Star Jedi Special Edition", sans-serif;
}

.logo-double-line-1 {
  font-family: "Star Jedi Logo Double Line 1", sans-serif;
}

.logo-double-line-2 {
  font-family: "Star Jedi Logo Double Line 2", sans-serif;
}

.monospaced {
  font-family: "Star Jedi Monospaced", monospace;
}
/* Variables CSS pour les couleurs */
:root {
  --ghost-color-blue: rgba(0, 191, 255, 0.8);
  --ghost-color-green: rgba(0, 255, 0, 0.8);
  --ghost-color-red: rgba(255, 0, 0, 0.8);
}

/* Classe de base pour le texte fantomatique */
.ghost-text {
  font-family: "Star Jedi", sans-serif;
  /* font-size: 2rem; */
  font-style: italic;
  opacity: 0.85;
  filter: blur(0.5px);
  text-shadow: 0 0 8px var(--ghost-color), 0 0 20px rgba(0, 0, 0, 0.5),
    0 0 30px rgba(0, 0, 0, 0.4);
  animation: flicker 2s infinite alternate;
}

/* Bleu (Obi-Wan) */
.ghost-blue {
  --ghost-color: var(--ghost-color-blue);
  color: var(--ghost-color-blue);
}

/* Vert (Yoda) */
.ghost-green {
  --ghost-color: var(--ghost-color-green);
  color: var(--ghost-color-green);
}

/* Rouge (Sith Ghost) */
.ghost-red {
  --ghost-color: var(--ghost-color-red);
  color: var(--ghost-color-red);
}

.lampadaire {
  animation: flicker_2 1s infinite alternate !important;
}

/* Cadre pour chaque vérité */
.star-border {
  max-width: 1200px;
  background-color: #111;
  border-radius: 15px;
  border: 2px solid #00ffff;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5),
    inset 0 0 20px rgba(0, 255, 255, 0.2);
  padding: 20px 30px;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-align: center;
  margin: auto;
  margin-top: 10rem;
}

/* Contour doré pour les éléments */
.gold-border {
  border: 2px solid #ffd700; /* Or pur */
  border-radius: 10px; /* Bords légèrement arrondis */
  padding: 10px; /* Espace intérieur */
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.5),
    /* Ombre lumineuse dorée */ inset 0 0 10px rgba(255, 215, 0, 0.7); /* Lumière intérieure */
}

/* Texte stylé en couleur or */
.gold-text {
  /* font-family: "Star Jedi", sans-serif; Assurez-vous d'utiliser une police Star Wars ou similaire */
  color: #ffd700; /* Couleur or */
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.8),
    /* Lueur douce autour du texte */ 0 0 10px rgba(255, 215, 0, 0.6); /* Ombre étendue */
  letter-spacing: 2px; /* Espacement entre les lettres pour un effet plus dramatique */
  /* text-transform: uppercase;  */
}

/* Effet de brillance animée */
.gold-text-shine {
  background: linear-gradient(
    90deg,
    rgba(255, 215, 0, 0.5),
    rgba(255, 215, 0, 0),
    rgba(255, 215, 0, 0.5)
  );
  background-size: 200% 100%;
  background-clip: text;
  color: transparent;
  animation: shine 5s infinite;
}

.form-container {
  display: grid;
  justify-items: center;
  justify-content: center;
}

@keyframes shine {
  from {
    background-position: 200% center;
  }
  to {
    background-position: -200% center;
  }
}

/* Animation pour l'effet de scintillement */
@keyframes flicker {
  0% {
    opacity: 0.85;
    filter: blur(0.5px);
    text-shadow: 0 0 8px var(--ghost-color), 0 0 20px rgba(0, 0, 0, 0.5),
      0 0 30px rgba(0, 0, 0, 0.4);
  }
  50% {
    opacity: 0.75;
    filter: blur(0.7px);
    text-shadow: 0 0 10px var(--ghost-color), 0 0 25px rgba(0, 0, 0, 0.4),
      0 0 35px rgba(0, 0, 0, 0.3);
  }
  100% {
    opacity: 0.85;
    filter: blur(0.5px);
    text-shadow: 0 0 8px var(--ghost-color), 0 0 20px rgba(0, 0, 0, 0.5),
      0 0 30px rgba(0, 0, 0, 0.4);
  }
}

@keyframes flicker_2 {
  0% {
    opacity: 1;
    filter: blur(0.5px);
    text-shadow: 0 0 8px var(--ghost-color), 0 0 20px rgba(0, 0, 0, 0.5),
      0 0 30px rgba(0, 0, 0, 0.4);
  }
  50% {
    opacity: 0.3;
    filter: blur(0.7px);
    text-shadow: 0 0 10px var(--ghost-color), 0 0 25px rgba(0, 0, 0, 0.4),
      0 0 35px rgba(0, 0, 0, 0.3);
  }
  100% {
    opacity: 1;
    filter: blur(0.5px);
    text-shadow: 0 0 8px var(--ghost-color), 0 0 20px rgba(0, 0, 0, 0.5),
      0 0 30px rgba(0, 0, 0, 0.4);
  }
}

/* Bouton de base */
.star-button {
  font-family: "Star Jedi", sans-serif;
  color: #00ffff;
  background-color: #111;
  border: 2px solid #00ffff;
  border-radius: 8px;
  padding: 10px 20px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
  text-shadow: 0 0 5px rgba(0, 255, 255, 0.8);
  transition: all 0.3s ease-in-out;
}

/* Effet au survol */
.star-button:hover {
  color: #00ffff;
  border-color: #ffd700;
  box-shadow: 0 0 15px rgba(255, 215, 0, 0.8), 0 0 25px rgba(0, 255, 255, 0.6);
  transform: scale(1.05);
}

/* Bouton Petit */
.star-button-small {
  font-size: 0.8rem;
  padding: 8px 16px;
}

/* Bouton Moyen */
.star-button-medium {
  font-size: 1rem;
  padding: 12px 24px;
}

/* Bouton Grand */
.star-button-large {
  font-size: 1.2rem;
  padding: 16px 32px;
}

/* Effet d'animation de brillance */
.star-button.gold {
  color: #ffd700;
  border: 2px solid #ffd700;
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.8), 0 0 10px rgba(255, 215, 0, 0.6);
}

.star-button.gold:hover {
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.6);
}

/* Effet de scintillement */
@keyframes button-flicker {
  0%,
  100% {
    opacity: 1;
    text-shadow: 0 0 5px rgba(0, 255, 255, 0.8), 0 0 10px rgba(0, 255, 255, 0.6);
  }
  50% {
    opacity: 0.8;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.6),
      0 0 15px rgba(0, 255, 255, 0.4);
  }
}

.star-button.flicker {
  animation: button-flicker 2s infinite alternate;
}

@media (max-width: 600px) {
  .star-border {
    margin: 0.5rem;
  }
}

/* Star Jedi Regular */
@font-face {
  font-family: "Star Jedi";
  src: url("assets/fonts/starjedi/Starjedi.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Hollow */
@font-face {
  font-family: "Star Jedi Hollow";
  src: url("assets/fonts/starjedi/Starjhol.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Outline */
@font-face {
  font-family: "Star Jedi Outline";
  src: url("assets/fonts/starjout/Starjout.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Special Edition */
@font-face {
  font-family: "Star Jedi Special Edition";
  src: url("assets/fonts/stjedise/STJEDISE.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Logo Double Line 1 */
@font-face {
  font-family: "Star Jedi Logo Double Line 1";
  src: url("assets/fonts/stjelogo/Stjldbl1.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Logo Double Line 2 */
@font-face {
  font-family: "Star Jedi Logo Double Line 2";
  src: url("assets/fonts/stjelogo/Stjldbl2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Star Jedi Monospaced */
@font-face {
  font-family: "Star Jedi Monospaced";
  src: url("assets/fonts/stjelogo/Strjmono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}