/* إلغاء التحديد الأزرق عند الضغط في جميع الصفحات */
        * {
          -webkit-tap-highlight-color: transparent;
          /* للموبايل (Chrome, Safari) */
          -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          /* زيادة تأكيد للموبايل */
        }

        /* إلغاء الإطار الأزرق (Outline) الذي يظهر عند الضغط بالماوس أو الكيبورد */
        *:focus {
          outline: none !important;
        }

        /* منع اختيار النصوص في الأزرار ليعطي إحساس تطبيق حقيقي */
        button,
        .menu-btn,
        .choice-card,
        .menu-card {
          user-select: none;
          -webkit-user-select: none;
        }


/* ===== BOTTOM NAV ===== */
    .bottom-nav {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 414px;
      background: white;
      display: flex;
      justify-content: space-around;
      padding: 12px 0;
      box-shadow: 0 -4px 20px rgba(0,0,0,0.07);
      z-index: 100;
      border-radius: 24px 24px 0 0;
    }
    .nav-item {
      text-decoration: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 3px;
      color: var(--text-muted);
      font-size: 0.65rem;
      font-weight: 700;
      font-family: 'Cairo', sans-serif;
    }
    .nav-item i { font-size: 1.25rem; }
    .nav-item.active { color: var(--secondary); }