/* Owner's actual circled screenshot: ONLY these FOUR compact blue pictograms
   alongside the «كل الأسئلة» QUESTION icon/title (not per-question counts).
   Leave the original archived cards, statuses, favicons and pinned home alone. */
.archive-home .archive-questions-menu .arch-question-bar {
 display:flex!important;
 flex-direction:row!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:4px!important;
 min-width:0!important;
 min-height:36px!important;
 padding:2px 6px!important;
 background:#e9edf9!important;
 box-sizing:border-box!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title {
 flex:0 0 auto!important;
 min-width:0!important;
 margin:0!important;
 padding:0!important;
 font-weight:normal!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a {
 display:inline-flex!important;
 flex-wrap:nowrap!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:4px!important;
 padding:1px 1px!important;
 margin:0!important;
 background:transparent!important;
 border:0!important;
 color:#2a6caa!important;
 text-decoration:none!important;
 white-space:nowrap!important;
 font-size:inherit!important;
 line-height:1.45!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a:hover {
 text-decoration:underline!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title .arch-icon-question {
 flex:0 0 20px!important;
 width:20px!important;
 min-width:20px!important;
 height:20px!important;
 color:#3775ae!important;
 stroke:currentColor!important;
 stroke-width:2!important;
}
.archive-home .archive-questions-menu .archive-real-tabs.ejabat-classic-question-types {
 display:flex!important;
 direction:rtl!important;
 align-items:center!important;
 justify-content:flex-start!important;
 flex:0 0 auto!important;
 min-width:0!important;
 margin:0!important;
 margin-inline-start:auto!important;
 padding:0!important;
 gap:2px!important;
 background:transparent!important;
 border:0!important;
}
.archive-home .archive-questions-menu .archive-real-tabs.ejabat-classic-question-types
>.archive-type-tab {
 display:inline-flex!important;
 flex:0 0 30px!important;
 justify-content:center!important;
 align-items:center!important;
 width:30px!important;
 min-width:30px!important;
 max-width:30px!important;
 height:31px!important;
 min-height:31px!important;
 padding:3px!important;
 margin:0!important;
 gap:0!important;
 background:transparent!important;
 color:#3477b3!important;
 border:0!important;
 border-bottom:2px solid transparent!important;
 border-radius:0!important;
 box-shadow:none!important;
 text-decoration:none!important;
 cursor:pointer!important;
 box-sizing:border-box!important;
}
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab .arch-icon {
 display:block!important;
 flex:0 0 22px!important;
 width:22px!important;
 height:22px!important;
 stroke:currentColor!important;
 stroke-width:2!important;
}
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab span {
 display:none!important;
}
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab.active,
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab[aria-current='page'] {
 border-bottom-color:#417db7!important;
 color:#245e9b!important;
 background:rgba(255,255,255,.65)!important;
}
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab:focus-visible {
 outline:2px solid #347fc0!important;
 outline-offset:-2px!important;
}
.archive-home .archive-questions-menu .ejabat-classic-question-types
>.archive-type-tab:hover {
 background:#fff!important;
}
/* The same exact compact bar is useful on filtered /?tab and category pages,
   which have archive-home without archive-home-main. */

/* The CATEGORY follows the clickable QUESTION TITLE in the SAME heading,
   never inside the author/byline. Preserve the original green text, no pill.
   It naturally wraps immediately after the title for long questions. */
.archive-home .archive-question-row .q-summary h3
>a.ejabat-question-inline-category {
 display:inline!important;
 min-width:0!important;
 max-width:100%!important;
 margin:0 6px 0 0!important;
 padding:0!important;
 color:#4c8b4e!important;
 background:transparent!important;
 border:0!important;
 border-radius:0!important;
 font:normal 11px/1.7 "Ejaaba Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
 white-space:normal!important;
 text-decoration:none!important;
 overflow-wrap:anywhere!important;
 vertical-align:baseline!important;
}
.archive-home .archive-question-row .q-summary h3
>a.ejabat-question-inline-category:hover {
 color:#2a6c39!important;
 text-decoration:underline!important;
}
.archive-home .archive-question-row .arch-question-byline{
 margin-inline-start:auto!important;
 justify-content:flex-end!important;
}
.archive-home .archive-question-row .arch-question-byline .arch-author-link{
 color:#2870b9!important;
}
@media(max-width:500px) {
 .archive-home .archive-questions-menu .arch-question-bar{
  gap:2px!important;
  padding:2px 3px!important;
 }
 .archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a{
  font-size:13px!important;
  gap:3px!important;
 }
 .archive-home .archive-questions-menu .ejabat-classic-all-questions-title .arch-icon-question{
  flex-basis:17px!important;
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
 }
 .archive-home .archive-questions-menu .archive-real-tabs.ejabat-classic-question-types{
  gap:1px!important;
 }
 .archive-home .archive-questions-menu .archive-real-tabs.ejabat-classic-question-types
 >.archive-type-tab{
  flex-basis:25px!important;
  width:25px!important;
  min-width:25px!important;
  max-width:25px!important;
  height:29px!important;
  min-height:29px!important;
  padding:2px!important;
 }
 .archive-home .archive-questions-menu .ejabat-classic-question-types
 >.archive-type-tab .arch-icon{
  flex-basis:20px!important;
  width:20px!important;
  height:20px!important;
 }
 .archive-home .archive-question-row .q-summary h3
 >a.ejabat-question-inline-category{
  margin:0 4px 0 0!important;
  font-size:10px!important;
 }
}


/* 2026-10-12 follow-up: the owner corrected that this MUST be a contiguous
   TABBED FILTER GROUP directly beside «كل الأسئلة», NOT icons pushed all
   the way to the OPPOSITE side of the lavender bar. */
.archive-home .archive-questions-menu .arch-question-bar {
 direction:rtl!important;
 justify-content:flex-start!important;
 align-items:center!important;
 gap:2px!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title{
 flex:0 1 auto!important;
 min-width:0!important;
 max-width:calc(100% - 115px)!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a{
 max-width:100%!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a>span{
 display:inline-block!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
 min-width:0!important;
}
.archive-home .archive-questions-menu .archive-real-tabs.ejabat-classic-question-types{
 margin:0!important;
 margin-inline:0!important;
 margin-inline-start:0!important;
 margin-inline-end:0!important;
 flex:0 0 auto!important;
 justify-content:flex-start!important;
 gap:1px!important;
}
.archive-home .archive-questions-menu .arch-question-bar [role='tab']:focus-visible{
 outline:2px solid #397eba!important;
 outline-offset:-1px!important;
}
.archive-home .archive-questions-menu .ejabat-classic-all-questions-title>a[aria-selected='true']{
 color:#1f5e95!important;
 font-weight:700!important;
}
.archive-home .question-list[aria-busy='true']{
 opacity:.74!important;
 transition:opacity .12s linear!important;
}
.archive-home .archive-questions-menu .ejabat-question-filter-ajax-error{
 font:normal 12px/1.7 "Ejaaba Noto Naskh Arabic",Tahoma,Arial,sans-serif!important;
 margin:0!important;
 padding:5px 9px!important;
 background:#fff8ef!important;
 border-bottom:1px solid #f0e4c9!important;
 color:#895c29!important;
}
@media(max-width:390px){
 .archive-home .archive-questions-menu .arch-question-bar{
  gap:1px!important;
 }
 .archive-home .archive-questions-menu .ejabat-classic-all-questions-title{
  max-width:calc(100% - 109px)!important;
 }
}