/* Higher Self - build 1470. Ritualul de dimineata: pachetul de iubire, Card of the Day ca pachet, horoscopul refacut,
   pasii noi de corp si ecranul de start care incape pe ecran. JS: js/99z-ritual-1470.js */

/* ---- pachetul (rdk) ---- */
.rdkWrap{margin:0 -18px}
#ritOv.rmb .rdkWrap .dkP{margin:0 auto; font-family:var(--font-body); font-size:16px; line-height:1.45; color:rgba(255,255,255,.95); text-align:center}
#ritOv.rmb .rdkWrap .dkT{font-size:19px; margin-top:6px}
#ritOv.rmb .rdkWrap .dkCap{display:flex; align-items:center; justify-content:center}
.rdkTip .dkIcw{width:calc(var(--dkW, 280px) * .36); height:calc(var(--dkW, 280px) * .36)}
.rdk .dkCard{cursor:pointer}
.rdk .dkCard.gone{opacity:0 !important; transition:transform .7s cubic-bezier(.4,0,.2,1), opacity .5s ease}
.rdkFace .dkIn{background:#140c2e; border-radius:18px; box-shadow:0 18px 40px rgba(0,0,0,.45)}
.rdkFace .dkIn:before, .rdkFace .dkIn:after{display:none !important}
.rdkFace .dkIn img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; pointer-events:none}

/* ---- cartea de iubire ---- */
#ritOv.rmb .rx7Who{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14px}
#ritOv.rmb .rx7Who button{height:36px; padding:0 16px; border:0; border-radius:999px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); color:var(--rmbSoft); font:700 14px var(--font-body); cursor:pointer; transition:background .2s, color .2s}
#ritOv.rmb .rx7Who button.on{background:#f5efe4; color:#3a1f6e; box-shadow:none}
#ritOv.rmb .rx7LvP{margin-top:12px; font-size:17px}
#ritOv.rmb #rx7Deck{margin-top:2px}
#ritOv.rmb .rx7Keep{margin-top:6px}
#ritOv.rmb .rx7Keep .rmbSave{display:inline-flex; align-items:center; gap:8px; transition:background .25s, color .25s, transform .2s}
#ritOv.rmb .rx7Keep .rmbSave svg{width:16px; height:16px}
#ritOv.rmb .rx7Keep .rmbSave.on{background:#f5efe4; color:#3a1f6e}
#ritOv.rmb .rx7Keep .rmbSave.on svg{color:#e2557a}
#ritOv.rmb .rx7Keep .rmbSave:disabled{opacity:.45}

/* ---- Card of the Day ca pachet ---- */
.rx7Cd{position:absolute; left:0; right:0; z-index:3; transition:opacity .5s ease}
.rx7Cd .rdkWrap{margin:0}
.rx7Cd .dkDots{display:none}
#cdOv .cdPick.rx7On{opacity:1; pointer-events:auto; transform:none}

/* ---- horoscopul ---- */
#ritOv.rmb .hxHead{display:flex; flex-direction:column; align-items:center; margin-top:10px}
#ritOv.rmb .hxOrb{position:relative; width:150px; height:150px; display:grid; place-items:center}
#ritOv.rmb .hxRing{position:absolute; border-radius:50%; pointer-events:none}
#ritOv.rmb .hxRing.r1{inset:6px; border:1.5px dashed color-mix(in srgb, var(--z) 55%, transparent); animation:hxSpin 40s linear infinite}
#ritOv.rmb .hxRing.r2{inset:22px; border:1px solid rgba(255,255,255,.14)}
#ritOv.rmb .hxGlow{position:absolute; inset:30px; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--z) 45%, transparent), transparent); animation:hxPulse 4s ease-in-out infinite}
#ritOv.rmb .hxSign{position:relative; z-index:2; width:88px; height:88px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px color-mix(in srgb, var(--z) 60%, transparent), 0 14px 30px rgba(0,0,0,.4); animation:hxFloat 5s ease-in-out infinite}
#ritOv.rmb .hxSat{position:absolute; inset:0; z-index:3; animation:hxSpin 24s linear infinite; pointer-events:none}
#ritOv.rmb .hxSat.s2{animation-delay:-12s}
#ritOv.rmb .hxSat img{position:absolute; left:50%; top:-4px; width:40px; height:40px; margin-left:-20px; object-fit:contain; filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)); animation:hxSpin 24s linear infinite reverse}
#ritOv.rmb .hxSat.s2 img{animation-delay:-12s}
#ritOv.rmb .hxSp{position:absolute; width:5px; height:5px; border-radius:50%; background:#fff; box-shadow:0 0 8px #fff; opacity:0; animation:hxTw 3s ease-in-out infinite}
#ritOv.rmb .hxSp.a{left:12%; top:30%} #ritOv.rmb .hxSp.b{right:10%; top:62%; animation-delay:-1s} #ritOv.rmb .hxSp.c{left:30%; bottom:4%; animation-delay:-2s}
#ritOv.rmb .hxName{margin-top:4px; font-family:var(--font-title); font-weight:600; font-size:24px; color:var(--ink)}
#ritOv.rmb .hxSub{margin-top:2px; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .hxVibe{margin:16px 0 0; font-family:var(--font-title); font-size:20px; line-height:1.38; text-align:center; color:var(--ink); text-wrap:balance}
#ritOv.rmb .hxTip{display:flex; align-items:center; gap:12px; margin-top:14px; padding:12px 14px; border-radius:20px; background:linear-gradient(135deg, rgba(255,255,255,.1), rgba(0,0,0,.18)); box-shadow:inset 0 0 0 1px var(--rmbLine)}
#ritOv.rmb .hxTip img{width:46px; height:46px; flex:none; object-fit:contain; animation:hxFloat 6s ease-in-out infinite}
#ritOv.rmb .hxTip small{display:block; font-size:10.5px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--z)}
#ritOv.rmb .hxTip p{margin:3px 0 0; font-size:15px; line-height:1.45; color:var(--ink)}
#ritOv.rmb .hxLucky{display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin-top:12px}
#ritOv.rmb .hxLk{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; min-height:74px; padding:8px 6px; border-radius:18px; background:rgba(0,0,0,.22); box-shadow:inset 0 0 0 1px var(--rmbLine); text-align:center}
#ritOv.rmb .hxLk b{font-family:var(--font-title); font-weight:700; font-size:22px; line-height:1; color:#f2c744}
#ritOv.rmb .hxLk span{font-size:11.5px; line-height:1.25; color:var(--rmbSoft)}
#ritOv.rmb .hxCol{display:block; width:26px; height:26px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px rgba(255,255,255,.25), 0 0 16px var(--c); position:relative; overflow:hidden}
#ritOv.rmb .hxCol:after{content:''; position:absolute; inset:0; background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.65) 50%, transparent 70%); transform:translateX(-120%); animation:hxShine 3.2s ease-in-out infinite}
@keyframes hxSpin{to{transform:rotate(360deg)}}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes hxPulse{0%,100%{opacity:.55; transform:scale(.94)}50%{opacity:1; transform:scale(1.06)}}
@keyframes hxTw{0%,100%{opacity:0; transform:scale(.4)}50%{opacity:.9; transform:scale(1)}}
@keyframes hxShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}

/* ---- pasii noi de corp ---- */
#ritOv.rmb .rxEx.rx7shake .rmbRing{animation:rx7Wig .45s ease-in-out infinite}
#ritOv.rmb .rxEx.rx7stretch .rmbRing{animation:rx7Grow 6s ease-in-out infinite}
@keyframes rx7Wig{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
@keyframes rx7Grow{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}

/* ---- ecranul de start incape pe ecran (trepte, din JS) ---- */
#ritOv.rmb .rx7Sum.sf1 .rmbH{font-size:25px}
#ritOv.rmb .rx7Sum.sf1 .rmbSum{gap:7px; margin-top:14px}
#ritOv.rmb .rx7Sum.sf1 .rmbSumR{padding:7px 10px 7px 8px; border-radius:17px}
#ritOv.rmb .rx7Sum.sf1 .rmbSumR img{width:50px; height:50px; border-radius:13px}
#ritOv.rmb .rx7Sum.sf1 .rmbTot{margin-top:10px}
#ritOv.rmb .rx7Sum.sf1 .rmbEcho{margin-top:12px; padding:10px 14px}
#ritOv.rmb .rx7Sum.sf2 .rmbSumR .who{display:none}
#ritOv.rmb .rx7Sum.sf2 .rmbSumR img{width:42px; height:42px; border-radius:11px}
#ritOv.rmb .rx7Sum.sf2 .rmbSumR b{font-size:15.5px}
#ritOv.rmb .rx7Sum.sf2 .rmbEye{display:none}
#ritOv.rmb .rx7Sum.sf3 .rmbNote{display:none}
#ritOv.rmb .rx7Sum.sf3 .rmbH{font-size:22px; margin-top:4px}
#ritOv.rmb .rx7Sum.sf3 .rmbSum{gap:5px; margin-top:10px}
#ritOv.rmb .rx7Sum.sf4 .rmbSumR{padding:5px 10px 5px 6px}
#ritOv.rmb .rx7Sum.sf4 .rmbSumR img{width:38px; height:38px; border-radius:10px}
#ritOv.rmb .rx7Sum.sf4 .rmbSumR .z{font-size:9.5px}
#ritOv.rmb .rx7Sum.sf4 .rmbTot{display:none}
#ritOv.rmb .rx7Sum.sf5 .rmbSum{gap:4px}
#ritOv.rmb .rx7Sum.sf5 .rmbSumR{padding:3px 10px 3px 4px; border-radius:13px}
#ritOv.rmb .rx7Sum.sf5 .rmbSumR img{width:30px; height:30px; border-radius:8px}
#ritOv.rmb .rx7Sum.sf5 .rmbSumR .z{display:none}
#ritOv.rmb .rx7Sum.sf5 .rmbSumR b{font-size:14px; margin-top:0}
#ritOv.rmb .rx7Sum.sf5 .rmbH{display:none}
@media (prefers-reduced-motion:reduce){#ritOv.rmb .hxRing, #ritOv.rmb .hxSat, #ritOv.rmb .hxSat img, #ritOv.rmb .hxSign, #ritOv.rmb .hxGlow, #ritOv.rmb .hxSp, #ritOv.rmb .hxCol:after, #ritOv.rmb .rxEx .rmbRing{animation:none}}

/* ===== 1471 ===== */
/* horoscopul: iconita 3D de fetru a zodiei, fara orbite */
#ritOv.rmb .hxTile{width:112px; height:112px; border-radius:30px; overflow:hidden; box-shadow:0 16px 34px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.12); animation:hxFloat 5s ease-in-out infinite}
#ritOv.rmb .hxTile img{display:block; width:100%; height:100%; object-fit:cover}
#ritOv.rmb .hxName{margin-top:10px}
/* pachetul de iubire: numarul cartii */
#ritOv.rmb .rx7Cnt{margin:2px 0 0; text-align:center; font-size:13px; letter-spacing:.08em; color:var(--rmbSoft); font-variant-numeric:tabular-nums}
#ritOv.rmb .rx7Cnt b{color:var(--ink); font-size:15px}
#ritOv.rmb .rx7Hide{opacity:0; pointer-events:none; transition:opacity .3s}
#ritOv.rmb .rx7Keep{margin-top:8px}
/* bifa noua: verde, groasa, se deseneaza ca un marker */
.rx7Ck{display:block; width:1em; height:1em; overflow:visible}
.rx7Ck path{fill:none; stroke:#3ddc97; stroke-width:3.6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:1; stroke-dashoffset:1; animation:rx7Draw .55s cubic-bezier(.65,0,.25,1) .05s forwards}
@keyframes rx7Draw{to{stroke-dashoffset:0}}
#ritOv.rmb #rmbSec .rx7Ck{width:62px; height:62px; margin:0 auto}
#ritOv.rmb #rxBwN .rx7Ck, #ritOv.rmb #rmbBwT .rx7Ck{width:46px; height:46px; margin:0 auto}
#ritOv.rmb .rmbScr .rmbW[class*="rmbT-"] :is(.rxGrid, .rxList, .rmbWords, .rmbChips, .rmbTiles) button.on::after{background:#3ddc97 !important; border-radius:0 !important; box-shadow:none !important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 12.8l4.6 4.6L19.4 7.2'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.8 12.8l4.6 4.6L19.4 7.2'/%3E%3C/svg%3E") center/contain no-repeat;
  width:24px !important; height:24px !important; margin-top:-12px !important; clip-path:inset(0 100% 0 0); animation:rx7Wipe .42s cubic-bezier(.65,0,.25,1) .04s forwards !important}
@keyframes rx7Wipe{to{clip-path:inset(0 0 0 0)}}
/* trei respiratii: trei puncte care se aprind, cu un val */
#ritOv.rmb .rx7Dots{display:flex; justify-content:center; gap:12px; margin-top:6px}
#ritOv.rmb .rx7Dots i{position:relative; width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,.22); transition:background .35s, box-shadow .35s, transform .35s}
#ritOv.rmb .rx7Dots i.on{background:#3ddc97; box-shadow:0 0 12px rgba(61,220,151,.7); transform:scale(1.15)}
#ritOv.rmb .rx7Dots i.on::after{content:''; position:absolute; inset:-2px; border-radius:50%; border:2px solid #3ddc97; animation:rx7Rip .9s ease-out forwards}
@keyframes rx7Rip{from{transform:scale(1); opacity:.9}to{transform:scale(3.4); opacity:0}}
#ritOv.rmb #rxBwN{display:flex; flex-direction:column; align-items:center; justify-content:center}
/* indicatia noua apare cand se schimba pozitia */
#ritOv.rmb .rxCue.rx7Cue{animation:rx7CueIn .5s ease-out}
@keyframes rx7CueIn{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){.rx7Ck path{animation:none; stroke-dashoffset:0} #ritOv.rmb .hxTile{animation:none}}
#ritOv.rmb .rmbRing svg.rx7Ck, #ritOv.rmb svg.rx7Ck{transform:none !important}

/* ===== 1473 ===== */
/* Make my own / Surprise me, si butoanele de pe ecranul Midday */
#ritOv.rmb .rx8Two{gap:10px}
#ritOv.rmb .rx8Two .rx8Sur{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:rgba(255,255,255,.1); color:var(--ink); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
#ritOv.rmb .rx8Two .rx8Sur svg{width:16px; height:16px}
/* Morning / Midday / Evening */
#ritOv.rmb .rmbKind.rx8Kind{width:300px}
#ritOv.rmb .rx8Kind button{flex:1}
/* ecranul Midday */
#ritOv.rmb .rx8Mid .rx8Sun{position:relative; width:150px; height:150px; margin:34px auto 6px}
#ritOv.rmb .rx8Mid .rx8Sun i{position:absolute; inset:22px; border-radius:50%; background:radial-gradient(circle at 38% 34%, #fff6cf, #f6d77a 45%, #e9a83a 100%); box-shadow:0 0 50px rgba(246,215,122,.65), 0 0 120px rgba(246,215,122,.35); animation:hxPulse 5s ease-in-out infinite}
#ritOv.rmb .rx8Mid .rmbEye{color:#f6d77a; margin-top:10px}
#ritOv.rmb .rx8Mid .rmbSub{margin-top:12px; line-height:1.5}
/* Your Personal Day: titlul mare, data mica alba; suma si numarul final mari */
#ritOv.rmb .rmbPdEye.rx8Pd{display:flex; flex-direction:column; align-items:center; gap:4px; text-align:center; letter-spacing:0; text-transform:none}
#ritOv.rmb .rmbPdEye.rx8Pd b{font-family:var(--font-title); font-weight:600; font-size:26px; line-height:1.15; color:var(--ink); text-transform:none; letter-spacing:0}
#ritOv.rmb .rmbPdEye.rx8Pd span{font-family:var(--font-body); font-size:13px; font-weight:600; letter-spacing:.02em; color:#fff; opacity:.9; text-transform:none}
#ritOv.rmb .rmbPdCalc i:nth-of-type(3) + span, #ritOv.rmb .rmbPdCalc span.on{justify-content:center; min-width:54px; padding:4px 10px; font-size:30px; font-weight:800; line-height:1}
#ritOv.rmb .rmbPdCalc i:nth-of-type(3) + span em, #ritOv.rmb .rmbPdCalc span.on em{display:none}
#ritOv.rmb .rmbPdCalc{align-items:stretch}
#ritOv.rmb .rmbPdCalc i{align-self:center; padding-bottom:0}
#ritOv.rmb .rmbPdCalc span{justify-content:center}
/* respiratia: punctele si bifa in mijlocul formei */
#ritOv.rmb .rxBwN{padding-top:0 !important; align-items:center !important; justify-content:center !important; flex-direction:column !important}
#ritOv.rmb .rxBwN .rx7Dots{margin:0}
#ritOv.rmb .rxBwN.rx7Done .rx7Dots{display:none}
#ritOv.rmb .rxBwN .rx7Ck0:empty{display:none}
#ritOv.rmb #rxBwN .rx7Ck{width:54px; height:54px}

/* ===== 1475 ===== */
/* For today: eticheta si textul aliniate sus cu iconita, mai putin spatiu */
#ritOv.rmb .rmbPdDo{align-items:flex-start !important; gap:12px}
#ritOv.rmb .rmbPdDo > div{margin:0; padding:0}
#ritOv.rmb .rmbPdDo .rmbLbl{margin:2px 0 0 !important; line-height:1.15}
#ritOv.rmb .rmbPdDo p:not(.rmbLbl){margin:4px 0 0 !important}
#ritOv.rmb .hxTip{align-items:flex-start}
#ritOv.rmb .hxTip small{margin-top:2px; line-height:1.15}
/* share in curs */
#ritOv.rmb .rx9Busy{opacity:.55; pointer-events:none}