/**
 * Hani Ask Journalist frontend helpers.
 * Forms are designed in Elementor Pro. These classes only help with auth visibility and answer display.
 */

/* Add this class to any Elementor section/container that should appear only for logged-in users. */
body.hani-user-logged-out .hani-show-logged-in {
    display: none !important;
}

/* Add this class to any Elementor section/container that should appear only for logged-out visitors. */
body.hani-user-logged-in .hani-show-logged-out {
    display: none !important;
}

.hani-answer {
    direction: rtl;
    text-align: right;
}

.hani-answer h3 {
    margin-bottom: 0.75rem;
}

.hani-answer-empty {
    opacity: 0.75;
}

.hani-questions-list {
    display: grid;
    gap: 1rem;
}

.hani-question-card {
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.hani-question-card h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.hani-question-meta {
    font-size: 0.9rem;
    opacity: 0.7;
    margin-bottom: 0.5rem;
}


/* Language visibility helpers for bilingual pages/forms. */
body.hani-lang-ar .hani-show-en,
body.hani-lang-en .hani-show-ar {
    display: none !important;
}

/* Show the question discussion form only to logged-in users.
 * Backward compatibility: .hani-show-question-author now behaves like a logged-in-only wrapper.
 */
body.hani-user-logged-out .hani-show-question-author,
body.hani-user-logged-out .hani-show-question-reply-form {
    display: none !important;
}

.hani-question-replies {
    margin-top: 2rem;
    direction: rtl;
    text-align: right;
}

.hani-question-replies h3 {
    margin-bottom: 0.75rem;
}

.hani-replies-list {
    display: grid;
    gap: 1rem;
}

.hani-reply {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
}

.hani-reply-meta {
    font-size: 0.9rem;
    opacity: 0.7;
    margin-bottom: 0.5rem;
}

.hani-replies-empty {
    opacity: 0.75;
}