/* ═══════════════════════════════════════════════════════════
   style-text-anatase.css  — Anatase mineral text effect (SVG)
   Tag: [anat]...[/anat]
   ═══════════════════════════════════════════════════════════ */

.anatase-wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 0;
}

/* SVG scales to match the surrounding font height */
.anatase-wrap svg {
  display: block;
  height: 1.4em;
  width: auto;
  vertical-align: middle;
  overflow: visible;
}

/* Fallback: shown when SVG is hidden (reduced-motion) */
.anatase-wrap .anatase-fallback {
  display: none;
  font-weight: 700;
  background: linear-gradient(105deg,
    #080600 0%, #8a6800 15%, #f0cc30 24%,
    #7a5a00 36%, #1c1600 52%, #d2a800 66%,
    #f5d840 69%, #1e1600 83%, #b89600 100%
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
  .anatase-wrap svg           { display: none; }
  .anatase-wrap .anatase-fallback { display: inline; }
}