/* template-parts/pointer.php 用スタイル
 * Laser Pointer (PC only)
 * - Hide native cursor (no hand)
 * - No hover effects
 */

@media (hover: hover) and (pointer: fine) {
  body {
    cursor: none;
  }

  /* リンク/ボタンでも cursor を絶対に変えさせない */
  a, button, [role="button"], .btn, .menu-btn,
  input, textarea, select, label {
    cursor: none !important;
  }

  .laser {
    position: fixed;
    left: 0;
    top: 0;

    width: 18px;
    height: 18px;

    transform: translate3d(-100px, -100px, 0);
    pointer-events: none;
    z-index: 9999;
    will-change: transform;
    opacity: .95;
  }

  .laser-dot {
    position: absolute;
    inset: 0;
    margin: auto;

    width: 6px;
    height: 6px;
    border-radius: 999px;

    background: rgba(18, 18, 18, .70);
    filter: blur(.1px);
  }

  .laser-ring {
    position: absolute;
    inset: 0;
    border-radius: 999px;

    border: 1px solid rgba(18, 18, 18, .22);
    transform: scale(1.25);
    opacity: .75;
  }
}

/* Reduce motion: show normal cursor, hide laser */
@media (prefers-reduced-motion: reduce) {
  .laser { display: none !important; }
  body { cursor: auto !important; }

  a, button, [role="button"], .btn, .menu-btn,
  input, textarea, select, label {
    cursor: auto !important;
  }
}