/**
 * User profile — modern interactive / trending UI
 * Scoped under body.lkit-user-profile
 */
body.lkit-user-profile{
  --up-navy:#2e4056;
  --up-blue:#2f94d7;
  --up-pink:#ff4d9a;
  --up-lavender:#c084fc;
  --up-ink:#1b2430;
  --up-muted:#5b6777;
  --up-pink-grad:linear-gradient(90deg,#ff4d9a 0%,#e879f9 55%,#c084fc 100%);
  --up-btn-radius:8px;
}

/* ===== Cover banner ===== */
body.lkit-user-profile .profile-banner-section{
  position:relative;
  height:min(36vh,260px);
  min-height:150px;
  overflow:hidden;
  background-image:
    radial-gradient(ellipse 55% 70% at 12% 20%, rgba(255,77,154,.35), transparent 55%),
    radial-gradient(ellipse 50% 60% at 88% 80%, rgba(192,132,252,.28), transparent 50%),
    linear-gradient(135deg,#236BA2 0%,#2e4056 48%,#3a2a5c 100%)!important;
  background-size:cover;
  background-position:center;
}
body.lkit-user-profile .profile-banner-section:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(15,23,42,.08) 0%, rgba(15,23,42,.35) 100%);
}

/* Pull card over cover */
body.lkit-user-profile .use_account_details{
  position:relative;
  z-index:2;
  background:transparent;
}
body.lkit-user-profile .profile_wrapper{
  margin-top:-4rem!important;
}
body.lkit-user-profile .profile-view #content{
  background:linear-gradient(180deg,#f7f9fc 0%,#eef3f9 40%,#f7f9fc 100%);
}

/* ===== Top card ===== */
body.lkit-user-profile .pofile_top-card.lkit-user-topcard,
body.lkit-user-profile .user-profile-left > .pofile_top-card{
  position:relative;
  overflow:visible;
  padding:1.5rem 1.35rem 1.5rem!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse 70% 55% at 0% 0%, rgba(255,77,154,.08), transparent 50%),
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(47,148,215,.1), transparent 48%),
    #ffffff!important;
  border:1px solid rgba(46,64,86,.08)!important;
  box-shadow:
    0 18px 40px rgba(21,40,70,.1),
    0 2px 0 rgba(255,77,154,.12)!important;
  text-align:center;
}
body.lkit-user-profile .pofile_top-card.lkit-user-topcard:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;
  height:3px;
  border-radius:0 0 4px 4px;
  background:var(--up-pink-grad);
  pointer-events:none;
}

/* Mobile edit */
body.lkit-user-profile .mobile-edit-l a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;height:40px;
  border-radius:12px;
  background:linear-gradient(135deg,#2e4056,#4a3560);
  box-shadow:0 8px 18px rgba(46,64,86,.2);
  transition:transform .2s ease, box-shadow .2s ease;
}
body.lkit-user-profile .mobile-edit-l a:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 22px rgba(255,77,154,.25);
}
body.lkit-user-profile .mobile-edit-l svg{fill:#fff}

/* ===== Avatar ===== */
body.lkit-user-profile .profile-pic{
  float:none!important;
  width:auto;
  margin:0 auto .85rem;
  display:inline-block;
}
body.lkit-user-profile .profile-pic #image_profile{
  display:inline-block;
  width:140px;
  height:140px;
  padding:0!important;
  border-radius:50%!important;
  overflow:hidden;
  background:#fff;
  box-shadow:
    0 0 0 4px #fff,
    0 0 0 7px rgba(255,77,154,.45),
    0 16px 32px rgba(21,40,70,.18);
  transition:transform .28s ease, box-shadow .28s ease;
}
body.lkit-user-profile .profile-pic #image_profile:hover{
  transform:translateY(-4px) scale(1.03);
  box-shadow:
    0 0 0 4px #fff,
    0 0 0 7px rgba(47,148,215,.55),
    0 20px 36px rgba(21,40,70,.2);
}
body.lkit-user-profile .profile-pic #image_profile img,
body.lkit-user-profile .profile-pic .profile_edit_hover{
  border-radius:50%!important;
}
body.lkit-user-profile .profile-pic img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.lkit-user-profile .profile_edit_hover{
  background:linear-gradient(160deg,rgba(46,64,86,.55),rgba(255,77,154,.55))!important;
}
body.lkit-user-profile .profile_edit_hover a{
  font-size:.78rem;
  font-weight:600;
}

/* Follow / message / share */
body.lkit-user-profile .follow-msg{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem;
  margin:.35rem 0 1rem;
  float:none!important;
}
body.lkit-user-profile .follow-msg .flw{
  float:none!important;
  display:inline-block;
}
body.lkit-user-profile .follow-msg .btn,
body.lkit-user-profile .follow-msg a.btn{
  border:none!important;
  border-radius:var(--up-btn-radius)!important;
  font-weight:600!important;
  padding:.45rem 1.05rem!important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
body.lkit-user-profile .follow-msg .btn:hover,
body.lkit-user-profile .follow-msg a.btn:hover{
  transform:translateY(-2px);
}
body.lkit-user-profile .follow-msg .lkifllw.btn-primary,
body.lkit-user-profile .follow-msg .lkimsg.btn-primary{
  background:linear-gradient(135deg,#ff4d9a,#2f94d7)!important;
  box-shadow:0 8px 18px rgba(255,77,154,.22);
  color:#fff!important;
}
body.lkit-user-profile .follow-msg .dropdownShare .btn-outline-secondary{
  border:1px solid rgba(46,64,86,.2)!important;
  background:#fff!important;
  color:var(--up-navy)!important;
  border-radius:var(--up-btn-radius)!important;
}
body.lkit-user-profile .follow-msg .dropdownShare .btn-outline-secondary:hover{
  background:linear-gradient(135deg,#ff4d9a,#2f94d7)!important;
  border-color:transparent!important;
  color:#fff!important;
}

/* Name / headline */
body.lkit-user-profile .user-basic{
  float:none!important;
  width:100%;
  text-align:center;
  margin-top:.25rem;
}
body.lkit-user-profile .userProfileName h1.display-4{
  margin:0 0 .35rem;
  font-size:clamp(1.5rem,3.5vw,2.1rem)!important;
  font-weight:750!important;
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--up-ink)!important;
}
body.lkit-user-profile .profileVerified{
  display:inline-flex;
  align-items:center;
  margin-left:.25rem;
  padding:.15rem .45rem;
  border-radius:999px;
  font-size:.75rem!important;
  color:#0f7a45!important;
  background:rgba(40,167,69,.1);
  border:1px solid rgba(40,167,69,.22);
  vertical-align:middle;
}
body.lkit-user-profile .profileVerified .fa{color:#28a745}
body.lkit-user-profile .userProfileHeadline h2{
  margin:0 0 .9rem;
  font-size:1.05rem!important;
  font-weight:500!important;
  color:var(--up-muted)!important;
  line-height:1.4;
}

/* Meta chips */
body.lkit-user-profile .card-section_information.profilegeneraldetail,
body.lkit-user-profile .profilegeneraldetail{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem;
  margin:0 0 .9rem;
}
body.lkit-user-profile .profilegeneraldetail > h3{
  float:none!important;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin:0!important;
  padding:.45rem .75rem;
  max-width:100%;
  font-size:.86rem!important;
  font-weight:500;
  line-height:1.35;
  color:var(--up-ink);
  background:#f4f7fb;
  border:1px solid rgba(46,64,86,.08);
  border-radius:12px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.lkit-user-profile .profilegeneraldetail > h3:hover{
  border-color:rgba(255,77,154,.28);
  box-shadow:0 6px 16px rgba(21,40,70,.06);
  transform:translateY(-1px);
}
body.lkit-user-profile .profilegeneraldetail > h3 label{
  margin:0!important;
  font-size:inherit!important;
  color:var(--up-muted)!important;
}
body.lkit-user-profile .profilegeneraldetail > h3 label .fa{
  color:var(--up-blue)!important;
  font-size:.9rem!important;
}
body.lkit-user-profile .profilegeneraldetail .tl_exp{
  color:var(--up-muted);
  font-weight:600;
}

/* Verification + views */
body.lkit-user-profile .userverification,
body.lkit-user-profile .profileviews{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin:.25rem .4rem .25rem 0;
  padding:.35rem .7rem;
  border-radius:999px;
  font-size:.8rem!important;
  font-weight:600;
  background:#f0f7ff;
  border:1px solid rgba(47,148,215,.18);
  color:var(--up-navy);
}
body.lkit-user-profile .emailVerified,
body.lkit-user-profile .phoneVerified{color:#0f7a45!important}
body.lkit-user-profile .profileviews .fa{color:var(--up-blue)}
body.lkit-user-profile .userverification a{
  color:#d946a0!important;
  font-weight:600;
}

/* Alerts */
body.lkit-user-profile .pofile_top-card .alert,
body.lkit-user-profile .user-basic > .alert{
  margin:1rem 0 0;
  text-align:left;
  border-radius:14px;
  border:1px solid rgba(255,77,154,.2);
  background:linear-gradient(135deg,#fff7fb,#f3f8ff);
  color:var(--up-ink);
  box-shadow:0 6px 16px rgba(21,40,70,.04);
  font-size:.92rem;
}
body.lkit-user-profile .pofile_top-card .alert a{font-weight:700;color:#d946a0!important}

/* ===== Content sections ===== */
body.lkit-user-profile .user_Details,
body.lkit-user-profile .user_Details .ember-view,
body.lkit-user-profile .pv-profile-section{
  float:none!important;
}
body.lkit-user-profile .user_Details{
  margin-top:1.15rem;
  padding:0!important;
  background:transparent!important;
}
body.lkit-user-profile .pv-profile-section{
  margin:0 0 1rem;
  padding:1.25rem 1.2rem;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(46,64,86,.07);
  box-shadow:0 10px 26px rgba(21,40,70,.05);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.lkit-user-profile .pv-profile-section:hover{
  border-color:rgba(255,77,154,.18);
  box-shadow:0 14px 32px rgba(21,40,70,.08);
}
body.lkit-user-profile .profile_tl_heading,
body.lkit-user-profile .pv-profile-section h2.profile_tl_heading,
body.lkit-user-profile .heading_title{
  margin:0 0 .85rem!important;
  padding:0 0 .65rem!important;
  font-size:1.15rem!important;
  font-weight:750!important;
  color:var(--up-navy)!important;
  border-bottom:none!important;
  position:relative;
}
body.lkit-user-profile .profile_tl_heading:after,
body.lkit-user-profile .pv-profile-section h2.profile_tl_heading:after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  margin-top:.55rem;
  border-radius:3px;
  background:var(--up-pink-grad);
}
body.lkit-user-profile .pv-profile-section .actions .btn,
body.lkit-user-profile .pv-profile-section a.btn-sm{
  border-radius:var(--up-btn-radius)!important;
  font-weight:600;
}
body.lkit-user-profile .quiz-badges a.btn{
  border-radius:999px!important;
  margin:.25rem!important;
  font-weight:600;
  box-shadow:0 4px 12px rgba(21,40,70,.1);
  transition:transform .2s ease, box-shadow .2s ease;
}
body.lkit-user-profile .quiz-badges a.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 16px rgba(21,40,70,.14);
}

/* Right column cards if present */
body.lkit-user-profile .right-widget,
body.lkit-user-profile .complete_profile,
body.lkit-user-profile .loggedIn_User{
  border-radius:16px!important;
  border:1px solid rgba(46,64,86,.08)!important;
  box-shadow:0 10px 26px rgba(21,40,70,.05)!important;
  overflow:hidden;
}
body.lkit-user-profile .profile-block.add-info{
  border-radius:12px!important;
  border:1px dashed rgba(255,77,154,.35)!important;
  background:linear-gradient(135deg,#fff7fb,#f0f7ff)!important;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.lkit-user-profile .profile-block.add-info:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(255,77,154,.12);
}

@media (max-width:991px){
  body.lkit-user-profile .profile_wrapper{margin-top:-3rem!important}
  body.lkit-user-profile .profile-pic #image_profile{width:120px;height:120px}
}
@media (max-width:767px){
  body.lkit-user-profile .profile-banner-section{
    height:min(28vh,180px);
    min-height:120px;
  }
  body.lkit-user-profile .profile_wrapper{margin-top:-2.5rem!important}
  body.lkit-user-profile .pofile_top-card.lkit-user-topcard{
    padding:1.15rem .95rem 1.25rem!important;
    border-radius:18px!important;
  }
  body.lkit-user-profile .pv-profile-section:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
  body.lkit-user-profile .profile-pic #image_profile,
  body.lkit-user-profile .follow-msg .btn,
  body.lkit-user-profile .pv-profile-section,
  body.lkit-user-profile .quiz-badges a.btn{transition:none}
  body.lkit-user-profile .profile-pic #image_profile:hover,
  body.lkit-user-profile .follow-msg .btn:hover{transform:none}
}