/* Extra styles for the pure-static build */

.reveal {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

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

@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Make sure long words in tables/posts wrap nicely on small screens */
.prose-wrap,
article {
  overflow-wrap: anywhere;
}


/* --- Floating 3D coin (Lovable FloatingCoin) --- */
.iv-floating-coin{
  --coin-thickness: 8px;
  margin-top: -30px;
  width:52px;
  height:52px;
  perspective: 800px;
  perspective-origin: center center;
  /* same muted tone as in Lovable (.coin-tone-muted) */
  filter: saturate(0.55) brightness(1.02) contrast(0.96);
}

/* make sure SVG does not overflow / stretch */
.iv-floating-coin__svg{
  width:100%;
  height:100%;
  display:block;
}

.iv-floating-coin__core{
  width:100%;
  height:100%;
  position:relative;
  transform-style: preserve-3d;
  will-change: transform;
}

/* Lovable: "edge" is a stack of discs along Z (no cylinder -> no flicker halo) */
.iv-floating-coin__slice{
  position:absolute;
  inset:0;
  border-radius:9999px;
  transform-style: preserve-3d;
  will-change: transform;
}

.iv-floating-coin__face{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:9999px;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform-style: preserve-3d;
  will-change: transform;
}

.iv-floating-coin__face--front{ transform: translateZ(calc(var(--coin-thickness) / 2)); }
.iv-floating-coin__face--back{ transform: translateZ(calc(var(--coin-thickness) / -2)) rotateY(180deg); }

/* Optional glow (Lovable has it, but you can keep it off to avoid any halo) */
.iv-floating-coin__glow{
  position:absolute;
  inset:0;
  border-radius:9999px;
  transform: scale(1.3);
  background: radial-gradient(circle, hsla(45, 100%, 55%, 0.35) 0%, hsla(40, 90%, 50%, 0.2) 50%, transparent 70%);
  filter: blur(18px);
  z-index:-1;
  animation: pulse-slow 4s ease-in-out infinite;
}

/* keep glow disabled by default (turn on if you want) */
.iv-floating-coin__glow{ display:none !important; }

@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(3deg); }
}

@keyframes pulse-slow {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.08); }
}