/* NovaSix 1.5.1 — Joomla 6 native user profile, read-only view.
   Targets the official com_users profile fieldsets/definition lists.
   No markup overrides, no hard-coded palette, no changes to the edit form.
   GPL-2.0-or-later. */

.nx-body .nx-component .com-users-profile.profile {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2.5vw, 1.9rem);
  overflow: visible;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

/* Heading, when the Joomla menu enables an explicit page title. */
.nx-body .nx-component .com-users-profile > .page-header {
  margin: 0;
  padding: 0;
}
.nx-body .nx-component .com-users-profile > .page-header :is(h1,h2) {
  margin: 0;
}

/* Joomla prints the edit button in a UL. Remove its bullet and float. */
.nx-body .nx-component .com-users-profile > ul.com-users-profile__edit {
  float: none !important;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .65rem;
  width: 100%;
}
.nx-body .nx-component .com-users-profile > ul.com-users-profile__edit > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nx-body .nx-component .com-users-profile > ul.com-users-profile__edit > li::marker {
  content: '';
}
.nx-body .nx-component .com-users-profile > ul.com-users-profile__edit .btn {
  margin: 0;
  min-height: var(--nx-theme-button-height, 48px);
  text-decoration: none;
  white-space: normal;
}

/* Native sections: core, params and optional third-party/custom field groups. */
.nx-body .nx-component .com-users-profile > :is(fieldset.com-users-profile__core,fieldset.com-users-profile__params,fieldset.com-users-profile__custom) {
  display: block;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: clamp(1rem, 2.1vw, 1.6rem);
  background: var(--nx-theme-card-bg, #fff);
  border: 1px solid var(--nx-theme-border, #e3e6ed);
  border-radius: 0;
  box-shadow: none;
  overflow-wrap: anywhere;
}
.nx-body .nx-component .com-users-profile > fieldset > legend {
  float: none;
  display: table;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0 .5rem;
  font-family: var(--nx-theme-heading-font, inherit);
  font-size: clamp(1.12rem, 2.3vw, 1.4rem);
  font-weight: 760;
  letter-spacing: -.025em;
  line-height: 1.35;
  color: var(--nx-theme-heading, #171c2d);
  background: var(--nx-theme-card-bg, #fff);
}
.nx-body .nx-component .com-users-profile > fieldset > legend:empty { display: none; }
.nx-body .nx-component .com-users-profile > fieldset > p {
  margin: 0 0 1rem;
  color: var(--nx-theme-muted, #697387);
}

/* Joomla emits alternating dt/dd children in dl.dl-horizontal.
   Keep the native accessible definition-list semantics. */
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal {
  display: grid;
  grid-template-columns: minmax(160px, 33%) minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: .65rem 0 0;
  padding: 0;
  align-items: stretch;
}
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > :is(dt,dd) {
  float: none;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: .95rem clamp(.65rem, 1.5vw, 1.1rem);
  border-bottom: 1px solid var(--nx-theme-border, #e3e6ed);
  text-align: start;
  font-size: var(--nx-theme-body-size, 16px);
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dt {
  font-weight: 680;
  color: var(--nx-theme-heading, #171c2d);
  background: color-mix(in srgb, var(--nx-theme-heading, #171c2d) 3%, var(--nx-theme-card-bg, #fff));
}
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dd {
  font-weight: 450;
  color: var(--nx-theme-text, #4f5a6b);
  background: var(--nx-theme-card-bg, #fff);
}
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > :nth-last-child(-n+2) {
  border-bottom: 0;
}
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dd > :first-child { margin-top: 0; }
.nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dd > :last-child { margin-bottom: 0; }

/* Mobile: each label directly above its value, without horizontal scrolling. */
@media (max-width: 700px) {
  .nx-body .nx-component .com-users-profile.profile { gap: 1.2rem; }
  .nx-body .nx-component .com-users-profile > ul.com-users-profile__edit { justify-content: stretch; }
  .nx-body .nx-component .com-users-profile > ul.com-users-profile__edit > li { width: 100%; }
  .nx-body .nx-component .com-users-profile > ul.com-users-profile__edit .btn { width: 100%; }
  .nx-body .nx-component .com-users-profile > :is(fieldset.com-users-profile__core,fieldset.com-users-profile__params,fieldset.com-users-profile__custom) {
    padding: 1rem;
  }
  .nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal {
    grid-template-columns: minmax(0, 1fr);
    margin-top: .4rem;
  }
  .nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dt {
    padding: .95rem 0 .2rem;
    border: 0;
    background: transparent;
    font-size: .88rem;
  }
  .nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dd {
    padding: 0 0 .95rem;
    border-bottom: 1px solid var(--nx-theme-border, #e3e6ed);
  }
  .nx-body .nx-component .com-users-profile fieldset > dl.dl-horizontal > dd:last-child { border-bottom: 0; }
}