/* ════════════════════════════════════════════════════════════════════════════
 * 92-tap-feedback.css — ملمس اللمس الفيزيائي للأزرار/الروابط (إضافي، الواجهة فقط)
 * ────────────────────────────────────────────────────────────────────────────
 * المشكلة على الجوال: لا يوجد :hover، و:active الافتراضي ضعيف، ويظهر وميض النقر
 * الأزرق (tap highlight)، وقد يحدث zoom عند الـ double-tap، وبطء فتح المستند
 * الثاني يجعل الضغطة تبدو «ميتة». هذه الطبقة تُصلح ذلك:
 *   • إلغاء وميض اللمس الأزرق + إلغاء double-tap-zoom/تأخّر 300ms.
 *   • استجابة :active قوية ومرئية على اللمس (أقوى من scale 0.98 الحالي).
 *   • كلاس .is-pressing (يضيفه lp-press.js عند pointerdown) = تأكيد فوري قبل
 *     المغادرة، فلا تبدو الضغطة ميتة حتى لو تأخّر المستند الثاني.
 * الكمبيوتر: يبقى :hover الفخم + المغناطيسية كما هي (لا نلمسها).
 * للإزالة: احذف هذا الملف + سطر <link> الخاص به في landing.html.
 * ════════════════════════════════════════════════════════════════════════════ */

/* (1) أساس اللمس — لكل الأزرار والروابط التفاعلية على الواجهة */
.lp-btn,
.lp-nav-link,
.lp-theme-btn,
.lp-logo,
.lp-session-pill {
  -webkit-tap-highlight-color: transparent;   /* لا وميض أزرق على iOS/Android */
  touch-action: manipulation;                 /* يلغي double-tap zoom + تأخّر 300ms */
  -webkit-user-select: none;
          user-select: none;
}

/* (2) تأكيد ضغط لحظي عبر .is-pressing (JS) — يعمل على كل الأجهزة فور pointerdown.
   ملاحظة: الأزرار تحمل .lp-btn-magnetic، و16-premium يضبط لها على اللمس
   `transform:none !important` ⇒ نحتاج !important هنا كي يفوز تحجيم الضغط. */
.lp-btn.is-pressing {
  transform: scale(0.955) !important;
  filter: brightness(1.07);
  transition-duration: .06s;
}
.lp-btn-primary.is-pressing {
  box-shadow:
    0 0 0 5px color-mix(in oklab, var(--primary) 22%, transparent),
    0 10px 26px -10px var(--halo);
}
.lp-nav-link.is-pressing,
.lp-theme-btn.is-pressing,
.lp-session-pill.is-pressing {
  transform: scale(0.94);
  filter: brightness(1.06);
  transition-duration: .06s;
}

/* (3) استجابة لمس فورية ومرئية على الأجهزة بلا hover (شبكة أمان لو لم يعمل الـ JS) */
@media (hover: none) {
  .lp-btn:active {
    transform: scale(0.955) !important;   /* يتفوّق على .lp-btn-magnetic{transform:none!important} */
    filter: brightness(1.06);
    transition-duration: .06s;
  }
  .lp-btn-primary:active {
    box-shadow:
      0 0 0 5px color-mix(in oklab, var(--primary) 22%, transparent),
      0 10px 26px -10px var(--halo);
  }
  .lp-nav-link:active,
  .lp-theme-btn:active {
    transform: scale(0.94);
    filter: brightness(1.06);
    transition-duration: .06s;
  }
}

/* (4) احترام تقليل الحركة — نُبقي تأكيداً بصرياً خفيفاً (إضاءة) بلا تحجيم */
@media (prefers-reduced-motion: reduce) {
  .lp-btn.is-pressing,
  .lp-btn:active,
  .lp-nav-link.is-pressing,
  .lp-theme-btn.is-pressing,
  .lp-session-pill.is-pressing {
    transform: none !important;   /* يتفوّق على تحجيم الضغط !important أعلاه */
    filter: brightness(1.08);
  }
}