/* ============================================================
   FERMIS.LT — Pagalbos / kontaktų modalas
   ============================================================ */

.help-overlay{
  position:fixed; inset:0; z-index:120;
  display:flex; align-items:center; justify-content:center;
  padding:1.2rem;
  background:rgba(6,10,7,.72);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  animation:helpFade .28s ease both;
}
.help-overlay[hidden]{ display:none; }
@keyframes helpFade{ from{ opacity:0 } to{ opacity:1 } }

.help{
  position:relative;
  width:min(480px, 100%);
  max-height:90vh; overflow-y:auto;
  background:linear-gradient(180deg, #1b2a20 0%, #14201a 100%);
  border:1px solid rgba(139,195,74,.28);
  border-radius:20px;
  box-shadow:0 26px 70px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
  padding:1.9rem 1.7rem 1.7rem;
  animation:helpPop .32s cubic-bezier(.18,.9,.28,1.2) both;
}
@keyframes helpPop{ from{ opacity:0; transform:translateY(18px) scale(.96) } to{ opacity:1; transform:none } }

.help__close{
  position:absolute; top:.8rem; right:.9rem;
  width:34px; height:34px; border-radius:50%;
  border:1px solid var(--line); background:rgba(255,255,255,.05);
  color:var(--muted); font-size:1rem; cursor:pointer; line-height:1;
  transition:background .2s, color .2s, transform .2s;
}
.help__close:hover{ background:rgba(255,255,255,.12); color:#fff; transform:rotate(90deg); }

.help__badge{
  display:inline-block;
  font-family:var(--font-head); font-weight:800; font-size:.72rem; letter-spacing:.08em;
  color:#0e1710; background:linear-gradient(90deg, var(--green-bright), var(--green-dark));
  padding:.32rem .7rem; border-radius:999px; margin-bottom:.85rem;
}
.help__title{
  font-family:var(--font-head); font-weight:800; font-size:1.4rem;
  margin:.1rem 0 .7rem; color:#fff;
}
.help__lead{ color:var(--text); font-size:.94rem; line-height:1.6; margin:0 0 1rem; }
.help__lead strong{ color:var(--green-bright); }

.help__contact{
  display:flex; align-items:center; gap:.5rem; flex-wrap:wrap;
  background:rgba(139,195,74,.08);
  border:1px solid rgba(139,195,74,.2);
  border-radius:12px; padding:.7rem .9rem; margin-bottom:.9rem;
}
.help__contact-lbl{ color:var(--muted); font-weight:600; font-size:.9rem; }
.help__mail{ color:var(--green-bright); font-weight:700; text-decoration:none; word-break:break-all; }
.help__mail:hover{ text-decoration:underline; }

.help__note{
  color:var(--muted); font-size:.86rem; line-height:1.5;
  border-left:3px solid var(--green); padding-left:.7rem; margin:0 0 1.1rem;
}

/* ---------- Forma ---------- */
.help__field{ display:block; margin-bottom:.85rem; }
.help__field > span{
  display:block; font-size:.82rem; font-weight:600; color:var(--muted); margin-bottom:.35rem;
}
.help__field input,
.help__field textarea{
  width:100%; padding:.7rem .85rem;
  background:rgba(255,255,255,.04);
  border:1px solid var(--line); border-radius:11px;
  color:var(--text); font-size:.94rem; font-family:inherit;
  transition:border-color .2s, background .2s, box-shadow .2s;
  resize:vertical;
}
.help__field input:focus,
.help__field textarea:focus{
  outline:none; border-color:var(--green);
  background:rgba(139,195,74,.06);
  box-shadow:0 0 0 3px rgba(139,195,74,.14);
}
/* Autofill – neleidžiam balto fono */
.help__field input:-webkit-autofill{
  -webkit-text-fill-color:var(--text);
  transition:background-color 600000s 0s;
}

.help__topics{
  border:1px solid var(--line); border-radius:12px;
  padding:.7rem .85rem .8rem; margin:0 0 .85rem;
}
.help__topics legend{ font-size:.82rem; font-weight:600; color:var(--muted); padding:0 .3rem; }
.help__topics{ display:block; }
.help__topics label{
  display:inline-flex; align-items:center; gap:.4rem;
  width:calc(50% - .3rem); margin:.25rem 0;
  font-size:.9rem; color:var(--text); cursor:pointer;
}
.help__topics input{ accent-color:var(--green-bright); }

.help__formfoot{
  display:flex; gap:.6rem; align-items:center; justify-content:space-between;
  margin-top:.4rem;
}
.help__formfoot .btn{ flex:1; }

.btn--block{ width:100%; }
.btn--ghost{
  background:rgba(255,255,255,.05); border:1px solid var(--line); color:var(--text);
}
.btn--ghost:hover{ background:rgba(255,255,255,.1); }

.help__msg{
  margin-top:.85rem; padding:.65rem .8rem; border-radius:10px;
  font-size:.88rem; font-weight:600;
}
.help__msg.is-error{ background:rgba(229,80,80,.14); border:1px solid rgba(229,80,80,.4); color:#ffb4b4; }
.help__msg.is-ok{ background:rgba(139,195,74,.14); border:1px solid rgba(139,195,74,.4); color:#c7ea9b; }

/* ---------- Pavyko ---------- */
.help__done{ text-align:center; padding:.5rem 0; }
.help__done-ico{ font-size:3rem; animation:helpPop .5s ease both; }
.help__done-txt{ color:var(--text); font-size:1.05rem; line-height:1.6; margin:.6rem 0 1rem; }
.help__done .help__note{ text-align:left; }

@media (max-width:520px){
  .help{ padding:1.6rem 1.2rem 1.3rem; border-radius:16px; }
  .help__topics label{ width:100%; }
  .help__title{ font-size:1.25rem; }
}

@media (prefers-reduced-motion:reduce){
  .help-overlay, .help, .help__done-ico{ animation:none; }
  .help__close:hover{ transform:none; }
}