/* ============================================================
   PPlay Jogos — formulário de envio

   O plugin não depende do tema: define as próprias cores aqui.
   Se o tema PPlay estiver ativo, as variáveis dele têm o mesmo
   nome e prevalecem naturalmente pela cascata.
   ============================================================ */

.ev{
  --ev-ink:#0B0E14;
  --ev-ink2:#0E121A;
  --ev-surface:#131823;
  --ev-surface2:#1A2130;
  --ev-surface3:#222B3C;
  --ev-line:#26303F;
  --ev-text:#E6EAF2;
  --ev-text2:#B6C1D4;
  --ev-muted:#8695AC;
  --ev-aqua:#35D6C3;
  --ev-aqua-deep:#1FA896;
  --ev-glow:rgba(53,214,195,.14);
  --ev-amber:#FFB13D;
  --ev-amber-soft:rgba(255,177,61,.13);
  --ev-ok:#4ADE80;
  --ev-crit:#FF7A6B;
  --ev-radius:14px;
  --ev-ease:cubic-bezier(.2,.7,.3,1);

  max-width:820px;
  color:var(--ev-text);
  font-size:16px;
  line-height:1.6;
}

.ev *,
.ev *::before,
.ev *::after{box-sizing:border-box}

/* --- avisos --- */
.ev-aviso{
  display:flex;gap:13px;align-items:flex-start;
  border:1px solid var(--ev-line);
  background:var(--ev-surface);
  border-radius:var(--ev-radius);
  padding:16px 18px;margin-bottom:26px;
}
.ev-aviso svg{flex:0 0 auto;margin-top:2px}
.ev-aviso strong{display:block;font-size:1.05rem;margin-bottom:4px}
.ev-aviso p{margin:0;color:var(--ev-text2);font-size:.9rem}
.ev-aviso ul{margin:8px 0 0;padding-left:20px;color:var(--ev-text2);font-size:.9rem}
.ev-aviso li{margin-bottom:4px}
.ev-aviso--ok{border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08);color:var(--ev-ok)}
.ev-aviso--ok strong{color:var(--ev-ok)}
.ev-aviso--erro{border-color:rgba(255,122,107,.4);background:rgba(255,122,107,.08);color:var(--ev-crit)}
.ev-aviso--erro strong{color:var(--ev-crit)}

/* --- blocos numerados --- */
.ev-bloco{
  background:var(--ev-surface);
  border:1px solid var(--ev-line);
  border-radius:var(--ev-radius);
  padding:22px clamp(16px,3vw,26px) 8px;
  margin-bottom:18px;
}
.ev-bloco-cab{
  display:flex;gap:14px;align-items:flex-start;
  padding-bottom:18px;margin-bottom:20px;
  border-bottom:1px solid var(--ev-line);
}
.ev-n{
  display:grid;place-items:center;
  width:30px;height:30px;flex:0 0 auto;border-radius:9px;
  background:var(--ev-glow);
  border:1px solid rgba(53,214,195,.3);
  color:var(--ev-aqua);
  font-family:ui-monospace,Consolas,monospace;
  font-weight:700;font-size:.85rem;
}
.ev-bloco-cab h3{font-size:1.12rem;font-weight:700;margin:0 0 3px;color:var(--ev-text)}
.ev-bloco-cab p{margin:0;font-size:.86rem;color:var(--ev-muted)}

/* --- campos --- */
.ev-campo{display:flex;flex-direction:column;gap:7px;margin-bottom:20px}
.ev-campo label{display:flex;align-items:center;gap:9px;font-size:.9rem;font-weight:600;color:var(--ev-text)}
.ev-req{
  font-family:ui-monospace,Consolas,monospace;
  font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ev-amber);background:var(--ev-amber-soft);
  border:1px solid rgba(255,177,61,.3);
  padding:2px 7px;border-radius:20px;
}
.ev-dois{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}

.ev-campo input[type=text],
.ev-campo input[type=email],
.ev-campo input[type=url],
.ev-campo textarea{
  width:100%;
  font-family:inherit;font-size:.94rem;
  color:var(--ev-text);background:var(--ev-ink2);
  border:1px solid var(--ev-line);border-radius:10px;
  padding:11px 13px;
  transition:border-color .2s,box-shadow .2s;
}
.ev-campo textarea{resize:vertical;min-height:80px;line-height:1.6}
.ev-campo input:focus,
.ev-campo textarea:focus{
  outline:0;border-color:var(--ev-aqua-deep);
  box-shadow:0 0 0 3px var(--ev-glow);
}
.ev-campo input::placeholder,
.ev-campo textarea::placeholder{color:#5E6B80}

.ev-ajuda{font-size:.79rem;color:var(--ev-muted);line-height:1.5}
.ev-ajuda b{color:var(--ev-text2);font-variant-numeric:tabular-nums}
.ev-ajuda.ev-quase b{color:var(--ev-amber)}

/* --- área de soltar arquivo --- */
.ev-solta{
  position:relative;
  border:1px dashed var(--ev-line);
  border-radius:11px;
  background:var(--ev-ink2);
  transition:border-color .2s,background .2s;
}
.ev-solta:hover,
.ev-solta.is-sobre{border-color:var(--ev-aqua-deep);background:var(--ev-surface2)}
.ev-solta input[type=file]{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0;cursor:pointer;
}
.ev-solta input[type=file]:focus-visible + .ev-solta-txt{
  outline:2px solid var(--ev-aqua);outline-offset:3px;border-radius:9px;
}
.ev-solta-txt{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  padding:22px 16px;text-align:center;
  color:var(--ev-muted);pointer-events:none;
}
.ev-solta-txt svg{color:var(--ev-aqua);margin-bottom:4px}
.ev-solta-txt b{font-size:.92rem;font-weight:600;color:var(--ev-text2)}
.ev-solta-txt span{font-size:.78rem}

/* --- prévias --- */
.ev-previa{display:flex;flex-wrap:wrap;gap:10px}
.ev-previa:empty{display:none}
.ev-thumb{
  margin:0;width:120px;
  background:var(--ev-surface2);
  border:1px solid var(--ev-line);
  border-radius:9px;overflow:hidden;
}
.ev-thumb--capa{width:210px}
.ev-thumb img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:0;border-radius:0}
.ev-thumb figcaption{
  font-family:ui-monospace,Consolas,monospace;
  font-size:.62rem;color:var(--ev-muted);padding:5px 7px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* --- confirmação --- */
.ev-check{
  display:flex;gap:11px;align-items:flex-start;
  margin-bottom:22px;font-size:.88rem;
  color:var(--ev-text2);line-height:1.55;cursor:pointer;
}
.ev-check input{
  margin-top:3px;flex:0 0 auto;width:17px;height:17px;
  accent-color:var(--ev-aqua);cursor:pointer;
}

/* --- botão de envio --- */
.ev-enviar{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.ev-btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:inherit;font-size:1rem;font-weight:600;
  color:var(--ev-ink);background:var(--ev-aqua);
  border:0;border-radius:10px;padding:13px 26px;cursor:pointer;
  transition:transform .16s var(--ev-ease),box-shadow .2s;
}
.ev-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px var(--ev-aqua);color:var(--ev-ink)}
.ev-btn:disabled,
.ev-btn.is-enviando{opacity:.6;cursor:progress;transform:none}

/* a armadilha anti-robô: fora da tela e fora do teclado */
.ev-oculto{
  position:absolute !important;left:-9999px !important;
  width:1px;height:1px;overflow:hidden;
}

@media (max-width:640px){
  .ev-dois{grid-template-columns:1fr}
  .ev-bloco{padding:18px 15px 4px}
  .ev-bloco-cab{gap:11px;padding-bottom:14px;margin-bottom:16px}
  .ev-thumb--capa{width:100%}
  .ev-thumb{width:calc(50% - 5px)}
  .ev-btn{width:100%;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  .ev *{transition-duration:.01ms !important}
}