/* Big Time Ghana 3.7.6.84 — isolated modern advert card.
 * Loaded as its own versioned stylesheet AFTER the theme CSS so cached legacy
 * card rules cannot suppress this component. */

.btg3-card-cell {
  padding: 5px !important;
  overflow: visible !important;
  box-sizing: border-box;
}

.btg3-card-cell > .btg3-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(38,11,57,.12) !important;
  border-radius: 16px !important;
  background: #d633a3 !important;
  box-shadow: 0 8px 24px rgba(38,11,57,.13) !important;
  isolation: isolate;
}

.btg3-card a { text-decoration: none !important; }

.btg3-card__media {
  position: relative !important;
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  background: #1d1124 !important;
  line-height: 0 !important;
}

.btg3-card__image {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center 20% !important;
}

.btg3-card__vip {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 31px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 9px !important;
  background: linear-gradient(135deg,#5a167c 0%,#b528aa 58%,#ef2a9d 100%) !important;
  color: #fff !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  box-shadow: 0 5px 13px rgba(38,11,57,.28) !important;
}
.btg3-card__vip-crown {
  display: inline-block !important;
  color: #ffe07a !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.btg3-card__video {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 6 !important;
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(38,11,57,.82) !important;
  color: #fff !important;
}

.btg3-card__badges {
  position: absolute !important;
  right: 10px !important;
  bottom: 14px !important;
  z-index: 7 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 5px !important;
  pointer-events: none !important;
}

.btg3-card__badges .labels {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 5px !important;
  width: auto !important;
  padding: 0 !important;
}
.btg3-card__badges .clear { display: none !important; }
.btg3-card__badges .label,
.btg3-card__badges .online-status {
  display: inline-flex !important;
  float: none !important;
  width: auto !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  align-items: center !important;
  border-radius: 7px !important;
  color: #fff !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 9px rgba(0,0,0,.16) !important;
}
.btg3-card__badges .label-new { background: #ef2a9d !important; }
.btg3-card__badges .label-featured {
  background: #ef2a9d !important;
  padding: 5px 9px !important;
  font-size: .72rem !important;
  letter-spacing: .02em !important;
}
.btg3-card__badges .label-verified { background: #4f9b61 !important; }
.btg3-card__badges .label-private { background: #aa283a !important; }
.btg3-card__badges .online-status { background: #52a55c !important; }
.btg3-card__badges .notification-circle { display: none !important; }
.btg3-card__badges .online-label { display: inline-flex !important; align-items: center !important; gap: 5px !important; }

/* Fused lower panel: overlaps the photograph slightly, like a single card. */
.btg3-card__info {
  position: relative !important;
  z-index: 8 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  width: 100% !important;
  min-height: 114px !important;
  margin: -12px 0 0 !important;
  padding: 13px 13px 13px !important;
  box-sizing: border-box !important;
  border-radius: 14px 14px 0 0 !important;
  background: linear-gradient(135deg, #d633a3 0%, #e0006c 100%) !important;
  color: #fff !important;
  box-shadow: 0 -5px 15px rgba(38,11,57,.12) !important;
}

.btg3-card__identity {
  display: flex !important;
  float: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  color: #fff !important;
  line-height: 1.15 !important;
}

.btg3-card__name {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
}

.btg3-card__age {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 52px !important;
  min-height: 27px !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  background: #260b39 !important;
  color: #fff !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.btg3-card__age-unit {
  margin-left: 2px !important;
  font-size: .66rem !important;
  font-weight: 800 !important;
  opacity: .88 !important;
}

.btg3-card__location {
  display: flex !important;
  float: none !important;
  align-items: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.btg3-card__location .icon { flex: 0 0 auto !important; margin-top: 1px !important; color: #fff !important; }
.btg3-card__location span:last-child {
  min-width: 0 !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  line-height: 1.25 !important;
  max-height: 2.5em !important;
}

.btg3-card__phone {
  display: flex !important;
  float: none !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  margin-top: auto !important;
  padding: 4px 9px 4px 5px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 10px !important;
  background: #260b39 !important;
  color: #fff !important;
  font-size: .80rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 11px rgba(38,11,57,.18) !important;
}
.btg3-card__phone:hover { background: #3a1057 !important; color: #fff !important; }
.btg3-card__phone-icon {
  flex: 0 0 23px !important;
  display: grid !important;
  place-items: center !important;
  width: 23px !important;
  height: 23px !important;
  border-radius: 7px !important;
  background: #fe5acb !important;
  color: #fff !important;
}
.btg3-card__phone-number {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.btg3-card__manage { position: relative !important; z-index: 10 !important; }

@media (max-width: 960px) {
  .btg3-card-cell { padding: 4px !important; }
  .btg3-card-cell > .btg3-card { border-radius: 13px !important; }
  .btg3-card__media { aspect-ratio: 4 / 5 !important; }
  .btg3-card__info {
    min-height: 102px !important;
    margin-top: -9px !important;
    gap: 5px !important;
    padding: 9px 9px 10px !important;
    border-radius: 11px 11px 0 0 !important;
  }
  .btg3-card__name { font-size: .88rem !important; }
  .btg3-card__age {
    min-width: 46px !important;
    min-height: 23px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    font-size: .68rem !important;
  }
  .btg3-card__location { gap: 4px !important; font-size: .70rem !important; }

  .btg3-card__age-unit { font-size: .58rem !important; }
  .btg3-card__phone {
    min-height: 29px !important;
    gap: 5px !important;
    padding: 3px 7px 3px 5px !important;
    border-radius: 8px !important;
    font-size: .68rem !important;
  }
  .btg3-card__phone-icon {
    flex-basis: 20px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 6px !important;
  }
  .btg3-card__badges { right: 7px !important; bottom: 11px !important; gap: 4px !important; }
  .btg3-card__badges .labels { gap: 4px !important; }
  .btg3-card__badges .label,
  .btg3-card__badges .online-status {
    min-height: 21px !important;
    padding: 3px 6px !important;
    border-radius: 6px !important;
    font-size: .60rem !important;
  }
  .btg3-card__premium {
    top: 11px !important;
    right: -37px !important;
    width: 112px !important;
    font-size: .63rem !important;
  }
}

@media (max-width: 520px) {
  .btg3-card__phone-number { font-size: .63rem !important; letter-spacing: -.01em !important; }
}


/* Big Time Ghana 3.7.6.94 — deterministic homepage advert grid.
 * Replaces legacy float packing on the homepage only. */
body.btg-home-wide-layout .bodybox-homepage .btg-home-profile-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  clear:both !important;
  align-items:stretch !important;
}
body.btg-home-wide-layout .bodybox-homepage .btg-home-profile-grid > .girl.btg3-card-cell{
  float:none !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  padding:0 !important;
}
body.btg-home-wide-layout .bodybox-homepage .btg-home-profile-grid > .girl.btg3-card-cell > .btg3-card{
  height:100% !important;
}
body.btg-home-wide-layout .bodybox-homepage .btg-home-profile-grid .show-separator,
body.btg-home-wide-layout .bodybox-homepage > .show-separator{
  display:none !important;
  clear:none !important;
}

/* Phone number: slightly more legible without enlarging the card. */
.btg3-card__phone-number{
  font-size:.88rem !important;
  letter-spacing:.005em !important;
}

@media (max-width:960px){
  body.btg-home-wide-layout .bodybox-homepage .btg-home-profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }
  .btg3-card__phone-number{
    font-size:.74rem !important;
    letter-spacing:0 !important;
  }
}

@media (max-width:360px){
  .btg3-card__phone-number{
    font-size:.70rem !important;
  }
}

/* Big Time Ghana 3.7.6.155 — VIP / Featured identity */
.btg3-card__vip{position:absolute;top:10px;right:9px;z-index:7;display:inline-flex;align-items:center;gap:4px;min-height:25px;padding:2px 8px 2px 6px;border:1px solid rgba(255,224,126,.9);border-radius:999px;background:linear-gradient(145deg,#17120a,#32230d 55%,#17120a);box-shadow:0 3px 10px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.08);color:#f8d879;font-size:11px;font-weight:950;line-height:1;letter-spacing:.04em;text-shadow:0 1px 0 #000}
.btg3-card__vip-crown{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff2ad 0,#e8b93e 40%,#8f5b08 100%);color:#2c1b05;font-size:13px;line-height:1;text-shadow:none;box-shadow:inset 0 0 0 1px rgba(255,246,180,.75)}
.btg3-card__featured{position:absolute;top:10px;right:9px;z-index:7;display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:linear-gradient(135deg,#8a3b99,#b64ea9);box-shadow:0 3px 9px rgba(66,22,73,.22);color:#fff;font-size:10px;font-weight:900;letter-spacing:.02em}
.btg3-card.is-vip{box-shadow:0 0 0 1px rgba(199,151,35,.38),0 7px 20px rgba(48,31,5,.12)}

/* Big Time Ghana 3.7.6.216 — authoritative Verified trust mark on listing cards. */
.btg3-card__identity .btg-verified-badge{
  display:inline-flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important;
  min-height:22px!important;padding:2px 7px 2px 4px!important;border:1px solid rgba(21,151,101,.24)!important;
  border-radius:999px!important;background:#effaf5!important;color:#117b54!important;font-size:.62rem!important;
  font-weight:900!important;line-height:1!important;white-space:nowrap!important;box-shadow:0 2px 7px rgba(20,119,82,.08)!important
}
.btg3-card__identity .btg-verified-badge__icon{width:16px!important;height:16px!important;fill:#159765!important;flex:0 0 16px!important}
.btg3-card__identity .btg-verified-badge__check{fill:none!important;stroke:#fff!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
/* The name-row badge is the canonical trust mark; do not duplicate it over the photo. */
.btg3-card__badges .label-verified{display:none!important}
@media(max-width:960px){
  .btg3-card__identity .btg-verified-badge{min-height:19px!important;padding:2px 5px 2px 3px!important;font-size:.54rem!important;gap:3px!important}
  .btg3-card__identity .btg-verified-badge__icon{width:14px!important;height:14px!important;flex-basis:14px!important}
}
/* Keep name + trust + age readable on the compact card header. */
.btg3-card__identity{justify-content:flex-start!important;gap:6px!important}
.btg3-card__identity .btg3-card__age{margin-left:auto!important}

/* Big Time Ghana 3.7.6.217 — signature marketplace card treatment.
 * Photography stays dominant; only the information deck carries the brand. */
.btg3-card-cell > .btg3-card{
  background:#321047 !important;
  border-color:rgba(111,39,137,.20) !important;
  box-shadow:0 10px 28px rgba(48,14,65,.16) !important;
}
.btg3-card__info{
  background:linear-gradient(135deg,#7b2cbf 0%,#b52aa8 48%,#e3329d 100%) !important;
  color:#fff !important;
  box-shadow:0 -7px 20px rgba(58,14,72,.20) !important;
}
.btg3-card__phone{background:rgba(38,11,57,.78) !important;border-color:rgba(255,255,255,.20) !important;}
.btg3-card__phone:hover{background:#260b39 !important;}
