/* Field groups  */

#federacja-form > fieldset {
  margin-block: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#federacja-form fieldset fieldset {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#federacja-form fieldset > legend {
  font-weight: 600;
  font-size: 1.2rem;
}

/* Inputs  */

#federacja-form label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}

#federacja-form label:has(> :nth-child(2):is(input)) > :nth-child(2) {
  margin-left: auto;
  max-width: 300px;
  width: 100%;
}

#federacja-form input[type='text'],
#federacja-form input[type='number'],
#federacja-form input[type='email'],
#federacja-form textarea {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px;
  font-size: 16px;
}

#federacja-form textarea {
  resize: none;
  min-height: 128px;
}

#federacja-form button[type='submit'] {
  width: 100%;
  padding: 1rem;

  background-color: #261616;
  color: #fff;
  border: none;
  outline: none;
}

#federacja-form button[type='submit']:hover {
  background-color: #3d2323;
}

#federacja-form button[type='submit']:active {
  background-color: #301d1d;
}

@media screen and (max-width: 600px) {
  #federacja-form label:has(> :nth-child(2):is(input)) {
    flex-direction: column;
    gap: 0;
  }

  #federacja-form label:has(> :nth-child(2):is(input)) > :nth-child(2) {
    max-width: calc(100% - 16px);
    margin-left: 0;
  }
}