/**
 * WordPress Admin Bar + USF_f6 Editor
 * استجابة شريط الإدارة وتوافقه مع الهيدر الثابت والمحرر
 * يظهر في كل الصفحات (بما فيها Products).
 */

/* شريط الإدارة فوق الهيدر وواضح على كل الشاشات */
#wpadminbar {
  z-index: 100002 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  visibility: visible !important;
  display: block !important;
}

/* عند وجود شريط الإدارة: دفع الهيدر للأسفل لئلا يختفي تحته */
body.admin-bar #dahab-header {
  top: 32px !important;
}
@media screen and (min-width: 783px) {
  body.admin-bar #dahab-header {
    top: 32px !important;
  }
}
@media screen and (max-width: 782px) {
  body.admin-bar #dahab-header {
    top: 46px !important;
  }
}

/* استجابة شريط الإدارة على الشاشات الصغيرة */
@media screen and (max-width: 782px) {
  #wpadminbar {
    position: fixed !important;
  }
  #wpadminbar .ab-item,
  #wpadminbar a {
    padding: 0 10px !important;
    font-size: 12px !important;
  }
  #wpadminbar #wp-admin-bar-wpconvert-edit .ab-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
  }
}

/* زر USF_f6 Edit في الشريط أوضح على الموبايل */
#wp-admin-bar-wpconvert-edit .ab-item {
  font-weight: 600 !important;
}
#wpadminbar .wpc-editing-active > .ab-item {
  background: #22c55e !important;
  color: #fff !important;
}