/* --- Style global pour un site en arabe --- */

/* 1. Définir la direction pour toute la page */
html {
  direction: rtl;
  unicode-bidi: embed;
}

/* 2. Appliquer les styles de texte et la police par défaut */
body {
  text-align: right;
  font-family: "Scheherazade New", serif;
  font-weight: 500;
  font-style: normal;
}

/*
 * 3. CIBLE LE CONTENEUR PARENT (.property)
 * On le met en "flex" pour aligner les enfants sur une ligne
 * ET on les "justifie" au DÉBUT (flex-start), ce qui
 * correspond à la DROITE en mode rtl.
 */
body.item.resource.show .property {
    display: flex !important;
    direction: rtl !important;
    justify-content: flex-start !important; /* <--- LA CORRECTION FINALE (flex-start) */
    align-items: baseline !important;
    gap: 1em !important;
}

/*
 * 4. CIBLE L'ÉTIQUETTE (dt)
 * On s'assure que son texte est bien à droite.
 */
body.item.resource.show .property dt {
    text-align: right !important;
    flex-shrink: 0; /* Empêche l'étiquette de se casser */
}

/*
 * 5. CIBLE LE SPAN DE LA VALEUR
 * On s'assure que son texte est bien à droite.
 */
body.item.resource.show .property dd.value span.value-content {
    text-align: right !important;
    direction: rtl !important;
}


/* --- Vos personnalisations de couleur --- */
a {
  color: #5E2C04;
}

#sort-links a {
  color: #51636d;
}

#wrap {
  color: #5b533f;
}