/* ===== R28 FACEBOOK CARD CLEANUP START ===== */

/*
  Final card composition:
  image
  Facebook icon at left seam + compact page tag at top-right of body
  page name + handle
  followers left + Visit page button right
*/

.fb-community.fb-community--visual .fbp-card{
  min-height:0!important;
  height:auto!important;
}

.fb-community.fb-community--visual .fbp-body{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:22px 20px 18px!important;
}

.fb-community.fb-community--visual .fbp-body > .fbp-tag{
  position:absolute!important;
  top:14px!important;
  right:16px!important;
  left:auto!important;
  bottom:auto!important;
  inset:auto 16px auto auto!important;
  transform:none!important;
  z-index:2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  min-height:28px!important;
  margin:0!important;
  padding:6px 11px!important;
  border:1px solid rgba(82,105,135,.12)!important;
  border-radius:999px!important;
  background:#edf4ff!important;
  color:#536987!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.fb-community.fb-community--visual .fbp-name{
  margin:23px 0 0!important;
  padding-right:0!important;
}

.fb-community.fb-community--visual .fbp-handle{
  margin-top:6px!important;
}

.fb-community.fb-community--visual .fbp-meta-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin-top:18px!important;
  padding-top:0!important;
}

.fb-community.fb-community--visual .fbp-meta-row .fbp-count{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}

.fb-community.fb-community--visual .fbp-meta-row .fbp-go{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:138px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 18px!important;
  border-radius:14px!important;
}

/* R27 structure is deliberately retired by R28. */
.fb-community.fb-community--visual .fbp-action-stack,
.fb-community.fb-community--visual .fbp-foot,
.fb-community.fb-community--visual .fbp-badge-row{
  display:none!important;
}

@media (max-width:700px){
  .fb-community.fb-community--visual .fbp-body{
    padding:22px 18px 18px!important;
  }

  .fb-community.fb-community--visual .fbp-body > .fbp-tag{
    top:13px!important;
    right:14px!important;
    max-width:calc(100% - 92px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .fb-community.fb-community--visual .fbp-meta-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    margin-top:18px!important;
  }

  .fb-community.fb-community--visual .fbp-meta-row .fbp-go{
    min-width:132px!important;
  }
}

@media (max-width:430px){
  .fb-community.fb-community--visual .fbp-meta-row{
    grid-template-columns:1fr!important;
  }

  .fb-community.fb-community--visual .fbp-meta-row .fbp-go{
    width:100%!important;
  }
}

/* ===== R28 FACEBOOK CARD CLEANUP END ===== */
