/* Készletértesítő – a WooCommerce feliratkozó űrlapja (.wc_bis_form) a termékoldalon, a sablon változóival
   (modulok/keszletertesito.php; a Bricks-oldal a WooCommerce saját CSS-ét nem tölti be; 1rem = 10px). */
.wc_bis_form {
  margin-top: var(--space-s, 1.6rem);
  padding: var(--space-s, 1.6rem);
  border: 1px solid var(--neutral-200, #dde1e5);
  border-radius: var(--radius-m, .8rem);
  background: var(--neutral-50, #f6f7f8);
  color: var(--neutral-900, #1a1d21);
}
.wc_bis_form h3 {
  margin: 0 0 var(--space-xs, 1rem);
  font-size: var(--text-s, 1.4rem);
  font-weight: var(--weight-bold, 700);
  line-height: 1.4;
}
.wc_bis_form form { margin: 0; }
.wc_bis_form__form-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs, 1rem);
}
.wc_bis_form__input {
  flex: 1 1 22rem;
  min-width: 0;
  min-height: 4.4rem;
  padding: 0 var(--space-xs, 1rem);
  border: 1px solid var(--neutral-300, #c4cad1);
  border-radius: var(--radius-s, .4rem);
  background: var(--neutral-0, #fff);
  color: var(--neutral-900, #1a1d21);
  font: inherit;
  font-size: var(--text-s, 1.4rem);
}
.wc_bis_form__input:focus-visible {
  outline: 2px solid var(--focus-ring, var(--primary, #d33));
  outline-offset: 1px;
  border-color: var(--primary, #d33);
}
.wc_bis_form .wc_bis_form__button {
  flex: 0 0 auto;
  min-height: 4.4rem;
  padding: 0 var(--space-s, 1.6rem);
  border: 0;
  border-radius: var(--radius-s, .4rem);
  background: var(--primary, #d33);
  color: var(--on-primary, #fff);
  font: inherit;
  font-size: var(--text-s, 1.4rem);
  font-weight: var(--weight-bold, 700);
  cursor: pointer;
  transition: background-color var(--transition, .2s ease);
}
.wc_bis_form .wc_bis_form__button:hover { background: var(--primary-d-1, var(--primary, #b22)); }
@media (max-width: 478px) {
  .wc_bis_form .wc_bis_form__button { flex-basis: 100%; }
}