/* =========================================================
   32-user-fixes-v13.css
   Ajustes solicitados pelo usuário:
   3) Imagens do feed voltam a mostrar o conteúdo inteiro
      (object-fit: contain), sem crop 9:16
   4) Mood-badge do feed: só o círculo, sem "quadrado" atrás
   ========================================================= */

/* ---------- 3. Imagens no feed sem crop forçado ---------- */
.post-image-wrap {
    aspect-ratio: auto !important;   /* deixa a imagem definir a altura */
    max-height: 82vh !important;     /* segurança: imagens muito compridas ainda são limitadas */
    background: #0a0a0a !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.post-image-wrap img {
    object-fit: contain !important;  /* mostra a imagem inteira, sem cortar */
    object-position: center center !important;
    width: 100% !important;
    height: auto !important;
    max-height: 82vh !important;
}

/* Vídeos do feed seguem preenchendo 9:16 (Rolês / vídeos verticais) — mantido */


/* ---------- 4. Mood-badge no feed: só o círculo, sem quadrado ---------- */
.post-avatar-wrap .mood-badge {
    background: linear-gradient(135deg, #3b82f6, #22d3ee) !important;
    border: 2px solid var(--bg, #0b1220) !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.35) !important;
}
.post-avatar-wrap .mood-badge .mood-emoji-img {
    width: 14px !important;
    height: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    filter: none !important;
    display: block;
    margin: 0 auto;
}