/* ========= kill any old pointer completely ========= */
.wheel-section .wheel-pointer{ display:none !important; }

/* ========= new pointer (SVG triangle DOWN) ========= */
.wheel-section .spin-pointer{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: 0 !important;                /* يضبط بدقة عبر JS */
  z-index: 700 !important;
  pointer-events: none !important;

  width: 48px !important;           /* حجم المؤشر */
  height: 36px !important;
  background: transparent !important;
  rotate: 0deg !important;
}

/* نفس الشيء داخلها */
.wheel-section .spin-pointer *{
  rotate: 0deg !important;
  transform: none !important;
}

/* المثلث الذهبي */
.wheel-section .spin-pointer svg{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,.55)) !important;
}

.wheel-section .spin-pointer .tip{
  fill: #ffd700 !important;     /* ذهبي */
}

/* هالة خفيفة */
.wheel-section .spin-pointer .glow{
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  top: -8px !important;
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255,215,0,.32) 0%, transparent 70%) !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

/* موبايل */
@media (max-width:480px){
  .wheel-section .spin-pointer{ width: 40px !important; height: 30px !important; }
  .wheel-section .spin-pointer .glow{ width: 56px !important; height: 56px !important; top: -6px !important; }
}