/* Style du composant anneau — les fleurs sont des assets superposés indépendants. */
.racine-cycle-ring { width:100%; max-width:370px; margin-inline:auto; color:#40251E; font-family:var(--racine-sans, system-ui,sans-serif); }
.racine-cycle-ring__visual { position:relative; width:100%; aspect-ratio:1; }
.racine-cycle-ring__visual svg { display:block; width:100%; height:100%; overflow:visible; }
.racine-cycle-ring__visual path[data-day] { cursor:pointer; transition:filter .16s ease, stroke-width .16s ease; }
.racine-cycle-ring__visual path[data-day]:hover { filter:brightness(.97) saturate(1.08); }
.racine-cycle-ring__visual path[data-day]:focus-visible { outline:none; stroke:#40251E!important; stroke-width:4.5!important; }
.racine-cycle-ring__center { position:absolute; inset:16.65%; border-radius:50%; background:radial-gradient(circle at 34% 28%,#FFFCF6 0%,#FFF8EF 72%,#F8EBDD 100%); display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:8%; box-shadow:inset 0 0 0 1px rgba(160,115,76,.13); pointer-events:none; }
.racine-cycle-ring__today { color:#9D6047; font-size:clamp(8px,2.5vw,11px); letter-spacing:.12em; font-weight:600; }
.racine-cycle-ring__phase { font-family:var(--racine-serif,Georgia,serif); font-size:clamp(17px,5vw,25px); line-height:1.08; margin:.35em 0 .25em; }
.racine-cycle-ring__day { font-size:clamp(10px,3vw,14px); color:#72594B; }
.racine-cycle-ring__status { max-width:18em; margin-top:.65em; color:#967968; font-size:clamp(8px,2.2vw,10px); line-height:1.3; }

.racine-cycle-ring__visual .racine-cycle-ring__center .racine-cycle-ring__flower { display:block; width:17px; height:17px; flex:0 0 17px; margin-bottom:3px; overflow:visible; }

.cycle-ring-fallback { position:relative; display:grid; place-items:center; width:min(100%,370px); aspect-ratio:1; margin-inline:auto; border-radius:50%; }
.cycle-ring-fallback:before { content:''; position:absolute; inset:0; border-radius:50%; background:conic-gradient(#c95750 0 18%,#eac8a0 18% 42%,#8d9b62 42% 49%,#eca795 49% 100%); -webkit-mask:radial-gradient(circle,transparent 0 53%,#000 54% 66%,transparent 67%); mask:radial-gradient(circle,transparent 0 53%,#000 54% 66%,transparent 67%); }
.cycle-ring-fallback img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:.28; pointer-events:none; }
.cycle-ring-fallback div { position:absolute; inset:30%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; text-align:center; border-radius:50%; background:#fff8ef; }
.cycle-ring-fallback strong { color:#48291f; font:20px/1.1 var(--racine-serif,Georgia,serif); }
.cycle-ring-fallback span { color:#876f61; font-size:10px; line-height:1.3; }