/* ============================================================
   SafkanAI — Global Stylesheet
   Shared across all pages; page-specific styles live in <style>
   ============================================================ */

/* --- Page entrance fade-in --- */
@keyframes pageFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
body {
  animation: pageFadeIn .35s ease both;
}

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

/* --- Custom scrollbar (webkit) --- */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(127,184,0,.45);
  border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(127,184,0,.75);
}

/* --- Selection highlight --- */
::selection {
  background: rgba(127,184,0,.28);
  color: inherit;
}

/* --- Focus ring override (brand colour) --- */
:focus-visible {
  outline: 2px solid #7FB800;
  outline-offset: 3px;
}

/* --- Hide scrollbar utility (used with overflow-x-auto in trust bar) --- */
.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* --- Transition default for interactive elements --- */
a, button {
  transition: opacity .15s ease, color .15s ease;
}

/* ── Premium UI gating ────────────────────────────────────────────────────────
   All premium-facing UI is hidden while SAFKAN_PAYMENTS_ENABLED = false.
   Flip the flag in assets/access.js — that ONE change re-enables EVERYTHING.
   Do NOT remove any HTML. All code stays intact and fully re-activatable.
   ────────────────────────────────────────────────────────────────────────── */
#premiumBtn,
#upgradeLink,
#planFree,
#chatLimitReached,
#raceCounterBanner,
[data-premium-ui] {
  display: none !important;
}