/* Team TararBari V18.8 — Team Contacts inside Contact page left card.
   Loaded after all template styles so it is consistent everywhere. */

.tb-team-contacts{
  margin-top:26px!important;
  padding-top:22px!important;
  border-top:1px solid rgba(148,163,184,.16)!important;
}

.tb-team-contacts-head{
  margin-bottom:14px!important;
}

.tb-team-contacts-head h3{
  margin:0 0 5px!important;
  font-size:17px!important;
  line-height:1.25!important;
  color:#e5eef7!important;
}

.tb-team-contacts-head p{
  margin:0!important;
  color:#8fa4b8!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.tb-team-contact-list{
  display:grid!important;
  gap:12px!important;
}

.tb-team-contact-card{
  padding:13px!important;
  border:1px solid rgba(148,163,184,.17)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--surface,#0c1827) 86%,transparent)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
}

.tb-team-contact-person{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-width:0!important;
  margin-bottom:11px!important;
}

.tb-team-contact-photo{
  display:block!important;
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  object-fit:cover!important;
  border-radius:50%!important;
  border:2px solid color-mix(in srgb,var(--primary,#22d3ee) 72%,transparent)!important;
  background:#09131f!important;
}

.tb-team-contact-initial{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:white!important;
  font-weight:900!important;
}

.tb-team-contact-meta{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  gap:2px!important;
}

.tb-team-contact-meta strong{
  color:#e7eef6!important;
  font-size:13px!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}

.tb-team-contact-meta span{
  color:#96a9bc!important;
  font-size:11px!important;
  line-height:1.3!important;
}

.tb-team-contact-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}

.tb-team-contact-actions .tb-contact-action{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  min-height:35px!important;
  padding:8px 9px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;
  color:#b7c7d7!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.15!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease!important;
}

.tb-team-contact-actions .tb-contact-action > span{
  flex:0 0 16px!important;
  width:16px!important;
  text-align:center!important;
  font-size:13px!important;
  line-height:1!important;
}

.tb-team-contact-actions .tb-contact-action:hover,
.tb-team-contact-actions .tb-contact-action:focus-visible{
  transform:translateY(-1px)!important;
  outline:none!important;
}

.tb-team-contact-actions .tb-contact-call:hover,
.tb-team-contact-actions .tb-contact-email:hover{
  color:var(--primary,#22d3ee)!important;
  border-color:color-mix(in srgb,var(--primary,#22d3ee) 45%,transparent)!important;
  background:color-mix(in srgb,var(--primary,#22d3ee) 8%,transparent)!important;
}

.tb-team-contact-actions .tb-contact-whatsapp{
  color:#86efac!important;
  background:rgba(34,197,94,.06)!important;
}

.tb-team-contact-actions .tb-contact-whatsapp:hover{
  border-color:rgba(34,197,94,.42)!important;
  background:rgba(34,197,94,.11)!important;
}

.tb-team-contact-actions .tb-contact-facebook{
  color:#93c5fd!important;
  background:rgba(59,130,246,.06)!important;
}

.tb-team-contact-actions .tb-contact-facebook:hover{
  border-color:rgba(59,130,246,.42)!important;
  background:rgba(59,130,246,.11)!important;
}

/* Keep the left card comfortable even when several team contacts exist. */
.contact-grid > .card:first-child{
  align-self:stretch!important;
}

@media(max-width:900px){
  .tb-team-contact-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .tb-team-contact-list{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:390px){
  .tb-team-contact-actions{
    grid-template-columns:1fr!important;
  }
}