/* Cortina Floating Rotating Logo (center-bottom) */
:root{
  --ct-logo-size: 44px;         /* change if needed */
  --ct-logo-offset-y: 18px;     /* distance from bottom */
  --ct-logo-z: 9999;
}

.ct-logo-float{
  position: fixed;
  left: 50%;
  bottom: var(--ct-logo-offset-y);
  transform: translateX(-50%);
  z-index: var(--ct-logo-z);
  pointer-events: none;         /* only the image gets events */
}
.ct-logo{
  height: var(--ct-logo-size);
  width: auto;
  display: block;
  opacity: .92;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.45));
  pointer-events: auto;         /* clickable */
  transition: transform .2s ease, opacity .2s ease;
  user-select: none;
}

/* spin */
@keyframes ct-spin360 { to { transform: rotate(360deg); } }
.ct-spin{ animation: ct-spin360 24s linear infinite; }
.ct-logo:hover{ opacity: 1; }
.ct-spin:hover{ animation-play-state: paused; }

/* motion safety */
@media (prefers-reduced-motion: reduce){
  .ct-spin{ animation: none !important; }
}

/* optional small screens tweak */
@media (max-width: 480px){
  :root{ --ct-logo-size: 36px; --ct-logo-offset-y: 14px; }
}