/**
 * @file
 * Darstellung der vollständigen FKTT-Benutzerprofile.
 */

/* Fieldset-Gruppen-Reste transparent für das Grid machen */
.fktt-user-profile > fieldset {
  display: contents;
}

.fktt-user-profile > fieldset > legend {
  display: none;
}

.fktt-user-profile .fieldset-wrapper {
  display: contents;
}

.fktt-user-profile {
  --fktt-profile-accent: var(--primary, #d98900);
  --fktt-profile-text: var(--dark, #14213d);
  --fktt-profile-border: var(--border, #d8dde5);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 52rem;
  color: var(--fktt-profile-text);
}

.fktt-user-profile > .field,
.fktt-user-profile > .form-item {
  grid-column: 1 / -1;
  min-width: 0;
  margin: 0;
  padding: 1rem 0;
  border-bottom: 1px solid var(--fktt-profile-border);
}

.fktt-user-profile .field__label,
.fktt-user-profile .form-item > .label {
  display: block;
  margin: 0 0 0.3rem;
  color: var(--fktt-profile-text);
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
}

.fktt-user-profile .field-item,
.fktt-user-profile .form-item {
  overflow-wrap: anywhere;
}

.fktt-user-profile > .fktt-account-name {
  grid-column: 1 / -1;
  margin-bottom: 0.75rem;
  padding: 1.25rem 1.5rem;
  border: none;
  border-left: 0.35rem solid var(--fktt-profile-accent);
  border-radius: 0.4rem;
  background: var(--fktt-profile-text);
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.fktt-user-profile > .fktt-account-name > label {
  display: block;
  margin-bottom: 0.4rem;
  color: var(--fktt-profile-accent);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.4;
}

/* Vor- und Nachname bilden optisch einen gemeinsamen Datenblock. */
.fktt-user-profile > .field--name-field-vorname,
.fktt-user-profile > .field--name-field-nachname {
  grid-row: auto;
  margin-top: 0.5rem;
  padding: 1rem;
  border-top: 1px solid var(--fktt-profile-border);
  border-bottom: 1px solid var(--fktt-profile-border);
  background: #f6f7f9;
}

.fktt-user-profile > .field--name-field-vorname {
  grid-column: 1;
  border-left: 0.2rem solid var(--fktt-profile-accent);
  border-radius: 0.35rem 0 0 0.35rem;
}

.fktt-user-profile > .field--name-field-nachname {
  grid-column: 2;
  border-right: 1px solid var(--fktt-profile-border);
  border-left: 1px solid var(--fktt-profile-border);
  border-radius: 0 0.35rem 0.35rem 0;
}

.fktt-user-profile > .button--danger {
  grid-column: 1 / -1;
  justify-self: start;
}

@media (max-width: 42rem) {
  .fktt-user-profile {
    grid-template-columns: minmax(0, 1fr);
  }

  .fktt-user-profile > .field--name-field-vorname,
  .fktt-user-profile > .field--name-field-nachname {
    grid-column: 1;
    margin-top: 0;
  }

  .fktt-user-profile > .field--name-field-vorname {
    margin-top: 0.5rem;
    border-right: 1px solid var(--fktt-profile-border);
    border-bottom: 0;
    border-radius: 0.35rem 0.35rem 0 0;
  }

  .fktt-user-profile > .field--name-field-nachname {
    border-left: 0.2rem solid var(--fktt-profile-accent);
    border-radius: 0 0 0.35rem 0.35rem;
  }
}