/* 1. A teljes sor elrendezése és függőleges középre igazítása */
.mezok-egymas-melle {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 15px !important;
  width: 100% !important;
  align-items: center !important;
}

/* 2. A mezők egyedi tároló konténerei */
.mezok-egymas-melle > .form-item,
.mezok-egymas-melle > .js-form-item,
.mezok-egymas-melle > div {
  flex: 1 1 auto !important;
  margin: 0 !important;
}

/* 3. A Szolgáltatás mező legyen szélesebb */
.mezok-egymas-melle .field--name-field-szolgaltatas {
  flex: 2 1 auto !important;
}

/* 4. DRUPAL ADMIN CÍMKÉK TELJES ELREJTÉSE */
.mezok-egymas-melle label,
.mezok-egymas-melle .form-item__label,
.mezok-egymas-melle .form-element-label {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 5. A beviteli mezők formázása */
.mezok-egymas-melle input[type="text"],
.mezok-egymas-melle input[type="number"] {
  width: 100% !important;
  height: 38px !important;
  padding: 6px 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

/* Helyőrző szöveg színe */
.mezok-egymas-melle input::placeholder {
  color: #999 !important;
  opacity: 1 !important;
}