/* public/css/app.css */

/* Déclarations des polices Laotiennes */
@font-face {
    font-family: 'Lao Noon';
    src: url('/fonts/Lao_Noon.ttf') format('truetype'); /* Le chemin est relatif à la racine 'public' */
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lao_NoonPali25';
    src: url('/fonts/Lao_NoonPali25.ttf') format('truetype'); /* Le chemin est relatif à la racine 'public' */
    font-weight: normal;
    font-style: normal;
}

/* Classes CSS pour appliquer les polices */
.lao-pali {
    font-family: 'Lao_NoonPali25' !important;
}
.lao_font {
    font-family: 'Lao Noon';
}

/* Styles pour la modale */
.modal {
    display: none; /* Cache la modale par défaut */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4); /* Fond noir semi-transparent */
    justify-content: center; /* Pour centrer le contenu de la modale */
    align-items: center;   /* Pour centrer le contenu de la modale */
}
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: 90%;
    max-width: 600px;
}
.close-button {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close-button:hover,
.close-button:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* Pour gérer les sauts de ligne dans les définitions */
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.blue{
    color: rgb(0,0,255) !important;
}
.red{
    color: rgb(255,0,0) !important;
}

/* Style de base pour les champs d'édition en ligne */
.editable .text-input,
.editable .text-textarea {
    display: none; /* Caché par défaut */
    box-sizing: border-box; /* Inclut padding et border dans la largeur/hauteur */
    /* Ajoutez des styles Tailwind ou personnalisés ici si besoin */
}

/* Assurez-vous que le texte affiché par défaut soit visible */
.editable .text-display {
    display: block;
}

/* Pour gérer les sauts de ligne dans les définitions affichées */
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.ql-font-lao-noon::before { content: 'Lao Noon'; }
.ql-font-lao-noonpali25::before { content: 'Lao_NoonPali25'; }
.ql-editor .ql-font-lao-noon { font-family: 'Lao Noon' !important; }
.ql-editor .ql-font-lao-noonpali25 { font-family: 'Lao_NoonPali25' !important; }

.red {
    color: rgb(255, 0, 0) !important;
}

.blue{
    color: rgb(0, 0, 255);
}