/* CAROLINE CUEVA — Fleur interactive intégrée au thème WordPress.
 * Les polices viennent du thème original. Aucun style global body/html n'est modifié.
 * Ne modifiez pas les épaisseurs, les facettes ou les points ici si vous voulez
 * conserver exactement le dessin de la version 18.
 */
.flower-stage {
  --flower-ink: #080808;
  --flower-bordeaux: #751d32;
  font-family: var(--font-primary, 'Chivo Mono', monospace);
}
.flower-stage .project-node text,
.flower-stage .hint,
.flower-stage .edge-action {
  font-family: var(--font-primary, 'Chivo Mono', monospace) !important;
}
/* L'animation et la projection SVG restent pilotées par flower.js. */
.flower-stage{height:320vh;position:relative}.flower-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;background:transparent}.flower-wrap{width:100vw;height:100vh;position:relative;touch-action:pan-y}.flower-svg{width:100%;height:100%;overflow:visible}.facet{stroke:#161616;stroke-linejoin:miter;vector-effect:non-scaling-stroke}.edge{fill:none;stroke:#151515;stroke-linecap:butt;vector-effect:non-scaling-stroke}.project-node{cursor:grab;outline:none;touch-action:none}.project-node.dragging{cursor:grabbing}.project-node .hit-area{fill:transparent;stroke:none;pointer-events:all}.project-node circle:not(.hit-area){pointer-events:none;fill:var(--flower-ink);stroke:#080808;vector-effect:non-scaling-stroke}.project-node .node-dot{transform-box:fill-box;transform-origin:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.project-node:hover .node-dot,.project-node:focus-visible .node-dot{transform:scale(1.4)}.project-node:focus-visible{filter:drop-shadow(0 0 5px #555)}.project-node text{fill:#222;pointer-events:none}.project-node .node-title{fill:var(--flower-bordeaux);letter-spacing:1.5px;opacity:0;transition:opacity .18s ease}.project-node:hover .node-title,.project-node:focus-visible .node-title{opacity:1}.hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#666;pointer-events:none;white-space:nowrap}.project-tooltip{display:none}.edge-hit{stroke:transparent;stroke-width:20;fill:none;pointer-events:stroke;cursor:pointer;stroke-linecap:butt}.edge-action{position:absolute;display:grid;place-items:center;z-index:10;width:22px;height:22px;padding:0;border:0;border-radius:0;background:transparent;color:var(--flower-ink);text-decoration:none;font:300 16px/1 Arial,Helvetica,sans-serif;opacity:0;pointer-events:none;cursor:pointer;transform:translate3d(-50%,-50%,0);transition:opacity .18s ease;will-change:transform,opacity}.edge-action.visible{opacity:1;pointer-events:auto}.edge-action:focus-visible{outline:2px solid #751d32;outline-offset:3px}@media(max-width:600px){.hint{bottom:1rem;font-size:10px}}@media(prefers-reduced-motion:reduce){.flower-stage,.flower-stage *{transition:none!important}}

/* La zone de clic des points est volontairement plus grande que leur cercle. */
/* Réduire le mouvement pour les visiteurs qui le demandent dans leur système. */

/* La zone interactive doit rester au-dessus des éléments du thème. */
.flower-stage .edge-action { display:grid; box-shadow:none; }
.flower-stage .project-node { text-decoration:none; }
.flower-stage .project-node text { font-weight:400; text-transform:none; }
.flower-stage .flower-sticky { isolation:isolate; }
@media (max-width: 767px) { .flower-stage .hint { max-width:90vw; white-space:normal; text-align:center; } }

/* ================================================================
   VERSION 20 — INDICATEUR SOURIS (REFERENCE VISUELLE)
   Le dessin, les interactions et les points de la fleur ne changent pas.
   ================================================================ */
.flower-stage .project-node .node-title { text-transform: uppercase; }
.flower-stage .scroll-cue {
  position: absolute;
  bottom: clamp(20px, 4vh, 42px);
  left: 50%;
  width: 44px;
  height: 68px;
  border: 2px solid #777;
  border-radius: 24px;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flower-stage .scroll-cue__wheel {
  display: block;
  position: absolute;
  top: 23px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #9b596a;
  animation: caroline-mouse-wheel 1.8s ease-in-out infinite;
}
@keyframes caroline-mouse-wheel {
  0%,100% { transform: translateY(-6px); opacity: .35; }
  50% { transform: translateY(9px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .flower-stage .scroll-cue__wheel { animation: none; opacity: 1; transform: none; }
}