.ask-the-expert-page-header {display: flex;align-items: center;margin: 0px -20px 30px -20px;position: sticky;top: 0;right: 0;background: #fff;padding: 29px 20px;z-index: 10;box-shadow: 0px -10px  0 0 #fff, -10px 0px 0 0 #fff, 10px 0px 0 0 #fff, 0 0 10px 0 rgb(0 0 0 / 10%);}
.ask-the-expert-page-header.sticky-hidden {top:0 !important;}
.ask-the-expert-page-header h1 {margin: 0 !important;flex: 1;}
.ask-the-expert-page-header .ask-the-expert-filter {position: relative;}
.ask-the-expert-page-header .ask-the-expert-filter input {background: #eee;border: none;border-radius: 10px;padding: 0 15px;font-size: 14px;height: 40px;font-family: "Inter";font-weight: 300;}
.ask-the-expert-page-header .ask-the-expert-filter .search-meta {position: absolute;top: 0;right: 10px;display: flex;align-items: center;gap: 5px;height: 40px;}
.ask-the-expert-page-header .ask-the-expert-filter .search-meta button {border: none;padding: 0 4px;}
.ask-the-expert-page-header .ask-the-expert-filter .result-count {display:block;text-align: right;font-size: 11px;margin: 3px 0 0 0;position: absolute;right: 0;top: 100%;display: none;}

.ask-the-expert {display: flex;flex-direction: column;gap: 25px;margin: 20px 0;}
.ask-the-expert .item { max-width: 90%; }
.ask-the-expert .item .author {display: flex;align-items: center;gap: 10px;margin: 0 0 10px 0;font-size: 13px;}
.ask-the-expert .item .author .initials { width: 40px; height: 40px; line-height: 40px; background: var(--c-main); text-align: center; color: #fff; border-radius: 50%; font-weight: 600; }
.ask-the-expert .item .author img { max-width: 40px; border-radius: 30px; filter: brightness(0.9); }
.ask-the-expert .item .author .meta { line-height: 1.2; align-items: center; }
.ask-the-expert .item .author .meta strong { display: block; font-weight: 600; }
.ask-the-expert .item .author .meta span { font-size: 11px; opacity: 0.7; }
.ask-the-expert .item .author .live-question {margin: 0 0 0 auto;background: #FF1744;color: #fff;padding: 6px 15px;font-weight: 800;border-radius: 20px 20px 20px 0px;display: inline-flex;align-items: center;gap: 10px;font-size: 11px;}

.ask-the-expert .item .author .live-question::after {content: "";width: 8px;height: 8px;background: #fff;border-radius: 50%;margin: 0;display: none;animation: pulse 1s infinite ease-in-out;}
.ask-the-expert .item .text {background: #eee;padding: 20px;border-radius: 0 20px 20px 20px;/* max-width: 90%; */font-size: 14px;font-weight: 400;}
.ask-the-expert .item .text mark {
    background: var(--c-main);
    color: #fff;
}
.ask-the-expert .item .actions {display: flex;gap: 25px;font-size: 19px;margin: 12px 0 0 0;}
.ask-the-expert .item .actions button {border: none;background: none;padding: 0;line-height: 1;display: flex;align-items: center;gap: 8px;}
.ask-the-expert .item .actions button i {}
.ask-the-expert .item .actions button .count { font-size: 12px; opacity: 0.5; }
.ask-the-expert .item .actions button:hover i {font-weight:900}
.ask-the-expert .item .actions button.reply { font-weight: 600; border-bottom: solid 1px #000; font-size: 13px; }
.ask-the-expert .item .actions button.reply:hover {opacity:0.5}
.ask-the-expert .item .actions button.toggle-replies {margin: 0 0 0 auto;font-size: 12px;display: inline-flex;font-weight: 600;}
.ask-the-expert .item .actions button.toggle-replies::after {content:"\f107";font-family: 'Font Awesome 6 Pro';font-size: 15px;transition:all 0.3s;}
.ask-the-expert .item .actions button.toggle-replies.active::after {transform:rotate(180deg)}


.ask-the-expert .item.active-result {}
.ask-the-expert .item.highlight .text {box-shadow: 0 0 0 4px var(--c-main) inset;}


.ask-the-expert .item.expert {margin: 0 0 0 auto;text-align: right;}
.ask-the-expert .item.expert .author { display: flex; flex-direction: row-reverse; }
.ask-the-expert .item.expert > .text {margin: 0 0 0 auto;background: #777;border-radius: 20px 0 20px 20px;color: #fff;}
.ask-the-expert .item.expert .actions { justify-content: flex-start; display: flex; flex-direction: row-reverse; }
.ask-the-expert .item.expert .actions button.toggle-replies {margin: 0 auto 0 0;}


.ask-the-expert .replies { display: flex; flex-direction: column; gap: 25px; margin: 40px 0 0 0; }
.ask-the-expert .item.reply {padding: 0 0 25px 0;max-width: 100%;border-bottom: solid 2px #eee;margin: 0 0 0 40px;}
.ask-the-expert .item.reply:last-child {border:none}
.ask-the-expert .item.reply .author {}
.ask-the-expert .item.reply .author .meta { }
.ask-the-expert .item.reply .text {background: none;padding: 0;font-size: 13px;font-weight: 300;}

.ask-the-expert .item.expert .item.reply {margin: 0 40px 0 0;}



.comment-form {margin: 20px 0 0 0;}
.comment-form h3 {margin: 0 0 10px 0;font-size: 20px;}
.comment-form textarea {width: 100%;padding: 15px;border: dotted 3px #ddd;border-radius: 0 20px 20px 20px;min-height: 110px;font-size: 14px;vertical-align: top;}
.comment-form .reply-actions { display: flex; gap: 16px; margin: 10px 0 0 0; }
.comment-form .reply-actions .btn { padding: 10px 17px; font-size: 12px; }
.comment-form .reply-actions .btn.cancel { background: none; color: #000; padding: 10px 0; }
.comment-form .reply-actions .btn.submit { background: #000; }


.item .comment-form {margin: 30px 0 0 0;}
.item .comment-form h3 { font-size: 16px; margin: 0 0 7px 0; }
.item.expert .comment-form {}
.item.expert .comment-form textarea { border-radius: 20px 0 20px 20px; }
.item.expert .comment-form .reply-actions { flex-direction: row-reverse; }