/* Component: stock-alert-button — aviso reposición de stock */

/* Slot dinámico que aparece cuando la variación seleccionada está OOS.
 * Respeta `hidden` (HTML semántico). Cuando se hace visible, el form
 * interior conserva todos sus estilos sin cambios. */
.pf-riojano-stock-alert__slot[hidden] { display: none; }
.pf-riojano-stock-alert__slot { margin-top: var(--pf-riojano-space-3); }

.pf-riojano-stock-alert {
  margin-top: var(--pf-riojano-space-3);
  padding: var(--pf-riojano-space-4);
  background: var(--pf-riojano-neutral-white);
  border: var(--pf-riojano-border-soft);
  border-radius: var(--pf-riojano-radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--pf-riojano-space-2);
}

.pf-riojano-stock-alert__intro {
  margin: 0;
  font-size: var(--pf-riojano-fs-base);
  color: var(--pf-riojano-brand-primary);
}

.pf-riojano-stock-alert__row {
  display: flex;
  gap: var(--pf-riojano-space-2);
  align-items: stretch;
  flex-wrap: wrap;
}

.pf-riojano-stock-alert__field {
  flex: 1 1 220px;
  display: flex;
}

.pf-riojano-stock-alert input[type="email"] {
  width: 100%;
  min-height: 44px;
  padding: var(--pf-riojano-space-3);
  border: var(--pf-riojano-border-soft);
  border-radius: var(--pf-riojano-radius-md);
  font-family: var(--pf-riojano-font-body);
  font-size: var(--pf-riojano-fs-base);
  background: var(--pf-riojano-neutral-cream);
}

.pf-riojano-stock-alert input[type="email"]:focus {
  outline: 2px solid var(--pf-riojano-brand-accent-strong);
  outline-offset: 1px;
  background: var(--pf-riojano-neutral-white);
}

.pf-riojano-stock-alert__submit {
  min-height: 44px;
  padding: var(--pf-riojano-space-3) var(--pf-riojano-space-4);
  background: var(--pf-riojano-brand-accent);
  color: var(--pf-riojano-brand-primary);
  border: 0;
  border-radius: var(--pf-riojano-radius-md);
  font-family: var(--pf-riojano-font-body);
  font-weight: 700;
  font-size: var(--pf-riojano-fs-base);
  cursor: pointer;
  white-space: nowrap;
  touch-action: manipulation;
  transition: background var(--pf-riojano-transition-fast),
              color var(--pf-riojano-transition-fast),
              transform var(--pf-riojano-transition-fast);
}

.pf-riojano-stock-alert__submit:hover:not(:disabled) {
  background: var(--pf-riojano-brand-primary);
  color: var(--pf-riojano-neutral-cream);
  transform: translateY(-1px);
}

.pf-riojano-stock-alert__submit:disabled { opacity: 0.5; cursor: not-allowed; }

.pf-riojano-stock-alert__honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.pf-riojano-stock-alert__status {
  margin: 0;
  min-height: 1.2rem;
  font-size: var(--pf-riojano-fs-sm);
}
.pf-riojano-stock-alert__status[data-state="error"]   { color: #c0392b; }
.pf-riojano-stock-alert__status[data-state="success"] { color: #2e7d32; }

.pf-riojano-stock-alert__legal {
  margin: 0;
  font-size: var(--pf-riojano-fs-xs);
  color: var(--pf-riojano-brand-primary-soft);
}

.pf-riojano-stock-alert__legal a {
  color: var(--pf-riojano-brand-primary);
}