.entry-header { display: none !important; }

.etn-qna__header{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin:1rem 0}
.etn-qna__ask-btn{display:inline-block;padding:.6rem .9rem;border-radius:.6rem;background:#0ea5a5;color:#fff;text-decoration:none}
.etn-qna-archive__grid{display:grid;gap:1rem}
@media (min-width:768px){.etn-qna-archive__grid{grid-template-columns:repeat(2,1fr)}}
.etn-qna-card{border:1px solid #e5e7eb;border-radius:.8rem;padding:1rem;background:#fff}
.etn-qna-card__title{margin:.2rem 0 .5rem}
.etn-qna-card__meta{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}
.etn-qna-card__more{display:inline-block;margin-top:.5rem}
.etn-qna__placeholder{opacity:.75}

.etn-qna__form{display:grid;gap:12px;max-width:680px;margin: 0 auto 40px;}
.etn-qna.etn-qna--ask h2 {text-align: center;}
.etn-qna__field label{display:block;font-weight:600;margin:4px 0}
.etn-qna__field select,.etn-qna__field textarea{width:100%;padding:.6rem .8rem;border:1px solid #e5e7eb;border-radius:.6rem}
.etn-qna__alert{padding:.75rem 1rem;border-radius:.6rem;margin:.5rem 0}
.etn-qna__alert--success{background:#ecfdf5;color:#065f46}
.etn-qna__alert--error{background:#fef2f2;color:#991b1b}
.etn-qna.etn-qna-list {
    margin-bottom: 60px;
}
input#etn_qna_title {
    width: 100%;
}
.q-actions a.button.button-small {
    font-size: 12px !important;
    padding: 10px 10px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 100px;
    letter-spacing: 0px;
}

.q-title a {
    color: #000;
}

.q-filterbar__group button {
    border-radius: 100px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;

}

.etn-dash__header a.button.button-primary {
     border-radius: 100px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    background: #0382d2 !important;
}

.q-filterbar__group .select2-container--default .select2-selection--single {
    border-color: #babdc1;
    border-radius: 100px;
    border:none;
}

.q-filterbar__group span.select2-container--default span.select2-selection--single span.select2-selection__rendered {
    color: #555;
    line-height: 45px;
    padding: 0 48px 0 15px;
    font-size: 12px;
}

@media (max-width:640px){
   .etn-dash__header a.button.button-primary {
    width:100%;
    margin-bottom:30px;
} 
.q-meta{font-size:.68rem !important;}
}


/* === Dashboard === */
.etn-dash{display:grid;gap:1rem;margin: 0px 0px 50px;}
@media (min-width:900px){.etn-dash{grid-template-columns:280px 1fr}}
.etn-dash__sidebar{border:1px solid #e5e7eb;border-radius:.9rem;padding:1rem;background:#fff;position:sticky;top:1rem;height:max-content}
.etn-dash__profile{text-align:center;margin-bottom:1rem}
.etn-dash__avatar img{border-radius:9999px}
.etn-dash__name{font-weight:700;margin-top:.5rem}
.etn-dash__email{font-size:.9rem;color:#6b7280}
.etn-dash__form{display:grid;gap:.5rem;margin-top:1rem}
.etn-dash__form input[type="text"],.etn-dash__form input[type="file"]{width:100%;padding:.55rem .7rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fff}
.etn-dash__stats{margin-top:1rem;padding-top:1rem;border-top:1px dashed #e5e7eb;color:#374151}
.etn-dash__stats li{margin:.25rem 0}

.etn-dash__main{display:inline-block;gap:1rem}
.etn-dash__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;}
.etn-dash__main .etn-dash__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;}
.etn-dash__filters{display:flex;gap:.75rem;align-items:center}
.etn-dash__filters form{display:flex;gap:.5rem}
.etn-dash__filters input[type="search"]{padding:.5rem .7rem;border:1px solid #e5e7eb;border-radius:.6rem}
.etn-dash__tabs a{padding:.35rem .6rem;border:1px solid #e5e7eb;border-radius:.6rem;text-decoration:none;color:#111827}
.etn-dash__tabs a.is-active{background:#0ea5a5;color:#fff;border-color:#0ea5a5}

.etn-dash__list{display:grid;gap:1rem}
@media (min-width:700px){.etn-dash__list{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.etn-dash__list{grid-template-columns:repeat(3,1fr)}}

.etn-card{border:1px solid #e5e7eb;border-radius:.9rem;background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.5rem}
.etn-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}
.etn-card__title{margin:0;font-size:1.05rem}
.etn-card__badges{display:flex;flex-wrap:wrap;gap:.35rem}
.etn-badge{display:inline-block;padding:.2rem .45rem;border-radius:.5rem;font-size:.75rem;font-weight:700;background:#e5e7eb;color:#111827}
.etn-badge--pending{background:#fef3c7;color:#92400e}
.etn-badge--publish{background:#dcfce7;color:#065f46}
.etn-badge--answer{background:#dbeafe;color:#1e40af}
.etn-badge--new{background:#fde68a;color:#92400e}
.etn-card__meta{font-size:.85rem;color:#6b7280}
.etn-card__excerpt{margin:.2rem 0 .4rem 0;color:#1f2937}
.etn-card__actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto}
.button-link-delete{border-color:#ef4444 !important;color:#ef4444 !important}
.etn-empty{padding:1rem;border:1px dashed #e5e7eb;border-radius:.9rem;background:#fafafa;text-align:center;color:#6b7280}


/* ====== MEMBER DASHBOARD – UI/UX BARU (list style) ====== */
.q-filterbar{border:0px solid #e5e7eb;background: #dce7de;border-radius:.4rem;padding:.75rem;margin:.25rem 0 1rem}
.q-filterbar__row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}
.q-filterbar__group{display:flex;gap:.5rem;align-items:center}
.q-filterbar input[type="search"]{padding:.55rem .7rem;border:1px solid #e5e7eb;border-radius:.6rem;min-width:240px}
.q-filterbar select{padding:.5rem .6rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fff}
@media (max-width:640px){
  .q-filterbar__group{width:100%}
  .q-filterbar input[type="search"]{width:100%}
  .etn-dash__main .etn-dash__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;}
}

.q-list{display:flex;flex-direction:column;gap:.75rem}
.q-item{display:grid;grid-template-columns:56px 1fr auto;gap:.75rem;align-items:flex-start;border:0px solid #e5e7eb;background:#fff;border-radius:.9rem;padding:1rem;box-shadow: 0 2px 15px rgba(2, 6, 23, .05);}
@media (max-width:720px){.q-item{grid-template-columns:40px 1fr}}
.q-left img{border-radius:9999px;display:block}
.q-title{margin:0 0 .15rem;font-size:1.05rem;line-height:1.35}
.q-title a{text-decoration:none}
.q-meta{display:flex;flex-wrap:wrap;gap:.35rem;color:#6b7280;font-size:.68rem;margin-bottom:.25rem}
.q-dot{opacity:.6}
.q-excerpt{margin:.2rem 0 .5rem;color:#1f2937;display:none;}
.q-actions{display:flex;gap:.4rem;flex-wrap:wrap}
.q-right{display:flex;flex-direction:column;gap:.45rem;min-width:160px;align-items:flex-end}
@media (max-width:900px){.q-right{align-items:flex-start}}
.q-badges{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.pill{display:inline-block;padding:.22rem .5rem;border-radius:.5rem;font-size:.72rem;font-weight:700;background:#e5e7eb;color:#111827;white-space:nowrap}
.pill--pending{background:#fef3c7;color:#92400e}
.pill--publish{background:#dcfce7;color:#065f46}
.pill--answer{background:#dbeafe;color:#1e40af}
.pill--new{background:#fde68a;color:#92400e}
.q-stats{font-size:.85rem;color:#374151}
.q-stat{display:flex;justify-content:flex-end;gap:.35rem}
@media (max-width:900px){.q-stat{justify-content:flex-start}}
.button-small{padding:.35rem .6rem;line-height:1;border-radius:.5rem}


/* ===== Single Question – Header & Konten ===== */
.etn-qna-single .etn-qna-question__header{margin-bottom:.5rem}
.etn-qna-single .etn-qna-question__title{line-height:1.2;margin:0 0 .25rem}
.etn-qna-question__meta{font-size:.95rem;color:#6b7280;display:flex;gap:.5rem;flex-wrap:wrap}

.etn-qna-question__asker{gap:.75rem}
.etn-qna-question__asker img{border-radius:9999px}

.etn-qna-question__content{
  background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem 1.1rem
}

/* ===== Komentar / Jawaban ===== */
.etn-qna-answers{margin-top:1.25rem}
.etn-qna-answers h3{margin:0 0 .5rem;font-size:1.15rem}

.comment-list{display:flex;flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none}
.comment{margin:0;padding:0}
.comment > .comment-body{
  position:relative;display:grid;grid-template-columns:52px 1fr;gap:.75rem;
  border:1px solid #e5e7eb;background:#fff;border-radius:.9rem;padding:.9rem
}
.comment-author .avatar{width:52px;height:52px;border-radius:9999px}
.comment-author .fn{font-weight:700}
.comment-metadata{font-size:.82rem;color:#6b7280;margin-top:.1rem}
.comment-content{color:#111827;margin-top:.2rem}
.reply{margin-top:.4rem}
.reply a{display:inline-block;padding:.35rem .65rem;border:1px solid #e5e7eb;border-radius:.5rem;text-decoration:none}
.reply a:hover{border-color:#0ea5a5;color:#0ea5a5}

.comment .children{margin-left:64px;display:flex;flex-direction:column;gap:.75rem;border-left:2px dashed #e5e7eb;padding-left:.75rem}

/* Badge per peran */
.comment.etn-comment-admin > .comment-body{background:#eef2ff;border-color:#c7d2fe}
.comment.etn-comment-admin > .comment-body::before{
  content:"Admin";position:absolute;top:8px;right:10px;
  background:#dbeafe;color:#1e40af;font-weight:700;font-size:.7rem;
  padding:.15rem .45rem;border-radius:.45rem
}
.comment.bypostauthor > .comment-body{background:#f1f5f9;border-color:#e2e8f0}
.comment.bypostauthor > .comment-body::before{
  content:"Penanya";position:absolute;top:8px;right:10px;
  background:#e5e7eb;color:#111827;font-weight:700;font-size:.7rem;
  padding:.15rem .45rem;border-radius:.45rem
}

/* Form komentar */
.comment-respond{
  margin-top:1rem;border:1px solid #e5e7eb;border-radius:.9rem;background:#fff;padding:1rem
}
.comment-respond .comment-reply-title{margin:0 0 .5rem}
.etn-comment-form .logged-in-as{margin:0 0 .5rem}
.etn-comment-form input[type="text"],
.etn-comment-form input[type="email"],
.etn-comment-form textarea{
  width:100%;padding:.6rem .75rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fff
}
.etn-comment-form textarea{min-height:120px}
.etn-comment-form .form-submit .submit{
  background:#0ea5a5;color:#fff;border:none;border-radius:.6rem;padding:.55rem .9rem;cursor:pointer
}
.etn-comment-form .cancel-comment-reply a{margin-left:.5rem}

/* =========================================================
   QnA — Single Question (Card layout ala Q&A site)
   ========================================================= */
body.single-etn_qna_question .etn-qna-container{max-width:1100px;margin-inline:auto;padding:30px 0px;}

/* Kartu utama: kolom meta kiri + konten kanan */
body.single-etn_qna_question .qna-card{
  display:grid; grid-template-columns:88px 1fr; gap:1rem;
  background:#fff; border:0px solid #e5e7eb; border-radius:1rem;
  padding:1rem; box-shadow: 0 2px 15px rgba(2, 6, 23, .05);
}
@media (max-width:700px){
  body.single-etn_qna_question .qna-card{grid-template-columns:1fr}
  .q-stats {
    display: flex;
    gap: 10px;
    margin-top: 3px;
    margin-left: 10px;
}

.q-right {
    flex-direction: row;
    margin-top: 10px;
}
body.single-etn_qna_question .qna-card__meta {
    flex-direction: row !important;
}

body.single-etn_qna_question .qna-star {
    display: none;
}

body.single-etn_qna_question .qna-stat {
    width: 84px;
    border: 1px solid #e5e7eb;
    padding: .65rem .65rem;
    background: #f8fafc;
}

body.single-etn_qna_question .etn-qna-answers {
    margin-top: 1.25rem;
    padding: 0 10px;
}

body.single-etn_qna_question .qna-card {
    margin: 0 10px;
}
body.single-etn_qna_question .qna-comment__author {
    font-weight: 600;
    font-size: 10px !important;
}

body.single-etn_qna_question .qna-comment__time {
    font-size: .62rem !important;
}


.qna-badge {
    display: inline-block;
    padding: 2px 4px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
}
}

/* Sidebar meta */
body.single-etn_qna_question .qna-card__meta{
  display:flex; flex-direction:column; align-items:center; gap:.75rem;
}
body.single-etn_qna_question .qna-stat{
  width:64px; border:1px solid #e5e7eb; border-radius:.8rem; text-align:center;
  padding:.35rem .35rem; background:#f8fafc;
}
body.single-etn_qna_question .qna-stat__num{
  font-size:1.1rem; line-height:1; font-weight:800; color:#0f172a
}
body.single-etn_qna_question .qna-stat__label{
  font-size:.72rem; color:#64748b; margin-top:.2rem
}
body.single-etn_qna_question .qna-star{
  width:64px; height:40px; border:1px solid #e5e7eb; border-radius:.8rem;
  background:#fff; cursor:default; font-size:1.1rem
}

/* Konten kanan */
body.single-etn_qna_question .qna-card__main{min-width:0}
body.single-etn_qna_question .etn-qna-question__title{
  margin:0 0 .35rem; line-height:1.25; font-weight:800;
  font-size: clamp(1.6rem, 3.2vw, 2.4rem);
}
body.single-etn_qna_question .etn-qna-question__meta{
  display:flex; flex-wrap:wrap; gap:.5rem; align-items:center;
  font-size:.95rem; color:#64748b;
}
body.single-etn_qna_question .qna-dot{opacity:.45}
body.single-etn_qna_question .qna-tags{display:flex; gap:.35rem; flex-wrap:wrap}
body.single-etn_qna_question .qna-tag{
  display:inline-block; background:#f3e021; color:#0f172a; border:1px solid #e5e7eb;
  padding:.2rem .5rem; border-radius:.6rem; font-size:.78rem; font-weight:700;
}

/* Penanya */
body.single-etn_qna_question .etn-qna-question__asker{display:flex;align-items:center;gap:.75rem;margin:.6rem 0 .9rem}
body.single-etn_qna_question .etn-qna-question__asker img{border-radius:9999px}
body.single-etn_qna_question .qna-asker__name{font-weight:800}
body.single-etn_qna_question .qna-asker__role{color:#64748b}

/* Bubble pertanyaan */
body.single-etn_qna_question .etn-qna-question__content{
  background:#f8fafc; border:0px solid #e5e7eb; border-radius:.9rem; padding:1rem 1.1rem; color:#0f172a
}

/* ========================= Komentar (bubble) ========================= */
body.single-etn_qna_question .etn-qna-answers{margin-top:1.25rem}
body.single-etn_qna_question .etn-qna-answers h3{margin:0 0 .6rem;font-weight:800}

body.single-etn_qna_question .comment-list{
  margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.9rem
}
body.single-etn_qna_question .comment{margin:0;padding:0}
body.single-etn_qna_question .comment > .comment-body{
  position:relative; display:grid; grid-template-columns:56px 1fr; gap:.85rem;
  background:#fff; border:1px solid #e5e7eb; border-radius:.9rem; padding:1rem;
}
body.single-etn_qna_question .comment-author .avatar{width:56px;height:56px;border-radius:9999px}
body.single-etn_qna_question .comment-author .fn{font-weight:800;color:#0f172a}
body.single-etn_qna_question .comment-author .says{display:none}
body.single-etn_qna_question .comment-metadata{font-size:.82rem;color:#6b7280;margin-top:.15rem}
body.single-etn_qna_question .comment-content{
  margin-top:.35rem; color:#111827; line-height:1.6;
  background:#f8fafc; border:1px solid #e5e7eb; border-radius:.7rem; padding:.7rem .8rem;
}

/* child reply */
body.single-etn_qna_question .comment .children{
  margin-left:72px; padding-left:.85rem; display:flex; flex-direction:column; gap:.85rem;
  border-left:2px dashed #e5e7eb;
}
@media (max-width:640px){
  body.single-etn_qna_question .comment > .comment-body{grid-template-columns:44px 1fr; padding:.85rem}
  body.single-etn_qna_question .comment-author .avatar{width:44px;height:44px}
  body.single-etn_qna_question .comment .children{margin-left:56px}
}

/* badges */
body.single-etn_qna_question .comment.etn-comment-admin > .comment-body{
  background:#eef2ff; border-color:#c7d2fe
}
body.single-etn_qna_question .comment.etn-comment-admin > .comment-body::before{
  content:'Admin'; position:absolute; top:10px; right:12px;
  background:#dbeafe; color:#1e40af; font-size:.7rem; font-weight:800; padding:.2rem .5rem; border-radius:.5rem
}
body.single-etn_qna_question .comment.bypostauthor > .comment-body{
  background:#f1f5f9; border-color:#e2e8f0
}
body.single-etn_qna_question .comment.bypostauthor > .comment-body::before{
  content:'Penanya'; position:absolute; top:10px; right:12px;
  background:#e5e7eb; color:#111827; font-size:.7rem; font-weight:800; padding:.2rem .5rem; border-radius:.5rem
}

/* Reply button */
body.single-etn_qna_question .reply{margin-top:.55rem}
body.single-etn_qna_question .reply a{
  display:inline-block;padding:.45rem .7rem;border:1px solid #e5e7eb;border-radius:.55rem;text-decoration:none;
  color:#0f172a;font-weight:700;transition:all .18s ease
}
body.single-etn_qna_question .reply a:hover{border-color:#0ea5a5;color:#0ea5a5}

/* Form komentar */
body.single-etn_qna_question .comment-respond{
  margin-top:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem
}
body.single-etn_qna_question .comment-respond .comment-reply-title{margin:0 0 .55rem;font-weight:800}
body.single-etn_qna_question .etn-comment-form .logged-in-as{margin:0 0 .6rem;color:#475569}
body.single-etn_qna_question .etn-comment-form input[type="text"],
body.single-etn_qna_question .etn-comment-form input[type="email"],
body.single-etn_qna_question .etn-comment-form textarea{
  width:100%;padding:.65rem .8rem;border:1px solid #e5e7eb;border-radius:.7rem;background:#fff;font-size:.95rem
}
body.single-etn_qna_question .etn-comment-form textarea{min-height:120px;resize:vertical}
body.single-etn_qna_question .etn-comment-form .form-submit .submit{
  background:#0ea5a5;color:#fff;border:none;border-radius:.7rem;padding:.6rem .95rem;font-weight:800;cursor:pointer
}

/* ====== QnA: Komentar dengan bubble (avatar di luar, header dalam) ====== */
body.single-etn_qna_question .comment-list{
  margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.95rem
}
body.single-etn_qna_question .comment{margin:0;padding:0}

/* Struktur item */
body.single-etn_qna_question .qna-comment{
  display:grid;grid-template-columns:56px 1fr;gap:.85rem
}
@media (max-width:640px){
  body.single-etn_qna_question .qna-comment{grid-template-columns:44px 1fr}
}
body.single-etn_qna_question .qna-comment__avatar img{
  width:56px;height:56px;border-radius:9999px;display:block
}
@media (max-width:640px){
  body.single-etn_qna_question .qna-comment__avatar img{width:44px;height:44px}
}

/* Bubble kanan */
body.single-etn_qna_question .qna-comment__bubble{
  position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:.95rem;
  padding:1rem;box-shadow:0 6px 18px rgba(2,6,23,.04)
}
body.single-etn_qna_question .qna-comment__head{
  display:flex;justify-content:space-between;gap:.75rem;align-items:baseline;margin-bottom:.4rem
}
body.single-etn_qna_question .qna-comment__author{font-weight:800;color:#0f172a}
body.single-etn_qna_question .qna-comment__time{font-size:.82rem;color:#6b7280}

/* Isi jawaban */
body.single-etn_qna_question .qna-comment__content{
  background:#f8fafc;border:0px solid #e5e7eb;border-radius:.7rem;padding:.7rem .8rem;
  color:#111827;line-height:1.6
}

/* Tombol balas */
body.single-etn_qna_question .qna-comment__actions{margin-top:.55rem}
body.single-etn_qna_question .qna-comment__actions .comment-reply-link{
  display:inline-block;padding:.45rem .7rem;border:1px solid #e5e7eb;border-radius:.6rem;
  text-decoration:none;color:#0f172a;font-weight:700;transition:all .18s ease
}
body.single-etn_qna_question .qna-comment__actions .comment-reply-link:hover{
  border-color:#0ea5a5;color:#0ea5a5
}

/* Anak reply */
body.single-etn_qna_question .comment .children{
  margin-left:72px;padding-left:.85rem;display:flex;flex-direction:column;gap:.95rem;
  border-left:2px dashed #e5e7eb
}
@media (max-width:640px){
  body.single-etn_qna_question .comment .children{margin-left:56px}
}

/* Badge peran (Admin / Penanya) pada bubble */
body.single-etn_qna_question li.comment.etn-comment-admin .qna-comment__bubble{
  background:#eef2ff;border-color:#c7d2fe
}
body.single-etn_qna_question li.comment.etn-comment-admin .qna-comment__bubble::before{
  content:"Admin";position:absolute;top:10px;right:12px;background:#dbeafe;color:#1e40af;
  font-size:.7rem;font-weight:800;padding:.2rem .5rem;border-radius:.5rem
}
body.single-etn_qna_question li.comment.bypostauthor .qna-comment__bubble{
  background:#f1f5f9;border-color:#e2e8f0
}



/* ===== Thread list (hapus bullet) ===== */
ol.commentlist, ul.commentlist, .commentlist, .commentlist .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.commentlist > li { margin: 0 0 16px; }
body.single-etn_qna_question .comment::marker{display:none;}
.commentlist .children {
  margin-left: 24px;
  padding-left: 16px;
  border-left: 2px dashed #e5e7eb;
}

/* ===== Card komentar ===== */
.qna-comment { display: flex; gap: 12px; margin: 14px 0; }
.qna-comment__avatar img { width: 48px; height: 48px; border-radius: 9999px; display: block; }

.qna-comment__bubble {
  flex: 1;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 1px 1px rgba(0,0,0,.03);
}
.qna-comment__head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.qna-comment__author { font-weight: 700; color: #111827; }
.qna-comment__time { color: #6b7280; font-size: 12px; }
.qna-comment__content { color: #111827; line-height: 1.6; }

/* Admin highlight */
.etn-comment-admin .qna-comment__bubble { background: #f5f7ff; border-color: #c7d2fe; }

/* ===== Tombol Balas ===== */
.qna-comment__actions { margin-top: 8px; }
.qna-comment__actions .comment-reply-link {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; font-size: 14px; font-weight: 600;
  border: 1px solid #e5e7eb; border-radius: 9999px;
  text-decoration: none; color: #111827; background: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}
.qna-comment__actions .comment-reply-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}

/* ===== Box Reply Custom ===== */
.etn-qna-replybox {
  margin-top: 10px; background: #fafafa;
  border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px;
}
.etn-qna-replybox__note {
  margin-bottom: 8px; font-size: 13px; font-weight: 600; color: #2563eb;
}
.etn-qna-replybox__textarea {
  width: 100%; min-height: 100px; box-sizing: border-box;
  padding: 10px; border: 1px solid #d1d5db; border-radius: 10px; background: #fff; outline: none;
}
.etn-qna-replybox__textarea:focus {
  border-color: #2563eb; box-shadow: 0 0 0 4px rgba(37,99,235,.08);
}
.etn-qna-replybox__actions { margin-top: 10px; display: flex; gap: 8px; }
.etn-qna-replybox__send {
  background: #111827; color: #fff; border: 0; padding: 8px 14px;
  border-radius: 10px; font-weight: 700; cursor: pointer; transition: transform .18s;
}
.etn-qna-replybox__send:hover { transform: translateY(-1px); }
.etn-qna-replybox__cancel {
  background: #e5e7eb; color: #111827; border: 0; padding: 8px 12px;
  border-radius: 10px; cursor: pointer;
}

/* Preview balasan setelah kirim (opsional) */
.etn-qna-reply-preview {
  margin-top: 8px; padding: 10px 12px;
  background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px;
}
.etn-qna-reply-preview__head { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.etn-qna-reply-preview__avatar { width: 24px; height: 24px; border-radius: 9999px; }
.etn-badge { background: #111827; color: #fff; font-size: 11px; padding: 2px 6px; border-radius: 9999px; margin-left: 6px; }

/* Matikan bullet/angka di semua thread */
#comments ol.comment-list,
#comments ol.comment-list li,
#comments ol.comment-list ol.children,
#comments ol.comment-list ol.children li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  counter-reset: none !important;
  counter-increment: none !important;
}

/* Kill marker di browser yang bandel */
#comments ol.comment-list li::marker,
#comments ol.comment-list ol.children li::marker {
  content: '' !important;
}

/* Anak komentar: jangan flex biar marker tidak balik lagi */
#comments ol.comment-list ol.children {
  display: block !important;
  margin-left: 24px;          /* indent */
  padding-left: 16px;
  border-left: 2px dashed #e5e7eb; /* garis vertikal kamu */
}

/* Kartu komentar (biar rapi) */
#comments .qna-comment { display: flex; gap: 12px; margin: 14px 0; }
#comments .qna-comment__avatar img { width: 48px; height: 48px; border-radius: 9999px; }
#comments .qna-comment__bubble {
  flex: 1; background:#fff; border:0px solid #e5e7eb; border-radius:14px; padding:12px 14px;
  box-shadow: 0 2px 15px rgba(2, 6, 23, .05);
}
/* Tombol Balas – tap-friendly */
#comments .qna-comment__actions { margin-top: 8px; padding-top: 6px; position: relative; z-index: 2; }
#comments .qna-comment__actions .comment-reply-link{
  position: relative;
  z-index: 3;                         /* pastikan di atas dekorasi */
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;                   /* target tap min 40px */
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  background: #fff;
  color: #111827;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
  touch-action: manipulation;         /* hilangkan delay tap */
  -webkit-tap-highlight-color: transparent;
}
#comments .qna-comment__actions .comment-reply-link:hover{
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
/* Jangan blokir tap dengan dekorasi/pseudo */
#comments .comment-list .children::before,
#comments .comment-list .children::after,
#comments .qna-comment__bubble::before,
#comments .qna-comment__bubble::after {
  pointer-events: none !important;
}

#comments .qna-comment__bubble { position: relative; z-index: 1; isolation: isolate; }

.qna-comment__head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.qna-comment__author{font-weight:700;color:#111827}
.qna-comment__meta{margin-left:auto;display:flex;align-items:center;gap:8px}
.qna-comment__time{color:#6b7280;font-size:12px}

/* Badge */
.qna-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}
.qna-badge--asker{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}     /* Penanya */
.qna-badge--answerer{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}  /* Penjawab */

/* Matikan label pseudo lama (jika ada dari theme/custom sebelumnya) */
.comment.bypostauthor::after,
.qna-comment__head::after{content:none !important}

 .etn-qna-topnav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
 .etn-qna-topnav__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 14px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: #1b539b;
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
}
 .etn-qna-topnav__btn:hover {
     background:#000;
     color:#fff !important;
 }
  .etn-qna-topnav__btn a:hover {
     background:#000;
     color:#fff !important;
 }
  .etn-qna-topnav__btn--dash{background:#f5f7ff;border-color:#d9e0ff;color:#1f2a59}
  .etn-qna-topnav__ico{width:16px;height:16px;display:block}
  .etn-qna-topnav__btn:hover{box-shadow:0 1px 2px rgba(0,0,0,.05)}
  @media (max-width:768px){
    .etn-qna-topnav{gap:0px}
    .etn-qna-topnav__btn{padding:12px 12px}
    .etn-qna-topnav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 10px 12px}
     .etn-qna-topnav__btn {
   width:48%;
}
.etn-dash {
    display: block;
    gap: 1rem;
    margin: 0px 0px 50px;
}

.etn-dash__main {
    display: block;
    gap: 1rem;
}

header.etn-dash__header h2 {
    margin-bottom: 0px;
    margin-top: 20px;
    font-size: 20px;
}

.q-actions a.button.button-small {
    font-size: 12px !important;
    padding: 10px 20px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 100px;
    letter-spacing: 0px;
    min-width: 50px;
}

.q-filterbar__group {
    display: inline-grid;
    gap: .5rem;
    align-items: center;
}
  }
  
  
.etn-dash__sidebar {background:#fff;border:0px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow: 0 2px 15px rgba(2, 6, 23, .05);}
.etn-dash__profile{display:flex;flex-direction:column;gap:10px;margin-bottom:14px;position:relative;}
.etn-dash__avatar img{width:72px;height:72px;border-radius:9999px;display:block;object-fit:cover}
.etn-dash__identity .etn-dash__name{font-weight:700;font-size:16px;line-height:1.2}
.etn-dash__identity .etn-dash__email{color:#6b7280;font-size:13px}

.etn-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-weight:600}
.etn-btn--ghost{background:#f9fafb}
.etn-btn--primary{background:#1f2937;color:#fff;border-color:#1f2937}
.etn-btn--light{background:#f3f4f6}

/* === Dropdown form absolute */
.etn-dash__form{
  position:absolute; top:calc(100% + 8px); left:0; right:0;
  z-index:1000; margin:0; padding:12px; background:#fff;
  border:1px solid #e5e7eb; border-radius:12px; box-shadow:0 12px 24px rgba(0,0,0,.12)
}
.etn-dash__form.is-hidden{display:none}
.etn-dash__form.is-portal{
  position:fixed !important;
  z-index:2147483647 !important;     /* di atas segalanya */
}

/* overlay klik-luar (transparan) */
.etn-portal-overlay{
  position:fixed; inset:0; background:transparent;
  z-index:2147483646;                 /* tepat di bawah form */
}
.etn-form__row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.etn-form__row input[type="text"], .etn-form__row input[type="file"], .q-filterbar select, .q-filterbar input[type="search"]{width:100%;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}
.etn-form__actions{display:flex;gap:8px}
.etn-qna__alert{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:13px}
.etn-qna__alert--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.etn-qna__alert--error{background:#fef2f2;color:#7f1d1d;border:1px solid #fecaca}

/* === Stats: Mobile horizontal scroll, Desktop 1 kolom full width === */

/* mobile-first: horizontal scroll */
.etn-cards{
  display:flex;
  gap:12px;
  margin:14px 0 0;
  padding:0 0 8px;
  list-style:none;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
}
.etn-card{
  flex:0 0 200px;            /* lebar kartu di mobile */
  scroll-snap-align:start;
  border:1px solid transparent;
  border-radius:14px;
  padding:12px;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.etn-card__num{font-weight:800;font-size:20px;display: inline-block;padding-right: 5px;}
.etn-card__label{font-size:12px;color:#334155}

/* warna berbeda tiap box */

.etn-cards .etn-card:nth-child(1){ background:#eff6ff; border-color:#bfdbfe; display: inline-block !important;}  /* Biru muda */
.etn-cards .etn-card:nth-child(2){ background:#ecfeff; border-color:#a5f3fc; display: inline-block !important;}  /* Cyan muda */
.etn-cards .etn-card:nth-child(3){ background:#fefce8; border-color:#fde68a; display: inline-block !important;}  /* Kuning muda */
.etn-cards .etn-card:nth-child(4){ background:#f0fdf4; border-color:#86efac; display: inline-block !important;}  /* Hijau muda */
.etn-cards .etn-card:nth-child(5){ background:#fdf2f8; border-color:#fbcfe8; display: inline-block !important;}  /* Pink muda */

/* scrollbar tipis (opsional) */
.etn-cards::-webkit-scrollbar{height:8px}
.etn-cards::-webkit-scrollbar-track{background:transparent}
.etn-cards::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:9999px}

/* desktop: tampil vertikal full width (1 kolom) */
@media (min-width:1024px){
  .etn-cards{
    display:grid;
    grid-template-columns:1fr; /* 1 kolom = kartu full width sidebar */
    overflow:visible;
    padding-bottom:0;
    gap:10px;
  }
  .etn-card{flex:auto}
}


.etn-dash__avatar {align-self: center;}

/* ==== Filter toggle ==== */
.q-filterbar{ position: relative; }

/* Search: grid supaya input fleksibel, tombol tidak melebar */
.q-filterbar__group--search{
  flex: 1 1 320px;
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 8px;
  min-width: 0;               /* penting agar input bisa mengecil */
}
.q-filterbar__group--search input[type="search"]{
  min-width: 0;               /* cegah overflow */
  width: 100%;
}
.q-filterbar__group--search .button{
  white-space: nowrap;
  padding: 10px 16px;
}

/* Toggle container */
.q-filterbar__group--filters{
  margin-left: auto;
  position: relative;
}

/* Default (mobile): dropdown penuh, vertikal */
.q-filterbar__fields{
  position: absolute;
  left: 0; right: 0; top: calc(100% + 8px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  z-index: 2000;
}
.q-filterbar__fields.is-collapsed{ display: none; }

.q-filterbar__fields select,
.q-filterbar__fields .button{
  width: 100%;                 /* full width tiap field di mobile */
}

/* Desktop (>=1024px): inline, horizontal, tanpa kotak dropdown */
@media (min-width: 1024px){
  .q-filterbar__row{ display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
  .q-filterbar__fields{
    position: static;
    display: flex !important;
    flex-direction: row;
    gap: 8px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    z-index: auto;
  }
  .q-filterbar__fields select,
  .q-filterbar__fields .button{
    width: auto;
  }
  .etn-dash .etnqf__row{margin-bottom:20px;}
}

@media (min-width:768px){ .q-filterbar__fields{margin-top:0} }

.etn-dash__profile .etn-btn {
    justify-content: center;
}

.q-actions a.button.button-small {
    min-width: 60px;
}

a.button.button-small.button-link-delete {
    background: #fff !important;
    padding-left: 0;
    color: #000 !important;
}

.etn-dash__main .q-filterbar {
    border: 0px solid #e5e7eb;
    background: #dce7de;
    border-radius: .4rem;
    padding: 20px 20px 0px;
    margin: 0px;
    height: 90px;
}

header.etn-dash__header h2 {
    padding: 0;
    margin: 0;
    font-size: 30px;
}

@media (max-width:768px){ 
    .etn-dash__main .q-list {
    margin-top: 20px !important;
}
    header.etn-dash__header h2 {
    margin:40px 0px 10px;
}
.etn-dash__main .q-filterbar {
    height: auto;
    padding-bottom:30px;
}

}



 /* SCOPE */
            .etnqf{ margin:12px 0 18px; }

            /* Desktop: toggle hidden, panel terlihat */
            .etnqf__toggle{ display:none !important; }
            #etnqf-panel{ display:block !important; }

            /* Row: kiri & kanan sejajar */
            .etnqf__row{ display:flex; align-items:center; gap:16px; flex-wrap:nowrap; }

            /* Left (search) */
            .etnqf__left{ flex:0 1 520px; min-width:380px; }
            .etnqf__searchgrid{ display:flex; gap:10px; align-items:center; }
            .etnqf__search{ width:100%; border-radius:12px; }

            /* Right (selects + apply) */
            .etnqf__right{
              margin-left:auto; display:flex; gap:10px; align-items:center;
              justify-content:flex-end; flex:1 1 auto; min-width:520px;
            }
            .etnqf__select{ min-width:200px; border-radius:12px; }
            .etnqf__apply{ white-space:nowrap; height:42px; align-self:stretch; border-radius:12px; }

            /* Hilangkan efek hover/active yang mengubah radius/shadow */
            .etnqf button, .etnqf select{ transition:none; }
            .etnqf button:hover, .etnqf button:active,
            .etnqf select:hover, .etnqf select:active{ box-shadow:none; transform:none; filter:none; }
            button.button.etnqf__searchbtn {
    font-size: 14px;
    border-radius: 5px;
}

button.button.etnqf__apply {
    font-size: 14px;
    border-radius: 4px;
}

            /* Anti-zoom iOS/Android */
            .etnqf input[type="search"], .etnqf select, .etnqf button{
              font-size:16px; -webkit-text-size-adjust:100%; text-size-adjust:100%;
              -webkit-tap-highlight-color:transparent; touch-action:manipulation;height: 48px;background: #f5f5f5;padding: 10px;border: none;
            }
            
            .etnqf__right span.select2-container--default span.select2-selection--single span.select2-selection__rendered {
    font-size: 12px;}
    
   .etn-qna__header-actions{display:flex;align-items:center;gap:10px}
.etn-qna__btn-ask{display:inline-flex;align-items:center;gap:8px}
.etn-qna__ico{width:18px;height:18px;display:block;flex:0 0 18px}
.etn-qna__userbtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px}
  a.button.button-primary.etn-qna__userbtn {
    min-width: 50px;
    height: 50px;
    background: #7a7a7a !important;
}

            /* MOBILE ≤768px */
            @media (max-width:768px){
              .etnqf__toggle{
                display:inline-flex !important; align-items:center;
                border:1px solid rgba(0,0,0,.08); background:#fff;
                border-radius:12px; padding:10px 14px; font-weight:600; cursor:pointer;
              }
              .etnqf__chev{
                display:inline-block; width:10px; height:10px; margin-left:8px;
                border-right:2px solid currentColor; border-bottom:2px solid currentColor;
                transform:rotate(45deg); transition:transform .2s ease;
              }
              .etnqf__toggle[aria-expanded="true"] .etnqf__chev{ transform:rotate(-135deg); }

              /* default collapsed di mobile */
              #etnqf-panel.is-collapsed{ display:none !important; }

              .etnqf__row{ display:block;margin-top: 10px; }
              .etnqf__left{ flex:none; min-width:0; }

              /* search 80/20 */
              .etnqf__searchgrid{ display:grid; grid-template-columns:4fr 1fr; gap:10px; width:100%; }
              .etnqf__searchbtn{ width:100%; }

              /* selects full-width + apply */
              .etnqf__right{ display:block; margin-left:0; min-width:0; }
              .etnqf__select, .etnqf__apply{ width:100%; height:auto; margin:0 0 10px 0; }
              button.button.etnqf__searchbtn { font-size: 12px;border-radius: 5px;text-transform: capitalize;}
button.button.etnqf__apply {font-size: 12px;border-radius: 4px;}
.etnqf input[type="search"], .etnqf select, .etnqf button { height: 48px;background: #f5f5f5;padding: 10px;border: none; width: 100%;justify-content: center;}
.etnqf__right .select2-container {
    margin: 5px 0px;
}
      .etn-qna__header-actions{gap:8px}
       a.button.button-primary.etn-qna__userbtn {
    min-width: 50px;
    height: 50px;
    width:50px;
    background: #7a7a7a !important;
}
            }
.etn-qna__btn-ask{ display:inline-flex; align-items:center; gap:8px; }
.etn-ico--plus {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 5px;
}

/* === QnA Dashboard: nonaktifkan klik saat pending/draft/future === */
.q-item.is-pending .q-title .link-disabled {
  pointer-events: none;
  color: #9ca3af;       /* abu-abu agar beda dari link */
  text-decoration: none;
  cursor: not-allowed;
}
.button.is-disabled {
  pointer-events: none;
  opacity: .6;
  cursor: not-allowed;
}


/* ===== QnA Notifications ===== */
.etn-notify { position: absolute;top:1%;right:5%;z-index:10000; }
.etn-notify__bell {
  position: relative; display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:9999px; border:1px solid #e5e7eb; background:#eab830; cursor:pointer;
  transition: box-shadow .18s ease, transform .18s ease;z-index:10001; touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.etn-notify__bell:hover { transform: translateY(-1px); box-shadow:0 2px 10px rgba(0,0,0,.06); }
.etn-notify__bell::before{
  content:"";
  position:absolute; inset:-6px;         /* +6px di semua sisi */
  border-radius:9999px;
}
.etn-notify__bell svg,
.etn-notify__bell path,
#etn-notify-badge{
  pointer-events:none;
}
.etn-notify__badge {
  position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 4px; border-radius:9999px;
  background:#ef4444; color:#fff; font-size:12px; font-weight:700; line-height:18px; display:none; align-items:center; justify-content:center;
}
.etn-notify__panel {
  position:absolute; top:44px; left:0; width:340px; max-height:420px; background:#fff; border:1px solid #e5e7eb; border-radius:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.08); padding:10px 0 0; overflow:hidden; display:none; z-index:50;
}
.etn-notify__panel.is-open { display:block; }
.etn-notify__header { padding:8px 12px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #f1f5f9; }
.etn-notify__title { font-weight:700; }
.etn-notify__markall { border:none; background:transparent; color:#0ea5a5; font-weight:600; cursor:pointer; }
.etn-notify__list { max-height:320px; overflow-y:auto; padding:4px 0; }
.etn-notify__item { display:block; padding:10px 14px; text-decoration:none; color:#111827; border-bottom:1px solid #f1f5f9; }
.etn-notify__item:hover { background:#f8fafc; }
.etn-notify__item.is-read { opacity:.7; }
.etn-notify__msg { font-size:12px; font-weight:600; }
.etn-notify__meta { font-size:12px; color:#6b7280; margin-top:2px; }
.etn-notify__more { display:block; width:100%; border:none; background:#e4eff9; padding:10px 14px; cursor:pointer; font-weight:600; }
.etn-notify__empty { padding:16px; color:#6b7280; }

@media (max-width: 768px){
    .etn-notify { position: absolute;top:2%;right:3%; }
  .etn-notify__panel { right: 0; left: auto; width: min(92vw, 360px); }
  .etn-notify__msg { font-size:11px; font-weight:600; }
}

/* Posisi bel di kiri atas dekat avatar di sidebar profile */
.etn-dash__profile { position:relative; }
.etn-dash__profile .etn-notify {
  position: absolute; top: 8px; right: 8px; left: auto; z-index: 1000;
}
.etn-dash__profile, .etn-dash__sidebar{
  position:relative;
  overflow:visible !important;           /* cegah dropdown kepotong */
}

#etn-notify-panel{
  position:absolute; top:calc(100% + 8px);
  right:0; left:auto;                    /* buka ke kanan ikon, aman dari tumpang-tindih */
  width:min(92vw, 340px); max-height:420px; overflow-y:auto;
  background:#fff; border:1px solid #e5e7eb; border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  z-index:20000 !important; display:none;           /* default tertutup */
}
#etn-notify-panel.is-open{ display:block; }


button.etn-qna__submit {
    padding: 20px 0;
    background: #3465e3;
    color: #fff;
    border: 0px;
}

.etn-notify__msg{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}