/* ===== Recenzie: aliniere la lățimea imaginii (980px) + antet centrat ===== */
.art-top{ max-width:980px; }                 /* aliniere la stânga (implicit), lățime ca imaginea */
.art-head-row{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.art-top .art-dek{ max-width:none; }         /* descrierea = aceeași lățime ca poza/articol (mai puține rânduri) */
.art-rating-row{ margin:4px 0 16px; }        /* rating-ul, pe rând propriu sub titlu, la stânga */
.art-rating-row .vr-inline{ font-size:18px; font-weight:600; color:var(--navy); gap:7px; }
.art-rating-row .vr-inline b{ color:var(--navy); }
.art-rating-row .vr-cnt{ font-weight:500; color:var(--muted-2,#8a8a98); }
.prose, .cast-sec, .art-foot, .art-tt{ max-width:980px; }

/* ===== Player TikTok (vertical, autoplay mut + click pentru sunet) ===== */
.art-tt-player{
  position:relative; width:100%; max-width:340px; margin:0 auto;
  aspect-ratio:9/16; background:#000; border-radius:16px; overflow:hidden;
}
.art-tt-player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.art-tt-unmute{
  position:absolute; left:50%; bottom:18px; transform:translateX(-50%);
  display:inline-flex; align-items:center; gap:8px; cursor:pointer; font:inherit;
  font-size:13px; font-weight:700; color:#fff; background:rgba(17,17,20,.72);
  border:1px solid rgba(255,255,255,.28); padding:9px 16px; border-radius:999px;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); transition:background .15s;
}
.art-tt-unmute:hover{ background:rgba(17,17,20,.9); }
.art-tt-unmute .ttu-ic{ display:inline-flex; }
.art-tt-unmute .ttu-ic svg{ width:14px; height:14px; }

/* ===== Comunitate: rating vizitatori + comentarii ===== */
/* widget rating stil YASR: „Dă click..." + stele aurii + „Total · Media", pe un rând, la stânga */
.mgg-rate{
  display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; max-width:980px;
  margin:22px auto; padding:14px 0; border-top:1px solid #eceaf2; border-bottom:1px solid #eceaf2;
  box-sizing:border-box; text-align:left;
}
.yr-label{ font-size:14.5px; font-weight:600; color:#2a2540; }
.yr-stars{ display:inline-flex; gap:2px; }
.yr-star{ position:relative; width:22px; height:22px; padding:0; background:none; border:none; cursor:pointer; }
.yr-star:not(:disabled):hover{ transform:scale(1.06); }
.yr-star:disabled{ cursor:default; }
.yr-totals{ font-size:13.5px; color:#6b6680; }

/* ===== Glosar: auto-link termeni în corp + tooltip la hover ===== */
.gloss-link{ color:inherit; text-decoration:none; border-bottom:1px dotted var(--purple,#6d28d9); cursor:help; position:relative; }
.gloss-link:hover{ color:var(--purple,#6d28d9); }
.gloss-tip{
  display:none; position:absolute; left:0; bottom:100%; margin-bottom:9px; width:min(280px,72vw);
  background:#1c1830; color:#fff; padding:11px 13px; border-radius:10px; font-size:13px; line-height:1.55;
  font-weight:400; font-style:normal; letter-spacing:0; opacity:0; visibility:hidden; transform:translateY(4px);
  transition:opacity .15s, transform .15s; z-index:30; box-shadow:0 10px 30px rgba(20,16,40,.28); pointer-events:none;
}
.gloss-tip::after{ content:""; position:absolute; left:18px; top:100%; border:6px solid transparent; border-top-color:#1c1830; }
.gloss-link:hover .gloss-tip{ display:block; opacity:1; visibility:visible; transform:translateY(0); }
/* Linkuri de entități (artist/instituție/operă/producție) din corpul articolului: tooltip cu rezumat la hover */
.ent-link{ position:relative; }
.ent-link:hover .gloss-tip{ display:block; opacity:1; visibility:visible; transform:translateY(0); }

/* ===== Comentarii ===== */
.mgg-comments{ max-width:980px; margin:40px auto 10px; padding:0 24px; box-sizing:border-box; }
.mgg-comments .sec-head{ display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.mgg-comments .sec-head h2{ font-size:22px; margin:0; color:#1c1830; white-space:nowrap; }
.mgg-comments .sec-head .ln{ flex:1; height:1px; background:#e6e3ef; }
.mgg-c-empty{ color:#6b6680; font-size:14px; padding:6px 0 18px; }

.mgg-c-list{ list-style:none; margin:0 0 26px; padding:0; }
.mgg-c{ display:flex; gap:14px; padding:16px 0; border-bottom:1px solid #efedf5; }
.mgg-c-av{
  flex:none; width:42px; height:42px; border-radius:50%; display:grid; place-items:center;
  background:#6d28d9; color:#fff; font-weight:700; font-size:17px;
}
.mgg-c-meta{ font-size:13px; color:#6b6680; margin-bottom:4px; }
.mgg-c-meta b{ color:#2a2540; font-size:14px; margin-right:4px; }
.mgg-c-text{ font-size:15px; line-height:1.6; color:#332e47; }
.mgg-c-text p{ margin:0 0 8px; }

.mgg-c-form{
  margin-top:8px; padding:22px; border:1px solid #e6e3ef; border-radius:14px; background:#faf9fe;
}
.mgg-c-form h3{ margin:0 0 14px; font-size:17px; color:#1c1830; }
.mgg-c-row{ display:flex; gap:12px; margin-bottom:12px; }
.mgg-c-form input, .mgg-c-form textarea{
  width:100%; box-sizing:border-box; padding:11px 13px; border:1px solid #ddd8e8;
  border-radius:9px; font:inherit; font-size:14px; background:#fff; color:#2a2540;
}
.mgg-c-form textarea{ resize:vertical; margin-bottom:12px; }
.mgg-c-form input:focus, .mgg-c-form textarea:focus{ outline:none; border-color:#6d28d9; box-shadow:0 0 0 3px rgba(109,40,217,.12); }
.mgg-c-form button{
  background:#6d28d9; color:#fff; border:none; padding:11px 22px; border-radius:9px;
  font:inherit; font-weight:600; font-size:14px; cursor:pointer; transition:background .15s;
}
.mgg-c-form button:hover:not(:disabled){ background:#5b21b6; }
.mgg-c-form button:disabled{ opacity:.6; cursor:default; }
.mgg-c-msg{ font-size:14px; padding:10px 13px; border-radius:9px; margin-bottom:12px; }
.mgg-c-msg.ok{ background:#e7f7ee; color:#15803d; border:1px solid #b7e6c8; }
.mgg-c-msg.err{ background:#fdeaea; color:#b91c1c; border:1px solid #f3c4c4; }

@media(max-width:560px){ .mgg-c-row{ flex-direction:column; } }