/**
 * طبقة media queries موجّهة: لمس، safe-area، دون إعادة بناء التخطيط.
 * سكة الشات الجانبية متاحة على كل العروض عبر app-layout-side.css + floating-chat.js.
 * مع xsr-fit-narrow (لوحة 1280 + zoom) تبقى استعلامات العرض على viewport الجهاز.
 */

/* أهداف لمس أوضح على أجهزة اللمس */
@media (hover: none) and (pointer: coarse) {
  button,
  .btn,
  a.btn,
  [role="button"],
  .course-fav-star,
  .course-info-panel__toggle,
  input[type="submit"],
  input[type="button"] {
    min-height: 44px;
    min-width: 44px;
  }

  .course-fav-star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
}

/* هوامش النوتش / الشريط الآمن */
@supports (padding: env(safe-area-inset-top)) {
  body {
    padding-top: env(safe-area-inset-top);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
    padding-left: env(safe-area-inset-left);
  }

  body.xsr-chat-side-dock .home-layout-main .dashboard-header,
  body.learn-workspace .learn-topbar,
  .xsr-footerbar.xsr-workspace-footer {
    padding-left: max(0.75rem, env(safe-area-inset-left));
    padding-right: max(0.75rem, env(safe-area-inset-right));
  }
}