/* Higher Self - build 1310. Home: invitatia ghidului spre Today's Quests + ritualul ca prim card in Scurtaturi.
   [stated] Spatiul dintre cardul Mesajul zilei si invitatie e acelasi cu spatiul dintre invitatie si Scurtaturi
   (--hqGap, masurat in test pe marginile vizibile: marginea de jos a cardului, randul, titlul SHORTCUTS). */
:root{ --hqGap:30px }

/* butonul mare "Start your ritual" si pasii lui nu mai stau sub card: ritualul e acum in Scurtaturi */
#hubBody .ritBox{display:none !important}

#cdHome .cdW{margin-bottom:var(--hqGap) !important}
#hqInvite{margin:0}
#hqInvite .hqRow{display:flex; align-items:center; gap:11px; padding:0 2px; cursor:pointer; -webkit-tap-highlight-color:transparent}
#hqInvite .hqAv{width:44px; height:44px; border-radius:50%; border:2px solid var(--hqAcc); flex:0 0 auto; background-color:#2a2440; background-repeat:no-repeat; box-sizing:border-box}
#hqInvite p{flex:1; min-width:0; margin:0; font:400 12.5px/1.45 var(--font-body); color:rgba(245,239,228,.82)}
#hqInvite p b{color:var(--hqAcc); font-weight:600}
#hqInvite button{flex:0 0 auto; height:36px; padding:0 16px; border-radius:999px; border:0; background:var(--hqAcc); color:#141022;
  font:600 13px var(--font-body); cursor:pointer}
#hqInvite button.done{background:transparent; color:var(--hqAcc); border:1px solid var(--hqAcc)}
#hqInvite button:active{transform:scale(.97)}
/* separatorul Scurtaturi: urca langa invitatie, la acelasi spatiu (css/28 il tinea la 56px, pentru hero-ul vechi) */
#hubBody .hubQuickSep{margin-top:var(--hqGap) !important}

/* ritualul ca prim card in Scurtaturi: cerul zilei, soarele sau luna de fetru, pasii si minutele */
.hubShort .hzTile.hzRit{background-position:40% 50%}
.hubShort .hzTile .hzIc{position:absolute; left:50%; top:22%; width:56px; transform:translateX(-50%); filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)); z-index:1; pointer-events:none}
.hubShort .hzTile .hzSub{display:block; font:500 10.5px var(--font-body); color:rgba(255,255,255,.8); margin-top:3px; text-shadow:0 1px 4px rgba(0,0,0,.5)}

/* butonul temporar de test, mutat sub Scurtaturi */
#hqTestHost{display:flex; justify-content:center; margin:2px 0 8px}
#hqTestHost .cdTestBtn{display:block; margin:0 auto; padding:7px 14px; border-radius:999px; border:1px dashed rgba(240,236,227,.35);
  background:rgba(255,255,255,.05); color:rgba(240,236,227,.75); font:500 11.5px var(--font-body); letter-spacing:.3px; cursor:pointer}