/* CSS frontend responsive + evidenziazione */
:root{
  --mood-accent:#2271b1; /* WP admin blue */
  --mood-ok:#16a34a;     /* verde */
  --mood-warn:#b45309;   /* arancione scuro */
  --mood-shadow:0 4px 18px rgba(0,0,0,.08);
}

.mood-widget{display:block;position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--mood-shadow);outline:1px solid rgba(0,0,0,.06);transition:transform .18s ease, box-shadow .2s ease, outline-color .2s ease;background:#fff}
.mood-widget.is-active{outline-color:rgba(22,163,74,.22)}
.mood-widget.is-register{outline-color:rgba(180,83,9,.25)}

.mood-widget__link{display:block;text-decoration:none;border-radius:12px}
.mood-widget__img{display:block;max-width:100%;height:auto;border-radius:12px;transition:transform .15s ease, filter .2s ease}
.mood-widget__link:hover .mood-widget__img{transform:translateY(-1px);filter:brightness(0.98)}
.mood-widget__link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(34,113,177,.35), inset 0 0 0 1px rgba(34,113,177,.5)}

.mood-widget__badge{position:absolute;top:10px;left:10px;font-size:.78rem;line-height:1;padding:.4em .6em;border-radius:999px;font-weight:600;letter-spacing:.02em;background:linear-gradient(180deg,#fff,#f7f7f7);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.08)}
.mood-widget.is-active .mood-widget__badge{display:none}
.mood-widget.is-register .mood-widget__badge{background:linear-gradient(180deg,#fff7ed,#ffedd5);color:#7c2d12;box-shadow:0 2px 8px rgba(180,83,9,.2), inset 0 0 0 1px rgba(180,83,9,.35)}

/* Elenco ruoli */
.mood-ruoli{list-style:none;padding-left:0;margin:.5rem 0}
.mood-ruoli li{display:flex;align-items:flex-start;gap:.5em;margin:.25em 0}
.mood-ruoli .fa,.mood-ruoli .fas,.mood-ruoli .far{width:1em;text-align:center;line-height:1.2em;flex:0 0 auto;opacity:.75}
.mood-ruoli b{font-weight:600}