/* dg-price-alerts.css — styles for the price-drop alert signup component.
 * Theme law: unset data-theme = dark; light only via html[data-theme="light"]. */
.dg-price-alert {
  border: 1px solid var(--line, #2A2A32);
  border-radius: 14px;
  background: var(--card, #16161B);
  color: var(--text, #F4EFE6);
  padding: 18px;
  margin: 14px 0 26px;
  font-size: 1rem;
  line-height: 1.55;
}
.dg-pa-title {
  font-weight: 800;
  margin: 0 0 12px;
}
.dg-pa-form {
  display: grid;
  gap: 12px;
}
.dg-pa-field {
  display: grid;
  gap: 6px;
}
.dg-pa-label {
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--faint, #8E8878);
}
.dg-pa-input {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--line, #2A2A32);
  background: var(--bg2, #111114);
  color: var(--text, #F4EFE6);
  font-size: 1rem;
  font-family: inherit;
}
.dg-pa-input:focus {
  border-color: var(--amber, #F59E0B);
  outline: none;
}
.dg-pa-input::placeholder {
  color: var(--faint, #8E8878);
}
.dg-pa-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 26px;
  border-radius: 14px;
  border: 1px solid transparent;
  background: var(--amber, #F59E0B);
  color: var(--on-amber, #140F05);
  font-weight: 800;
  font-size: 1rem;
  font-family: inherit;
  cursor: pointer;
}
.dg-pa-btn:disabled {
  opacity: 0.6;
  cursor: default;
}
.dg-pa-err {
  margin: 0;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(220, 60, 60, 0.12);
  border: 1px solid rgba(220, 60, 60, 0.45);
  font-weight: 600;
  font-size: 0.95rem;
}
.dg-pa-fine {
  margin: 0;
  color: var(--muted, #B9B3A5);
  font-size: 0.86rem;
}
.dg-pa-done {
  margin: 0;
  font-weight: 600;
  padding: 12px 14px;
  border-radius: 10px;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
html[data-theme="light"] .dg-pa-input {
  background: var(--bg, #FAF7F0);
}