
/* V65 — UMORE: grafica approvata. Additivo, nessuna funzione rimossa. */
#mood.mood-approved-page{padding-top:0;background:#fffaf7}
#mood .mood-approved-hero{overflow:hidden;border-radius:0 0 34px 34px;margin:0 -2px 0}
#mood .mood-approved-hero img{display:block;width:100%;height:auto}
#mood .mood-approved-quick{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:-8px 18px 18px;position:relative;z-index:2}
#mood .mood-approved-quick button{min-width:0;border:1px solid #eee7f4;background:rgba(255,255,255,.96);border-radius:18px;padding:10px 4px 9px;box-shadow:0 5px 18px rgba(55,25,80,.08);color:#21104e}
#mood .mood-approved-quick button span{display:block;font-size:31px;line-height:1.15;margin-bottom:5px}
#mood .mood-approved-quick button b{font-size:13px}
#mood .mood-approved-quick button.active{outline:3px solid #7b39ff;outline-offset:-2px;color:#6f2cff}
#mood .mood-approved-thought{margin:0 18px 14px;padding:16px 18px;border-radius:22px}
#mood .mood-approved-thought h3{margin:0 0 10px;font-size:21px;color:#20104c}
#mood .mood-approved-thought textarea{min-height:88px;border:1px solid #ded9ef;border-radius:16px;background:#fff;width:100%;padding:14px;font-size:16px;box-sizing:border-box}
#mood .mood-approved-links{display:grid;gap:9px;margin:0 18px 14px}
#mood .mood-approved-links button{display:grid;grid-template-columns:54px 1fr 22px;align-items:center;text-align:left;border:1px solid #eee7e4;background:#fff;border-radius:20px;padding:10px 14px;box-shadow:0 4px 16px rgba(60,35,70,.06);color:#21104e}
#mood .mood-approved-links button>span{font-size:30px;text-align:center}
#mood .mood-approved-links b{display:block;font-size:16px}
#mood .mood-approved-links small{display:block;color:#7863d9;font-size:13px;margin-top:2px}
#mood .mood-approved-links i{font-style:normal;font-size:31px;color:#6d48e8}
#mood .mood-approved-quote{margin:12px 18px 18px;border-radius:22px;padding:20px;background:linear-gradient(100deg,#f3e8ff,#fff4ef);font-family:Georgia,serif;color:#5941a8;text-align:center;font-size:21px;line-height:1.35}
#mood>.back{display:none}
@media(max-width:520px){
  #mood .mood-approved-quick{gap:7px;margin-left:10px;margin-right:10px}
  #mood .mood-approved-quick button{padding:8px 2px}
  #mood .mood-approved-quick button span{font-size:27px}
  #mood .mood-approved-quick button b{font-size:11px}
}
