@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap');

body.com_users{
  color:#eaeaea;
}

body.com_users .platform-content{
  max-width: 920px;
  margin: 30px auto 0 auto;
}

body.com_users .com-users-profile{
  background: linear-gradient(160deg,
    rgba(25,25,30,0.75) 0%,
    rgba(18,18,22,0.85) 60%,
    rgba(45,10,15,0.75) 100%
  ) !important;

  border: 1px solid rgba(160,50,60,0.22) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(6px);
  padding: 26px !important;
}

/* PANELER */
body.com_users fieldset{
  position: relative !important;
  border: 1px solid rgba(160,50,60,0.22) !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,0.18) !important;

  padding: 24px 22px 20px 22px !important;
  margin: 60px 0 32px 0 !important;   /* luft over boksen */

  overflow: visible !important;
}

/* OVERSKRIFT KLART OVER BOKSEN */
body.com_users fieldset > legend{
  position: absolute !important;
  top: -42px !important;     /* hævet tydeligt over */
  left: 18px !important;

  font-family: "Eagle Lake", cursive !important;
  font-size: 26px !important;
  line-height: 1 !important;

  color: #f2f2f2 !important;
  text-shadow: 0 0 6px rgba(180,60,60,0.25) !important;

  background: transparent !important;   /* ingen badge */
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.com_users dt{
  color: rgba(234,234,234,0.75) !important;
}

body.com_users dd{
  color: rgba(255,255,255,0.92) !important;
}
/* Skjul Basic Settings + Passkey Login på profilsiden */
body.com_users #users-profile-custom,
body.com_users #users-profile-custom-webauthn{
  display: none !important;
}

/* (valgfrit) lidt mindre luft, når de er væk */
body.com_users fieldset{
  margin-bottom: 24px !important;
}
body.com_users fieldset img {
  width: 190px !important;
  height: 190px !important;
  object-fit: cover !important;
  border-radius: 50% !important;

  border: 3px solid #2e2e2e !important; /* mørk stål */

  box-shadow:
    0 0 0 4px #111111,                 /* dyb sort ring */
    0 0 0 7px #3a3a3a,                 /* brushed steel */
    0 0 25px rgba(150, 20, 30, 0.45),  /* rød ember glow */
    0 10px 30px rgba(0,0,0,.6) !important;

  display: block !important;
  margin: 15px auto 0 !important;

  transition: transform .2s ease, box-shadow .2s ease !important;
}

body.com_users fieldset img:hover {
  transform: scale(1.05) !important;
  box-shadow:
    0 0 0 4px #111111,
    0 0 0 7px #555555,
    0 0 35px rgba(200, 40, 50, 0.65),
    0 12px 35px rgba(0,0,0,.7) !important;
}