/* =========================================================
   ChoiceSpin — TRUE Focus Mode (App-Level)
   ========================================================= */

/* Disable scroll */
html.sc-focus-mode,
html.sc-focus-mode body {
  overflow: hidden !important;
  height: 100%;
}

/* Hide EVERYTHING except the wheel wrapper */
html.sc-focus-mode .site-header,
html.sc-focus-mode .hero__content,
html.sc-focus-mode .home-after,
html.sc-focus-mode .site-footer {
  display: none !important;
}

/* Remove hero layout influence */
html.sc-focus-mode .hero {
  all: unset;
}

/* Remove grid constraints */
html.sc-focus-mode .hero__grid {
  all: unset;
}

/* Absolute viewport centering */
html.sc-focus-mode .hero__wheel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.18);
  width: min(90vh, 900px);
  max-width: none;
  z-index: 5000;
  transition:
    transform 0.55s cubic-bezier(.22,1,.36,1);
}

/* Smooth enter animation */
html.sc-focus-mode .hero__wheel {
  animation: scFocusPop 0.6s cubic-bezier(.22,1,.36,1);
}

@keyframes scFocusPop {
  0% {
    transform: translate(-50%, -50%) scale(.85);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.18);
    opacity: 1;
  }
}

/* Clean background */
html.sc-focus-mode {
  background: #0b1220 !important;
}

/* Floating Exit Button */
#scFocusExit {
  position: fixed;
  top: 22px;
  right: 28px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  transform: scale(.7);
  transition: opacity .3s ease, transform .3s ease, background .2s ease;
  z-index: 9000;
}

html.sc-focus-mode #scFocusExit {
  opacity: 1;
  transform: scale(1);
}

#scFocusExit:hover {
  background: rgba(255,255,255,0.18);
}

/* Light theme */
html[data-theme="light"].sc-focus-mode {
  background: #f3f6fb !important;
}

html[data-theme="light"] #scFocusExit {
  color: #0f172a;
  background: rgba(15,23,42,0.08);
}