/* /includes/css/meet_profile_overlay.css
   - Global Meet profile overlay + userdetails layout
   - Minimal subset (no swipe, no match toasts, etc.)
*/

/* Shared icon buttons (used inside userdetails overlay) */
.meet-iconbtn{
  width: 2.35rem;
  height: 2.35rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.92);
  color: rgba(0,0,0,.78);
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.20);
  pointer-events: auto;
}
.meet-iconbtn--overlay:hover{ background:#fff; }
.meet-iconbtn.dropdown-toggle::after{ display:none !important; }

/* Full-screen profile overlay */
.meet-profile-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.50);
  display: none;
  z-index: 20000;

  overflow: hidden;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
.meet-profile-overlay.is-open{ display:block; }

.meet-profile-shell{
  position: absolute;
  inset: 16px;
  background: #fff;
  border-radius: 14px;
  overflow: hidden;

  display: flex;
  flex-direction: column;
}

.meet-profile-content{
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}

/* Lock background scroll while overlay open */
body.meet-overlay-open{
  overflow: hidden;
  height: 100vh;
}

/* Mobile: full screen */
@media (max-width: 991.98px){
  .meet-profile-shell{ inset:0; border-radius:0; }
  .meet-profile-content{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
  }
}

/* Meet profile overlay v3 layout (userdetails.php output) */
.meet-profile-v3{
  display:flex;
  height:100%;
  width:100%;
  background:#fff;
}

.meet-profile-v3-left{
  flex:0 0 50%;
  min-width:0;
  background:#000;
  display:flex;
  flex-direction:column;
}

.meet-profile-left-head{
  padding:14px 14px 10px 14px;
  background:#000;
  color:#fff;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.meet-profile-name{
  font-weight:900;
  font-size:28px;
  line-height:1.1;
}
.meet-profile-age{ font-weight:800; opacity:.92; }
.meet-profile-meta{
  margin-top:6px;
  opacity:.85;
  font-size:16px;
  line-height:1.25;
}
.meet-profile-close{
  width:40px;
  height:40px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  color:#111;
  text-decoration:none !important;
  flex:0 0 auto;
}

.meet-profile-photoWrap{
  flex:1 1 auto;
  min-height:0;
  background:#000;
}

.meet-profile-carousel,
.meet-profile-carousel .owl-stage-outer,
.meet-profile-carousel .owl-stage,
.meet-profile-carousel .owl-item{ height:100%; }

.meet-profile-carousel .owl-item img{
  height:100%;
  width:100%;
  object-fit:cover;
  display:block;
}

.meet-profile-left-foot{
  padding:12px 14px 14px 14px;
  background:#000;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.meet-profile-actions{
  display:flex;
  gap:.45rem;
  flex-wrap:wrap;
}
.meet-profile-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
}

/* Right side scrolls (desktop) */
.meet-profile-v3-right{
  flex:1 1 50%;
  min-width:0;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  min-height:0;
  padding:16px 18px;
  background:#fff;
}

/* Mobile stack */
@media (max-width: 991.98px){
  .meet-profile-v3{
	flex-direction:column;
	height:auto;
	min-height:100%;
  }
  .meet-profile-v3-left{ flex:0 0 auto; }
  .meet-profile-photoWrap{
	flex:0 0 auto;
	height:clamp(260px, 46vh, 420px);
  }
  .meet-profile-v3-right{
	overflow:visible;
	padding:14px 14px;
  }
}