/* Higher Self - css/23-recunostinta.css
   Din build 1045: regulile NOI ale Recunostintei vin aici, nu in css/22.
   Fisierul se incarca DUPA css/22 (index.html), deci la greutate egala
   castiga regula de aici. Cele dinainte de 1045 raman in css/22. */

/* ===== build 1045: pe patratel doar data, mare ===== */
#s-grat .grTile{flex-direction:column; gap:2px}
#s-grat .grTile .n, #s-grat .grTile .n *{font-family:var(--font-title); font-weight:900; font-size:34px; line-height:.95; color:#fff}
#s-grat .grTile .m, #s-grat .grTile .m *{font-family:var(--font-body); font-size:8.5px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(255,255,255,.62); margin-top:4px}

/* ===== build 1046: nimic nu atinge castronasele; bara aurie; pastile aurii ===== */
/* Castronasele brodate ocupa ~9-20% din latime in fiecare colt (sus la 5-15%,
   jos la 83-93% din inaltime). Tot ce sta la inaltimea lor trebuie sa incapa
   in cele 60% din mijloc, cu aer pe margini. */
/* banda cu data: litere putin mai mici si mai stranse, ca sa nu ajunga la castronase */
#s-grat .hsPost .hsSq.grSq .zoDate{font-size:8.5px; letter-spacing:.07em; padding:4px 10px 5px; max-width:64%;
  overflow:hidden; text-overflow:ellipsis}
/* blocul de jos (trimis + idee, sau butoanele filei a patra) sta intre castronase */
#s-grat .hsPost .hsSq.grSq .grSlBottom{left:20%; right:20%; width:auto; padding:0}
#s-grat .hsPost .hsSq.grSq .grSendB{padding:8px 14px !important; font-size:11px}
#s-grat .hsPost .hsSq.grSq .grInspRow{gap:6px; flex-wrap:nowrap}
#s-grat .hsPost .hsSq.grSq .grInspB{padding:6px 8px !important; font-size:8.5px; white-space:nowrap}
#s-grat .hsPost .hsSq.grSq .grSumBtns .grInspB{padding:8px 12px !important; font-size:11px}
/* la trimis: constelatia si textul urca cu 15%, deasupra castronaselor, si sunt aurii */
#s-grat .hsPost .hsSq.grSq .grSlBottom.grSendingB{left:0; right:0; bottom:21.5%; padding:0 30px}
#s-grat .grSq .anConsLine{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hsGold, #d9b45b) 60%, transparent), transparent)}
#s-grat .grSq .anCons i{background:var(--hsGold, #d9b45b); animation-name:grConsTwinkleG}
@keyframes grConsTwinkleG{
  0%, 62%, 100%{opacity:.18; transform:scale(.62); box-shadow:none}
  18%{opacity:.95; transform:scale(1.35); box-shadow:0 0 12px color-mix(in srgb, var(--hsGold, #d9b45b) 80%, transparent)}
  34%{opacity:.75; transform:scale(1.1); box-shadow:0 0 7px color-mix(in srgb, var(--hsGold, #d9b45b) 45%, transparent)}}
#s-grat .hsPost .hsSq.grSq .grSendingT, #s-grat .hsPost .hsSq.grSq .grSendingT *{color:var(--hsGold, #d9b45b)}
/* fila a patra: pastilele "I am grateful for..." aurii, ca banda cu data */
#s-grat .hsPost .hsSq.grSq .grSumL i, #s-grat .hsPost .hsSq.grSq .grSumL i *{background:var(--hsGold, #d9b45b); color:#1f273f}

/* ===== build 1047: data fara banda, scrisa auriu; fila de citit centrata, cu adresa jos ===== */
/* banda plata aurie a plecat: data e doar scris auriu, mic, pe fetru */
#s-grat .hsPost .hsSq.grSq .zoDate,
#s-grat .hsPost .hsSq.grSq .zoDate *{background:none; box-shadow:none;
  color:var(--hsGold, #d9b45b); font-weight:600; letter-spacing:.12em; padding:0; max-width:64%}
/* fila de citit (zilele vechi si poza de share): nimic de apasat, deci cele trei
   stau la mijlocul cardului, cu aer egal sus si jos; adresa tine locul butoanelor */
#s-grat .hsPost .hsSq.grSq.grSumSq.grSumRO .hsIn{padding:17% 26px 17%; justify-content:center}
#s-grat .hsPost .hsSq.grSq .grSumSite, #s-grat .hsPost .hsSq.grSq .grSumSite *{font-family:var(--font-body);
  font-size:9px; font-weight:600; letter-spacing:.1em; color:var(--hsGold, #d9b45b); opacity:.85; white-space:nowrap}

/* ===== build 1048: "Saptamana asta in inima mea" pe fetru mov inchis ===== */
/* Fereastra `#recapOv` e folosita DOAR de Recunostinta (un singur `openRecap`
   in toata aplicatia), deci o putem imbraca fara sa atingem altceva. Regulile
   din css/22 o fac panou deschis cu cerneala inchisa; aici rasturnam inapoi. */
#recapOv .recap{background:#2b2154 !important; background-image:var(--btnFelt) !important;
  background-size:cover; box-shadow:0 24px 60px -20px rgba(8,6,20,.75);
  --ink:#f3ead9; --ink-soft:rgba(243,234,217,.82); --ink-faint:rgba(243,234,217,.55);
  --white:#f3ead9; --lav:rgba(243,234,217,.82); color:#f3ead9}
#recapOv .recap h2{color:#fff !important}
#recapOv .recap .rSub, #recapOv .recap p{color:rgba(243,234,217,.82)}
/* data zilei: galben auriu */
#recapOv .recap .rDate{color:var(--hsGold, #d9b45b); font-weight:700}
/* ideea randului, deasupra lui, tot in galben, mai mica si mai discreta */
#recapOv .recap .rQ{padding-left:14px; margin:9px 0 2px; font-family:var(--font-body);
  font-size:9px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:#e0c07a}
#recapOv .recap .rItem{color:#f3ead9}
#recapOv .recap .rItem:before{color:rgba(243,234,217,.45)}