/* HABER ALTI VATANDAŞ YORUMU (yorum.css) */
.hvy{margin:28px 0 10px;padding:0;font-family:inherit;clear:both}
.hvy *{box-sizing:border-box}
.hvy button,.hvy input,.hvy textarea{font-family:inherit}

/* Taşınana kadar gizli */
.hvy-yuva{display:none}
.hvy-yuva.hvy-goster{display:block}

/* Üst şerit */
.hvy-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#f2f6f9;border-left:5px solid #0b4f7a;border-radius:0 10px 10px 0}
.hvy-baslik{display:flex;align-items:center;gap:8px;font-size:14pt;font-weight:700;color:#0b4f7a;line-height:1.2}
.hvy-sayi{min-width:26px;padding:2px 8px;border-radius:20px;background:#0b4f7a;color:#fff;font-size:10.5pt;font-weight:700;text-align:center}
.hvy-ac{flex:none;padding:9px 16px;border:0;border-radius:8px;background:#c62828;color:#fff;font-size:12pt;font-weight:700;cursor:pointer;transition:background .2s}
.hvy-ac:hover{background:#a81f1f}
.hvy-ac.hvy-acik{background:#0b4f7a}

/* Açılan form penceresi */
.hvy-panel{max-height:0;overflow:hidden;opacity:0;visibility:hidden;margin:0;padding:0 12px;border:0 solid #0b4f7a;border-radius:10px;background:#fff;
  transition:max-height .35s ease,opacity .25s ease,margin .35s ease,padding .35s ease,visibility 0s linear .35s}
.hvy-panel.hvy-acik{max-height:700px;opacity:1;visibility:visible;margin:10px 0 0;padding:12px;border-width:2px;
  box-shadow:0 8px 22px rgba(0,0,0,.12);transition:max-height .35s ease,opacity .25s ease,margin .35s ease,padding .35s ease,visibility 0s}
.hvy-panelust{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;font-size:13pt;font-weight:700;color:#0b4f7a}
.hvy-kapat{flex:none;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e6edf2;color:#0b4f7a;font-size:14pt;line-height:1;cursor:pointer}
.hvy-kapat:hover{background:#d3dfe8}

.hvy-form input[type="text"],.hvy-form textarea{display:block;width:100%;margin:0 0 8px;padding:10px 12px;border:1px solid #c9d3dc;border-radius:8px;font-size:12pt;background:#fafbfc}
.hvy-form textarea{resize:vertical;min-height:100px}
.hvy-form input:focus,.hvy-form textarea:focus{outline:2px solid #0b4f7a;background:#fff}
.hvy-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.hvy-not{flex:1 1 220px;font-size:10.5pt;color:#666;line-height:1.4}
.hvy-gonder{padding:10px 20px;border:0;border-radius:8px;background:#0b4f7a;color:#fff;font-size:12pt;font-weight:700;cursor:pointer}
.hvy-gonder:hover{background:#093e60}
.hvy-gonder:disabled{opacity:.6;cursor:wait}
.hvy-msg{min-height:20px;margin-top:8px;font-size:11pt;color:#0b4f7a;font-weight:600}
.hvy-msg.hvy-hata{color:#c62828}
.hvy-bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}

/* Yorum kartları */
.hvy-liste{margin-top:12px}
.hvy-kart{display:flex;gap:12px;margin:0 0 10px;padding:12px;background:#f7f9fb;border:1px solid #e3e8ec;border-radius:12px}
.hvy-avatar{flex:none;width:44px;height:44px;border-radius:50%;color:#fff;font-size:16pt;font-weight:700;line-height:44px;text-align:center}
.hvy-govde{flex:1;min-width:0}
.hvy-isim{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 4px}
.hvy-isim b{font-size:12pt;color:#0b4f7a;word-break:break-word}
.hvy-isim time{font-size:10pt;color:#778}
.hvy-metin{font-size:12pt;line-height:1.6;color:#222;word-break:break-word}
.hvy-metin p{margin:0 0 6px}
.hvy-metin p:last-child{margin:0}
.hvy-haber{display:inline-block;margin-top:6px;font-size:10.5pt;color:#c62828;text-decoration:none}
.hvy-haber:hover{text-decoration:underline}

.hvy-bos{padding:18px 14px;background:#f7f7f7;border:2px dashed #c9d3dc;border-radius:12px;font-size:12pt;font-weight:700;color:#0b4f7a;text-align:center}
.hvy-bos small{display:block;margin-top:4px;font-size:10pt;font-weight:400;color:#666}

@media (max-width:600px){
  .hvy-baslik{font-size:12pt}
  .hvy-ac{padding:9px 12px}
  .hvy-kart{padding:10px;gap:10px}
  .hvy-avatar{width:38px;height:38px;font-size:14pt;line-height:38px}
  .hvy-alt{flex-direction:column;align-items:stretch}
  .hvy-gonder{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .hvy-panel,.hvy-panel.hvy-acik{transition:none}
}