/* =========================================================
   لوحةُ اختيارِ المجتمع — مستقلّةٌ عن ثيمِ المنصّة عمداً.
   Path: public_html/assets/css/community-picker.css
   Source of truth: acf_settings_post المجموعة «المجتمعات»

   اللوحةُ كانت ترث «--muted» و«--text» من الموقع، فتخرج في الوضعِ المظلم
   غامقةً باهتةً. وهي أوّلُ ما يراه زائرٌ جديدٌ لا يعرف الموقعَ ولا يقرأ
   لغتَه بالضرورة: القرارُ الذي تطلبه يسبق تفضيلَ المظهر. فلا متغيّرَ هنا
   من متغيّراتِ الموقع، ولا قاعدةَ تتبع data-theme — نفسُ الوجهِ في
   الوضعين، وتباينٌ يتجاوز معيارَ الوصولية في الحالتين.
   ========================================================= */

.acf-community-sheet .acf-community-backdrop {
  background: var(--acf-picker-backdrop, rgba(8,11,20,.72)) !important;
}

.acf-community-sheet .acf-community-card {
  background: var(--acf-picker-card-bg, #ffffff) !important;
  border: 1px solid var(--acf-picker-card-border, rgba(15,23,42,.10)) !important;
  border-radius: var(--acf-picker-card-radius, 22px) !important;
  padding: var(--acf-picker-card-padding, 14px) !important;
  color: var(--acf-picker-name-color, #0f172a) !important;
  box-shadow: 0 30px 70px rgba(8,11,20,.45), 0 0 0 1px rgba(15,23,42,.06) !important;
}

.acf-community-sheet .acf-community-card > i {
  background: var(--acf-picker-grabber, rgba(15,23,42,.20)) !important;
}

/* الصفُّ: سطحٌ فاتحٌ وحدٌّ ظاهرٌ ونصٌّ داكن. التباينُ محسوبٌ لا مُقدَّر. */
.acf-community-sheet .acf-community-row button {
  min-height: var(--acf-picker-row-min-height, 58px) !important;
  background: var(--acf-picker-row-bg, #f5f7fb) !important;
  border: 1px solid var(--acf-picker-row-border, rgba(15,23,42,.13)) !important;
  border-radius: var(--acf-picker-row-radius, 16px) !important;
  color: var(--acf-picker-name-color, #0f172a) !important;
  box-shadow: none !important;
}

.acf-community-sheet .acf-community-native {
  color: var(--acf-picker-name-color, #0f172a) !important;
  font-size: var(--acf-picker-name-size, 16px) !important;
  font-weight: 800 !important;
}

.acf-community-sheet .acf-community-row small {
  color: var(--acf-picker-line-color, #4a5568) !important;
  font-size: var(--acf-picker-line-size, 12.5px) !important;
}

/* المجتمعُ الحاليُّ يُعرَف من لمحةٍ: حدٌّ ملوّنٌ لا ظلٌّ خافت. */
.acf-community-sheet .acf-community-row button.is-current {
  background: var(--acf-picker-current-bg, rgba(124,58,237,.10)) !important;
  border-color: var(--acf-picker-current-border, #7c3aed) !important;
  box-shadow: inset 0 0 0 1px var(--acf-picker-current-border, #7c3aed) !important;
}

.acf-community-sheet .acf-community-row button:active {
  background: var(--acf-picker-current-bg, rgba(124,58,237,.10)) !important;
  transform: scale(.99);
}

.acf-community-sheet .acf-community-row button:focus-visible {
  outline: 2px solid var(--acf-picker-current-border, #7c3aed);
  outline-offset: 2px;
}