/* Utilisation des classes Tailwind pour l'effet de meilleure réponse */
.answer + .post,
.answer + a#unread + .post {
    @apply bg-green-100; /* Couleur de fond douce verte */
}

.post_answer {
    @apply bg-green-100 p-4 rounded-lg w-[97.5%] mb-4 !important;
    /* p-4 = 16px padding, rounded-lg = 7px+ arrondi */
}

.profile-answers {
    @apply ml-2; /* Margin-left 8px */
}

.profile-answers a {
    @apply font-normal; /* font-weight normal */
}

/* Responsive : cacher profile-answers en small screen */
@media (max-width: 700px) {
    div.profile-answers {
        @apply hidden;
    }
}
/* Styles Best Answer adaptés à Zeina avec Tailwind */

/* Mise en évidence de la meilleure réponse dans liste des forums et posts */
.zeina-best-answer-badge {
    @apply inline-flex items-center gap-1 px-2 py-0.5 bg-green-100 text-green-700 rounded-full text-xs font-semibold;
}

.zeina-best-answer-icon {
    @apply w-4 h-4 flex-shrink-0 fill-current;
}

/* Post marqué "meilleure réponse" */
.postbody.post_answer {
    @apply bg-green-100 p-4 rounded-lg mb-4 w-[97.5%];
}

/* Profile des réponses auteur */
.profile-answers {
    @apply ml-2 text-sm font-medium text-gray-700 mb-2;
}

.profile-answers span {
    @apply text-green-600 ml-1;
}

/* Pour cacher certains éléments sur small screens */
@media (max-width: 700px) {
    div.profile-answers {
        @apply hidden;
    }
}

/* Boutons de marquage / démarquage */
.button-icon-only {
    @apply inline-flex items-center justify-center p-2 rounded text-white;
}

.button-icon-only[href*="unmark"] {
    @apply bg-red-600 hover:bg-red-700;
}

.button-icon-only[href*="mark"] {
    @apply bg-green-600 hover:bg-green-700;
}

/* Style des icônes SVG utilisés */
.svg-icon {
    @apply w-5 h-5;
}

/* Indicateur "meilleure réponse" dans résultats recherche et autres */
.text-green-600 {
    @apply text-green-600;
}

.text-green-700 {
    @apply text-green-700;
}

.text-blue-600 {
    @apply text-blue-600;
}

/* Conteneur réponses dans liste de profils */
.profile-answers {
    @apply text-sm font-medium text-gray-700 mb-2;
}

/* Conteneur réponses dans topics */
.answer {
    @apply hidden;
}

/* Liens "To post" dans meilleure réponse */
a {
    @apply font-medium hover:underline;
}