/* ============================================================
   TAGHLEEFY — FAQ Accordion  v1.0  |  D2C single-brand  |  RTL
   ============================================================ */

:root {
  --tagh-ink-900:     #0A121F;
  --tagh-ink-700:     #16283F;
  --tagh-teal:        #0E9F9A;
  --tagh-teal-dim:    rgba(14,159,154,0.14);
  --tagh-text:        #E2E8F0;
  --tagh-muted:       #94A3B8;
  --tagh-white:       #FFFFFF;
  --tagh-ease:        220ms cubic-bezier(0.2,0,0.2,1);
}

.tagh-faq, .tagh-faq * { box-sizing: border-box; }

.tagh-faq {
  position: relative;
  background: linear-gradient(135deg, var(--tagh-ink-900) 0%, var(--tagh-ink-700) 100%);
  padding: 88px 24px 96px;
  direction: rtl;
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', system-ui, sans-serif;
}

.tagh-faq__container { max-width: 800px; margin: 0 auto; }

.tagh-faq__header { text-align: center; margin-bottom: 44px; }

.tagh-faq__badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--tagh-teal-dim);
  border: 1px solid rgba(14,159,154,0.3);
  border-radius: 100px; padding: 6px 16px;
  font-size: 12px; font-weight: 700; color: var(--tagh-teal);
  margin-bottom: 18px;
}
.tagh-faq__badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--tagh-teal); }

.tagh-faq__title { font-size: clamp(22px, 3.2vw, 32px); font-weight: 900; color: #F1F5F9; margin: 0; line-height: 1.3; }
.tagh-faq__title-hl {
  background: linear-gradient(130deg, var(--tagh-teal) 0%, #6FE0C9 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

.tagh-faq__list { display: flex; flex-direction: column; gap: 14px; }

.tagh-faq__item {
  background: rgba(255,255,255,0.045);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  overflow: hidden;
  transition: border-color var(--tagh-ease), background var(--tagh-ease);
}
.tagh-faq__item--open,
.tagh-faq__item:hover { border-color: rgba(14,159,154,0.35); }
.tagh-faq__item--open { background: rgba(255,255,255,0.06); }

.tagh-faq__q { margin: 0; }

.tagh-faq__trigger {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px;
  background: none; border: none; cursor: pointer;
  padding: 20px 24px;
  font-family: inherit;
  font-size: 1rem; font-weight: 700; color: var(--tagh-white);
  text-align: right;
}

.tagh-faq__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; flex-shrink: 0;
  border-radius: 50%;
  background: var(--tagh-teal-dim);
  color: var(--tagh-teal);
  transition: transform var(--tagh-ease);
}
.tagh-faq__item--open .tagh-faq__icon { transform: rotate(180deg); }

.tagh-faq__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s var(--tagh-ease);
}
.tagh-faq__panel-inner { padding: 0 24px 22px; }
.tagh-faq__panel-inner p {
  margin: 0; font-size: .92rem; color: var(--tagh-muted); line-height: 1.85;
}

@media (max-width: 560px) {
  .tagh-faq__trigger { padding: 17px 18px; font-size: .95rem; }
  .tagh-faq__panel-inner { padding: 0 18px 18px; }
}