/* SubwayPay Frontend — Overrides & Fixes
 * Carregado APÓS page.css — nunca modificar page.css
 * Versão: 2.0 */

/* ── Fix crítico: .properties quebra layout desktop ── */
.properties {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ── Padronizar card de formulário (.minting-container) ── */
/* login, cadastrar: mesmo tamanho */
.minting-container {
  max-width: 520px !important;
  width: 100% !important;
  padding: 40px 48px !important;
}

/* ── Footer: reduzir texto gigante e padding excessivo ── */
.domo-text {
  font-size: clamp(2rem, 6vw, 5rem) !important;
  line-height: .9em !important;
}
.footer-section {
  padding: 40px 24px !important;
}

/* ── Overflow-x global ── */
html, body { overflow-x: hidden; }

/* ── Estado de erro (usado pelo PHP) ── */
.input-error,
input.error { border-color: #ef4444 !important; }
.error-msg,
.msg-erro {
  color: #ef4444;
  font-size: .8rem;
  margin-top: 4px;
  display: block;
}

/* ── Feedback de sucesso ── */
.msg-sucesso,
.success-msg {
  color: #16a34a;
  font-size: .85rem;
  font-weight: 600;
}

/* ── Responsive: mobile ── */
@media (max-width: 768px) {
  .minting-container {
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
  .properties {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 480px) {
  .minting-container {
    padding: 24px 16px !important;
  }
}

/* ── Hero heading: reduzir sombra offset excessiva ── */
.hero-heading {
  text-shadow: -4px 4px 0 rgba(31, 32, 36, .6) !important;
}

@media (max-width: 767px) {
  .hero-heading {
    text-shadow: -2px 2px 0 rgba(31, 32, 36, .5) !important;
  }
}