/* NN NOTES - ticket 15
   The restock sign-up and the stop page. The house face: ivory ground,
   charcoal type, one flat charcoal button, uppercase labels with air.
   Nothing here is decorative beyond a single sand rule. */

.nn-restock {
  margin: 1.25rem 0 0;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--color-sand, #E8E1D6);
  max-width: 34rem;
}

.nn-restock__title {
  margin: 0 0 .4rem;
  font-family: var(--font-body, Manrope, system-ui, sans-serif);
  font-size: var(--type-label-md-size, 12px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-charcoal, #20201F);
}

.nn-restock__line {
  margin: 0 0 1rem;
  font-size: var(--type-body-md-size, 14px);
  line-height: 1.6;
  color: var(--color-charcoal, #20201F);
}

.nn-restock__form {
  margin: 0;
}

.nn-restock__label {
  display: block;
  margin: 0 0 .35rem;
  font-size: var(--type-label-sm-size, 11px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-charcoal, #20201F);
}

.nn-restock__row {
  display: flex;
  gap: .5rem;
  align-items: stretch;
}

.nn-restock__input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: .75rem .85rem;
  border: 1px solid var(--color-border-strong, #A79D91);
  border-radius: 0;
  background: var(--color-ivory, #F4F1EA);
  color: var(--color-charcoal, #20201F);
  font-family: var(--font-body, Manrope, system-ui, sans-serif);
  font-size: var(--type-body-md-size, 14px);
  line-height: 1.4;
  box-shadow: none;
}

.nn-restock__input:focus {
  outline: 2px solid var(--color-charcoal, #20201F);
  outline-offset: 1px;
  border-color: var(--color-charcoal, #20201F);
}

.nn-restock__button {
  flex: 0 0 auto;
  margin: 0;
  padding: .75rem 1.25rem;
  border: 1px solid var(--color-charcoal, #20201F);
  border-radius: 0;
  background: var(--color-charcoal, #20201F);
  color: var(--color-ivory, #F4F1EA);
  font-family: var(--font-body, Manrope, system-ui, sans-serif);
  font-size: var(--type-label-md-size, 12px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease;
}

.nn-restock__button:hover,
.nn-restock__button:focus {
  background: var(--color-sand, #E8E1D6);
  color: var(--color-charcoal, #20201F);
}

.nn-restock__button[disabled] {
  opacity: .6;
  cursor: progress;
}

.nn-restock__note,
.nn-restock__stop {
  margin: .75rem 0 0;
  font-size: var(--type-body-sm-size, 12px);
  line-height: 1.55;
  color: var(--color-charcoal, #20201F);
  max-width: 46ch;
}

.nn-restock__stop {
  margin-top: .35rem;
  color: #6B6257;
}

.nn-restock__done {
  margin: .85rem 0 0;
  padding: .75rem .9rem;
  border: 1px solid var(--color-sand, #E8E1D6);
  font-size: var(--type-body-md-size, 14px);
  line-height: 1.55;
  color: var(--color-charcoal, #20201F);
}

.nn-restock__done.is-ok {
  border-color: var(--color-charcoal, #20201F);
}

.nn-restock__done.is-no {
  border-color: var(--color-error, #B42318);
  color: var(--color-error, #B42318);
}

.nn-restock__trap {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* The plugin's own form never renders here; if a cache ever shows it, it
   stays out of the way rather than wearing its default panel look. */
.cwginstock-subscribe-form {
  display: none;
}

/* The stop page: one plain column, no sale, no apology. */
.nn-restock-stop {
  max-width: 44rem;
  margin: 0 auto;
  padding: var(--space-8, 64px) var(--space-5, 24px);
}

.nn-restock-stop__title {
  margin: 0 0 1rem;
  font-family: var(--font-body, Manrope, system-ui, sans-serif);
  font-size: var(--type-headline-md-size, 24px);
  font-weight: 600;
  line-height: 1.25;
  color: var(--color-charcoal, #20201F);
}

.nn-restock-stop__line {
  margin: 0 0 .6rem;
  font-size: var(--type-body-lg-size, 16px);
  line-height: 1.6;
  color: var(--color-charcoal, #20201F);
}

.nn-restock-stop__link {
  margin: 1.5rem 0 0;
  font-size: var(--type-body-md-size, 14px);
}

.nn-restock-stop__link a {
  color: var(--color-charcoal, #20201F);
  text-decoration: underline;
  text-underline-offset: .18em;
}

@media (max-width: 600px) {
  .nn-restock__row {
    flex-direction: column;
  }

  .nn-restock__button {
    width: 100%;
  }

  .nn-restock-stop {
    padding: var(--space-6, 32px) var(--space-4, 16px);
  }
}
/* The plugin's own pop-up sign-up button never appears beside the house
   form: one way in, not two. */
.cwg_popup_submit,
.cwginstock-subscribe-form {
  display: none !important;
}