/* Kompakt variacio form */
.compact-variation-form .form-item {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  align-items: start;
  column-gap: 8px;
  row-gap: 4px;
  margin-bottom: 4px;
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f0;
}

.compact-variation-form .form-item label:not(.option),
.compact-variation-form .form-item__label {
  grid-column: 1;
  font-weight: 600;
  font-size: 0.875rem;
  color: #444;
  text-align: right;
  padding-right: 10px;
  margin: 0;
}

.compact-variation-form .form-item input[type="text"],
.compact-variation-form .form-item input[type="number"],
.compact-variation-form .form-item input[type="email"],
.compact-variation-form .form-item input[type="search"],
.compact-variation-form .form-item input[type="url"],
.compact-variation-form .form-item input[type="tel"],
.compact-variation-form .form-item select,
.compact-variation-form .form-item textarea,
.compact-variation-form .form-item .form-text,
.compact-variation-form .form-item .form-number,
.compact-variation-form .form-item .form-select,
.compact-variation-form .form-item .form-textarea {
  grid-column: 2;
  max-width: 300px;
  padding: 4px 8px;
  font-size: 0.875rem;
}

.compact-variation-form .form-item .form-item__description,
.compact-variation-form .form-item .description {
  grid-column: 2;
  font-size: 0.78rem;
  color: #666;
  margin-top: 2px;
  margin-left: 0;
  text-align: left;
}

/* Checkbox mezok */
.compact-variation-form .form-type-checkbox,
.compact-variation-form .form-item--type-boolean {
  grid-template-columns: 180px auto;
  align-items: center;
}

.compact-variation-form .form-type-checkbox .form-item__description,
.compact-variation-form .form-item--type-boolean .form-item__description,
.compact-variation-form .form-type-checkbox .description,
.compact-variation-form .form-item--type-boolean .description {
  grid-column: 2;
}

/* Ha a Gin flex layoutja beleszol */
.compact-variation-form .form-item__content {
  display: contents;
}