/* Haber Veriyoruz - Hakikat widget'ı */
.hvh-tasi{clear:both;width:100%;margin:0 0 18px;font-family:inherit;font-size:14px;line-height:1.5;color:#1d2333}
.hvh-tasi *{box-sizing:border-box}

/* ---- Renkli sekme butonları ---- */
.hvh-sira{display:flex;gap:6px;margin:0}
.hvh-btn{
  flex:1;border:0;border-radius:10px;padding:12px 6px;margin:0;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.2px;
  box-shadow:0 3px 0 rgba(0,0,0,.25);transition:filter .15s,transform .08s;
}
.hvh-btn:hover{filter:brightness(1.1)}
.hvh-btn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.25)}
.hvh-btn:focus-visible,.hvh-kapat:focus-visible,.hvh-sec:focus-visible,.hvh-kart:focus-visible{outline:3px solid #ffbe0b;outline-offset:2px}
.hvh-btn i{font-style:normal;font-size:11px;margin-left:3px;display:inline-block;transition:transform .2s}
.hvh-btn.aktif i{transform:rotate(180deg)}
.hvh-btn.aktif{outline:3px solid rgba(0,0,0,.18);outline-offset:-3px}
.hvh-b1{background:#ef476f}
.hvh-b2{background:#3a86ff}
.hvh-b3{background:#06d6a0;color:#06342a}

/* ---- Panel (aşağı doğru açılır) ---- */
.hvh-panel{position:relative;margin-top:8px;padding:16px 14px 16px;border-radius:12px;background:#fff;border:2px solid #e3e6ee;animation:hvhAc .22s ease-out}
.hvh-panel[hidden]{display:none}
.hvh-p1{border-color:#ef476f}.hvh-p2{border-color:#3a86ff}.hvh-p3{border-color:#06d6a0}
@keyframes hvhAc{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hvh-kapat{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:50%;border:0;background:#ef476f;color:#fff;font-size:15px;line-height:1;cursor:pointer;padding:0}
.hvh-kapat:hover{background:#d62f58}
.hvh-panel h3{margin:0 36px 6px 0;font-size:16px;font-weight:700;line-height:1.3}
.hvh-panel h3.hvh-alt{margin-top:18px;padding-top:12px;border-top:1px dashed #cfd4e2}
.hvh-not{margin:0 0 10px;font-size:14px;color:#4a5168}

/* ---- Form ---- */
.hvh-panel textarea,.hvh-panel input[type=text]{
  display:block;width:100%;margin:0 0 8px;padding:10px;border:1px solid #c9cfdf;border-radius:8px;
  font-family:inherit;font-size:14px;color:#1d2333;background:#fafbff;
}
.hvh-panel textarea{resize:vertical;min-height:90px}
.hvh-panel textarea:focus,.hvh-panel input:focus{outline:2px solid #ef476f;border-color:#ef476f}
.hvh-bal{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.hvh-gonder{flex:none;display:block;width:100%;background:#ef476f;font-size:14px;padding:12px}
.hvh-gonder[disabled]{opacity:.5;cursor:wait}
.hvh-mesaj{min-height:20px;margin-top:8px;font-weight:700;font-size:13px}
.hvh-mesaj.iyi{color:#0a8f6a}.hvh-mesaj.kotu{color:#d62f58}

/* ---- Son incelemeler ---- */
.hvh-inc{padding:10px 12px;margin-bottom:8px;border-radius:10px;background:#f5f7fc;border-left:5px solid #9aa3b8}
.hvh-inc.dogru{border-left-color:#06d6a0}.hvh-inc.yanlis{border-left-color:#ef476f}.hvh-inc.carpitilmis{border-left-color:#ff9f1c}
.hvh-rozet{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:.3px}
.hvh-rozet.dogru{background:#0a8f6a}.hvh-rozet.yanlis{background:#ef476f}.hvh-rozet.carpitilmis{background:#e08600}
.hvh-inc b{display:block;font-size:14px}
.hvh-inc p{margin:3px 0 0;font-size:13px;color:#4a5168}
.hvh-inc small{display:block;margin-top:3px;font-size:11px;color:#8a92a8}
.hvh-bos{padding:14px 0;text-align:center;color:#8a92a8;font-size:13px}

/* ---- İddia / Gerçek kartları ---- */
.hvh-kartlar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hvh-kart{
  display:block;width:100%;min-height:130px;text-align:left;border:0;border-radius:12px;padding:12px;cursor:pointer;
  font-family:inherit;color:#fff;background:linear-gradient(135deg,#ef476f,#ff7b54);
  box-shadow:0 3px 0 rgba(0,0,0,.2);transition:background .25s;
}
.hvh-kart.cevrildi{background:linear-gradient(135deg,#0a8f6a,#06d6a0);color:#06342a}
.hvh-kart .hvh-r{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:12px;background:rgba(255,255,255,.28);letter-spacing:.4px}
.hvh-kart .hvh-m{display:block;margin-top:8px;font-size:15px;font-weight:700;line-height:1.4}
.hvh-kart.cevrildi .hvh-m{font-weight:400;font-size:14px}
.hvh-kart .hvh-ip{display:block;margin-top:8px;font-size:11px;opacity:.85}

/* ---- Test ---- */
.hvh-ilerle{font-size:12px;font-weight:700;color:#4a5168;margin:0 36px 6px 0}
.hvh-soru{margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.35}
.hvh-sec{display:block;width:100%;margin:0 0 8px;padding:11px 12px;border:2px solid #d4d9e8;border-radius:10px;background:#fff;text-align:left;cursor:pointer;font-family:inherit;font-size:14px;color:#1d2333}
.hvh-sec:hover{border-color:#06d6a0}
.hvh-sec.dogru{background:#d6f8ee;border-color:#06d6a0;font-weight:700}
.hvh-sec.yanlis{background:#ffe0e7;border-color:#ef476f}
.hvh-sec[disabled]{cursor:default;opacity:1}
.hvh-acik{margin:6px 0 10px;padding:10px 12px;border-radius:10px;background:#eef6ff;font-size:13px;color:#2a3350}
.hvh-sonraki{display:block;width:100%;background:#06d6a0;color:#06342a;padding:12px;font-size:14px;flex:none}
.hvh-skor{text-align:center;padding:6px 0}
.hvh-skor strong{display:block;font-size:54px;line-height:1.1;color:#0a8f6a}
.hvh-skor span{display:block;margin:4px 0 12px;font-size:14px;color:#4a5168}

/* ---- Telefon ---- */
@media (max-width:640px){
  .hvh-tasi{font-size:12px;margin-bottom:14px}
  .hvh-sira{gap:4px}
  .hvh-btn{font-size:11px;padding:11px 3px;border-radius:9px}
  .hvh-btn i{font-size:9px;margin-left:2px}
  .hvh-panel{padding:14px 11px}
  .hvh-panel h3{font-size:14px}
  .hvh-not,.hvh-panel textarea,.hvh-panel input[type=text]{font-size:12px}
  .hvh-kartlar{grid-template-columns:1fr}
  .hvh-kart{min-height:0}
  .hvh-kart .hvh-m{font-size:14px}
  .hvh-kart.cevrildi .hvh-m{font-size:12px}
  .hvh-soru{font-size:14px}
  .hvh-sec{font-size:12px}
  .hvh-inc b{font-size:12px}
  .hvh-inc p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.hvh-panel{animation:none}.hvh-btn i,.hvh-kart{transition:none}}
