/* ══════════════════════════════════════════════════
   pv2-arrow FINAL — ملف واحد نظيف بلا تضارب
   يُحمَّل آخراً في HTML لأعلى أولوية
   تمكَّن — Sprint 15 Final
══════════════════════════════════════════════════ */

/* السهم مخفي دائماً في الحالة العادية */
.pv2-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--green, #0F7B5F);
  opacity: 0 !important;
  transform: translate(4px, 4px) !important;
  transition: opacity .22s ease, transform .22s ease !important;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: transparent;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2;
}

/* السهم يظهر فقط عند hover */
.pv2-card:hover .pv2-arrow {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}

/* ألوان السهم حسب المسار */
.pv2-parent .pv2-arrow  { color: var(--green,  #0F7B5F) !important; }
.pv2-student .pv2-arrow { color: var(--blue,   #1A5FA5) !important; }
.pv2-teacher .pv2-arrow { color: var(--amber,  #A86210) !important; }
.pv2-therapy .pv2-arrow { color: var(--purple, #4D44AA) !important; }
.pv2-library .pv2-arrow { color: var(--teal,   #0D8C87) !important; }

/* Dark mode */
body.dark .pv2-parent .pv2-arrow  { color: #22C55E !important; }
body.dark .pv2-student .pv2-arrow { color: #60A5FA !important; }
body.dark .pv2-teacher .pv2-arrow { color: #FBBF24 !important; }
body.dark .pv2-therapy .pv2-arrow { color: #A78BFA !important; }
body.dark .pv2-library .pv2-arrow { color: #22D3EE !important; }

/* pv2-card: position relative للسهم absolute */
.pv2-card {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* Mobile: أفقي — السهم يتبع الـ flow */
@media (max-width: 639px) {
  .pv2-arrow {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: translate(4px, 0) !important;
    align-self: center !important;
  }
  .pv2-card:hover .pv2-arrow {
    transform: translate(0, 0) !important;
  }
}

/* Touch devices: لا hover */
@media (hover: none) {
  .pv2-arrow { display: none !important; }
}


/* iOS Safari AI Assistant Zoom Fix */
.ai-assistant input,
.ai-assistant textarea,
.ai-chat-input,
.ai-assistant-panel textarea,
.ai-widget-panel textarea {
  font-size: 16px !important;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .ai-assistant-panel,
  .ai-chat-panel,
  .ai-widget-panel {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    left: 12px !important;
    right: auto !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .ai-assistant-panel * {
    max-width: 100%;
    box-sizing: border-box;
  }
}