/* Team TararBari V18.15 — Advanced Contact box sizing and member controls */

/* Top contact cards use flexible percentage widths. */
.tb-contact-methods{
 display:flex!important;
 flex-wrap:wrap!important;
 align-items:stretch!important;
 justify-content:center!important;
 gap:18px!important;
}
.tb-contact-method{
 flex:0 1 var(--tb-box-width,32%)!important;
 width:var(--tb-box-width,32%)!important;
 min-height:var(--tb-box-min-height,0px)!important;
 box-sizing:border-box!important;
}

/* Social icon strip custom width. */
.tb-contact-social-strip{
 width:var(--tb-social-width,34%)!important;
 max-width:100%!important;
 box-sizing:border-box!important;
}

/* Team / message panels use flexible widths so custom values really work. */
.tb-contact-main-grid{
 display:flex!important;
 flex-wrap:wrap!important;
 align-items:flex-start!important;
 gap:20px!important;
}
.tb-contact-main-grid > .tb-contact-team-panel,
.tb-contact-main-grid > .tb-contact-message-panel{
 flex:1 1 var(--tb-panel-width,48%)!important;
 width:var(--tb-panel-width,48%)!important;
 min-width:280px!important;
 min-height:var(--tb-panel-min-height,0px)!important;
 box-sizing:border-box!important;
}
.tb-contact-main-grid.tb-contact-one-column > .tb-contact-team-panel,
.tb-contact-main-grid.tb-contact-one-column > .tb-contact-message-panel{
 flex-basis:100%!important;
 width:100%!important;
 max-width:900px!important;
 margin-inline:auto!important;
}

/* Team Member cards can be hidden individually, reordered and resized. */
.tb-contact-team-panel .tb-team-contact-list{
 display:flex!important;
 flex-wrap:wrap!important;
 align-items:stretch!important;
 gap:10px!important;
}
.tb-contact-team-panel .tb-team-contact-card{
 flex:0 1 var(--tb-member-width,100%)!important;
 width:var(--tb-member-width,100%)!important;
 min-height:var(--tb-member-min-height,0px)!important;
 box-sizing:border-box!important;
}
.tb-team-contact-no-direct{
 padding:8px 9px!important;
 border:1px dashed rgba(148,163,184,.20)!important;
 border-radius:8px!important;
 color:#8297aa!important;
 font-size:10px!important;
 line-height:1.4!important;
}

/* Tablet/phone safety: custom desktop dimensions never break the page. */
@media(max-width:900px){
 .tb-contact-method{
  flex-basis:100%!important;
  width:100%!important;
 }
 .tb-contact-social-strip{
  width:100%!important;
 }
 .tb-contact-main-grid > .tb-contact-team-panel,
 .tb-contact-main-grid > .tb-contact-message-panel{
  flex-basis:100%!important;
  width:100%!important;
  min-width:0!important;
 }
 .tb-contact-team-panel .tb-team-contact-card{
  flex-basis:100%!important;
  width:100%!important;
 }
}