/*!
 * مدد — صفحة الأسئلة الشائعة فقط (faq.html — P07)
 * البانر والأكورديون (jb-faq__list) من site.css، والبحث jb-search من components.css.
 * هون: خانة البحث داخل البانر، وأزرار الأقسام، ومجموعات الأسئلة، وحالة «لا نتائج».
 */

/* ===== البحث داخل البانر ===== */
.fq-search { margin-block-start: var(--sp-5); max-width: 620px; }
.fq-search__box .form-control { padding-inline-end: 1rem; min-height: 56px; border-color: transparent; box-shadow: var(--sh-md); }
.fq-search__box > .bi { font-size: 1.1rem; }

/* ===== أزرار الأقسام ===== */
.fq-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2); margin-block-end: var(--sp-3); }
.fq-chip { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: 0 var(--sp-4); border-radius: var(--r-pill); border: 1px solid var(--jb-border-input); background: var(--jb-surface); color: var(--jb-text); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; transition: background-color var(--mo-fast) var(--mo-ease), border-color var(--mo-fast) var(--mo-ease), color var(--mo-fast) var(--mo-ease); }
.fq-chip .bi { color: var(--jb-primary); }
.fq-chip:hover { border-color: var(--jb-primary); }
.fq-chip[aria-pressed="true"] { background: var(--jb-primary); border-color: var(--jb-primary); color: var(--jb-on-primary, #FFFFFF); }
.fq-chip[aria-pressed="true"] .bi { color: inherit; }
.fq-chip:focus-visible { outline: 3px solid var(--jb-primary); outline-offset: 2px; }

.fq-status { min-height: 1.5em; margin: 0 0 var(--sp-4); text-align: center; color: var(--jb-text-muted); font-size: var(--fs-sm); font-weight: 600; }

/* ===== المجموعات ===== */
.fq-groups { display: grid; gap: clamp(2rem, 1.5rem + 2vw, 3rem); max-width: 880px; margin-inline: auto; }
.fq-group { scroll-margin-top: calc(var(--jb-header-h) + var(--sp-4)); }
.fq-group[hidden] { display: none; }
.fq-group__title { display: flex; align-items: center; gap: var(--sp-3); margin: 0 0 var(--sp-4); font-size: clamp(1.2rem, 1.1rem + .5vw, 1.4rem); }
.fq-group__title .jb-icon-tile { width: 44px; height: 44px; font-size: 1.15rem; }
.fq-item { scroll-margin-top: calc(var(--jb-header-h) + var(--sp-4)); }
.fq-item[hidden] { display: none; }
.fq-item .accordion-body a { font-weight: 600; text-underline-offset: 3px; }

/* ===== لا نتائج ===== */
.fq-empty { display: grid; justify-items: center; gap: var(--sp-3); max-width: 520px; margin: var(--sp-5) auto 0; padding: var(--sp-6) var(--sp-5); border-radius: var(--r-xl); border: 1px dashed var(--jb-border-input); background: var(--jb-surface); text-align: center; }
.fq-empty[hidden] { display: none; }
.fq-empty__title { margin: 0; font-size: 1.25rem; }
.fq-empty__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-2); margin-block-start: var(--sp-2); }