/* Phase 60: sauberes Facebook-Cover-System - finale Quelle */
.profile-page-static .profile-hero-modern{
  position:relative!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(9,18,38,.98),rgba(8,13,28,.96))!important;
  border:1px solid rgba(126,200,255,.16)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.22)!important;
  padding:0!important;
}
.profile-page-static .profile-hero-modern .profile-cover,
.profile-page-static .profile-cover{
  display:block!important;
  width:100%!important;
  height:clamp(220px,28vw,380px)!important;
  min-height:220px!important;
  border-radius:0!important;
  position:relative!important;
  overflow:hidden!important;
  background-color:#0b1224!important;
  background-image:var(--cem-cover-image,linear-gradient(135deg,#13244a,#0f172a 55%,#182a4f))!important;
  background-repeat:no-repeat!important;
  background-position:var(--cover-x,50%) var(--cover-y,50%)!important;
  background-size:calc(var(--cover-scale,100) * 1%) auto!important;
  border:0!important;
  cursor:default!important;
}
.profile-page-static .profile-cover-shade{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(3,7,18,.15) 54%,rgba(3,7,18,.78) 100%)!important;
}
.profile-page-static .profile-modern-row{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:24px!important;
  margin-top:-84px!important;
  padding:0 34px 30px!important;
}
.profile-page-static .profile-avatar-wrap{position:relative!important;z-index:4!important;}
.profile-page-static .profile-avatar-wrap .profile-avatar,
.profile-page-static .profile-modern-row .profile-avatar{
  width:156px!important;
  height:156px!important;
  border-radius:38px!important;
  object-fit:cover!important;
  border:7px solid rgba(255,255,255,.96)!important;
  background:#fff!important;
  box-shadow:0 22px 56px rgba(0,0,0,.34)!important;
}
.profile-page-static .profile-title{min-width:0!important;padding-top:88px!important;}
.profile-page-static .profile-name-line{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;}
.profile-page-static .profile-name-line h1{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.45)!important;margin:0!important;}
.profile-page-static .profile-mini-stats{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important;}
.profile-page-static .profile-mini-stats span{background:rgba(255,255,255,.12)!important;color:#eaf3ff!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;padding:8px 12px!important;font-weight:850!important;}
.profile-page-static .profile-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;padding-top:88px!important;}

/* Profileinstellungen: Cover-Editor */
.cem-cover-editor{
  border:1px solid rgba(126,200,255,.18)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:rgba(8,13,28,.96)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.18)!important;
  margin:10px 0 14px!important;
}
.cem-cover-preview{
  width:100%!important;
  min-height:230px!important;
  display:flex!important;
  align-items:flex-end!important;
  padding:16px!important;
  color:#fff!important;
  font-weight:900!important;
  background-color:#0b1224!important;
  background-repeat:no-repeat!important;
  background-position:var(--cover-x,50%) var(--cover-y,50%)!important;
  background-size:calc(var(--cover-scale,100) * 1%) auto!important;
  position:relative!important;
}
.cem-cover-preview:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));pointer-events:none;}
.cem-cover-preview span{position:relative;z-index:1;background:rgba(0,0,0,.32);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);}
.cem-cover-controls{display:grid!important;gap:10px!important;padding:16px!important;background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,41,59,.94))!important;color:#e5eefb!important;}
.cem-cover-controls label{display:flex!important;justify-content:space-between!important;gap:12px!important;margin:0!important;font-weight:850!important;color:#dbeafe!important;}
.cem-cover-controls output{color:#7dd3fc!important;font-variant-numeric:tabular-nums!important;}
.cem-cover-controls input[type=range]{width:100%!important;margin:0 0 8px!important;padding:0!important;accent-color:#7c3aed!important;}
.cem-cover-remove{display:flex!important;align-items:center!important;gap:8px!important;width:max-content!important;margin:8px 0 10px!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(239,68,68,.10)!important;border:1px solid rgba(239,68,68,.25)!important;color:#fecaca!important;font-weight:850!important;}
.cem-cover-remove input{width:auto!important;margin:0!important;}

@media(max-width:900px){
  .profile-page-static .profile-hero-modern .profile-cover,.profile-page-static .profile-cover{height:250px!important;background-size:auto calc(var(--cover-scale,100) * 1%)!important;}
  .profile-page-static .profile-modern-row{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;margin-top:-76px!important;padding:0 18px 24px!important;gap:12px!important;}
  .profile-page-static .profile-title,.profile-page-static .profile-actions{padding-top:0!important;justify-content:center!important;}
  .profile-page-static .profile-avatar-wrap .profile-avatar,.profile-page-static .profile-modern-row .profile-avatar{width:132px!important;height:132px!important;border-radius:32px!important;}
  .profile-page-static .profile-name-line{justify-content:center!important;}
}
@media(max-width:560px){
  .profile-page-static .profile-hero-modern{border-radius:22px!important;}
  .profile-page-static .profile-hero-modern .profile-cover,.profile-page-static .profile-cover{height:210px!important;min-height:210px!important;}
  .profile-page-static .profile-avatar-wrap .profile-avatar,.profile-page-static .profile-modern-row .profile-avatar{width:116px!important;height:116px!important;border-radius:28px!important;border-width:6px!important;}
  .profile-page-static .profile-name-line h1{font-size:27px!important;}
  .profile-page-static .profile-actions .btn{width:100%!important;text-align:center!important;}
  .cem-cover-preview{min-height:170px!important;background-size:auto calc(var(--cover-scale,100) * 1%)!important;}
}


/* Phase 61: Coverbild muss im Profilheader sichtbar bleiben. */
.profile-page-static .profile-hero-modern > .profile-cover{
  background-image:var(--cem-cover-image,linear-gradient(135deg,#13244a,#0f172a 55%,#182a4f))!important;
  background-position:var(--cover-x,50%) var(--cover-y,50%)!important;
  background-repeat:no-repeat!important;
  background-size:calc(var(--cover-scale,100) * 1%) auto!important;
}
.profile-page-static .profile-hero-modern > .profile-cover[style*="--cem-cover-image"]{
  background-color:#07111f!important;
}