.terminal {
    background-color: #000000; /* Fond noir */
    color: #00ff00; /* Texte vert, typique des anciens terminaux */
    font-family: 'Courier New', Courier, monospace; /* Police à chasse fixe */
    padding: 5px; /* Espace réduit autour du texte */
    border-radius: 5px;
    border: 1px solid #00ff00; /* Bordure verte */
    white-space: pre-wrap;
    overflow-x: auto; /* Défilement horizontal si nécessaire */
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.5); /* Ombre verte pour un effet rétro */
    display: flex; /* Active Flexbox */
    line-height: 1.2; /* Espacement entre les lignes */
    display: inline-block; /* Pour que le fond s'adapte au contenu */
    width: 100%; /* Largeur maximale */
}

.terminal,
.terminal * {
    border: none !important; /* Supprime toutes les bordures à l'intérieur du terminal */
}

.terminal .highlight {
    margin: 0; /* Supprime les marges */
    padding: 0; /* Supprime les paddings */
    background-color: transparent; /* Fond transparent pour éviter les conflits */
}

.terminal .highlight pre {
    margin: 0; /* Supprime les marges */
    padding: 0; /* Supprime les paddings */
    background-color: transparent; /* Fond transparent */
    color: inherit; /* Hérite la couleur du texte du parent */
    font-family: inherit; /* Hérite la police du parent */
    line-height: inherit; /* Hérite l'espacement des lignes du parent */
}

.terminal .highlight pre span {
    display: inline; /* Évite les espaces inutiles causés par inline-block */
    margin: 0; /* Supprime les marges */
    padding: 0; /* Supprime les paddings */
}

.terminal .go {
    color: #00ff00; /* Couleur pour le texte de sortie du terminal */
}

/* raw html output css */

/* Styles communs pour les deux classes */
.error-box, .output {
    padding: 10px; /* Espace intérieur */
    font-size: 0.8em; /* Taille de police plus petite */
    width: fit-content; /* Ajuste la largeur au contenu */
    border-radius: 5px; /* Coins arrondis */
    display: inline-block; /* Pour que la boîte s'ajuste au contenu */
    margin-bottom: 20px;
}

.error-box pre, .output pre {
    margin: 0; /* Supprime la marge par défaut du <pre> */
}

/* Styles spécifiques à la classe error-box */
.error-box {
    border: 2px solid #ff0000; /* Bordure rouge */
    background-color: #ffe6e6; /* Fond légèrement rouge */
}

/* Styles spécifiques à la classe output */
.output {
    border: 2px solid #00ff00; /* Bordure verte */
    background-color: #e6ffe6; /* Fond légèrement vert */
}
