/* STEP 44 — GLOBAL INTERACTIVE DESIGN */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Cursor glow — desktop only */
.rtc-cursor-glow {
  position: fixed;
  width: 320px;
  height: 320px;
  left: 0;
  top: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 20;
  opacity: 0;
  background: radial-gradient(
    circle,
    rgba(91, 191, 119, .16) 0%,
    rgba(91, 191, 119, .07) 35%,
    transparent 70%
  );
  transform: translate3d(-50%, -50%, 0);
  transition: opacity .25s ease;
  will-change: transform;
}

.rtc-cursor-glow.visible {
  opacity: 1;
}

/* Interactive cards */
.rtc-interactive-card {
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease;
  transform: translateZ(0);
}

@media (hover: hover) and (pointer: fine) {
  .rtc-interactive-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 42px rgba(5, 31, 22, .17);
  }

  .rtc-interactive-card img {
    transition: transform .6s ease;
  }

  .rtc-interactive-card:hover img {
    transform: scale(1.035);
  }
}

/* Refined buttons */
.rtc-interactive-button {
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}

@media (hover: hover) and (pointer: fine) {
  .rtc-interactive-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(0,0,0,.18);
    filter: brightness(1.07);
  }
}

/* Scroll reveals */
.rtc-reveal-ready {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.rtc-reveal-ready.rtc-reveal-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Keyboard accessibility */
.rtc-interactive-button:focus-visible,
.rtc-interactive-card a:focus-visible {
  outline: 3px solid #d9b16e;
  outline-offset: 4px;
}

/* Do not show cursor glow on touchscreens */
@media (hover: none), (pointer: coarse) {
  .rtc-cursor-glow {
    display: none;
  }
}

/* Respect reduced motion settings */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .rtc-interactive-card,
  .rtc-interactive-button,
  .rtc-reveal-ready {
    transition: none !important;
    transform: none !important;
  }

  .rtc-reveal-ready {
    opacity: 1 !important;
  }

  .rtc-cursor-glow {
    display: none !important;
  }
}

/* STEP 44D — SMALL GREEN CIRCLE CURSOR */

@media (hover: hover) and (pointer: fine) {

  .rtc-cursor-glow {
    width: 34px;
    height: 34px;
    border: 2px solid #28a745;
    border-radius: 50%;
    background: none;
    box-shadow: none;
    filter: none;
    z-index: 999;
  }

  .rtc-cursor-glow::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #28a745;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}