/* =========================================================
   ✅ TEAM MEMBERS (CSS)  ===== START
   File: assets/team.css
========================================================= */

.bd-team{ padding: 64px 0; background:#fff; }

.bd-team-head{ text-align:center; max-width: 900px; margin: 0 auto 34px; }
.bd-team-kicker{ letter-spacing:.18em; text-transform:uppercase; margin-bottom:10px; }
.bd-team-title{ margin:0; line-height:1.15; }

/* underline animation */
.bd-team-underline{
  width: 120px;
  height: 5px;
  margin: 14px auto 0;
  background: var(--bd-team-accent, #0b57d0);
  border-radius: 999px;
  position: relative;
  overflow: hidden;
}
.bd-team-underline::after{
  content:"";
  position:absolute; top:0; left:-40%;
  width:40%; height:100%;
  background:#fff; opacity:.95;
  animation: bdTeamSweep 1.2s ease-in-out infinite;
}
@keyframes bdTeamSweep{ 0%{transform:translateX(0)} 100%{transform:translateX(260%)} }

.bd-team-grid{
  display:grid;
  grid-template-columns: repeat(var(--bd-team-cols, 3), minmax(0, 1fr));
  gap: 34px;
}

/* card */
.bd-team-cardwrap{
  opacity: 1;
  transform: none;
}

.bd-team-card{
  position: relative;
  border-radius: var(--bd-team-radius, 8px);
  overflow: hidden;
  background:#eef2f7;
}

.bd-team-img{
  width:100%;
  height: 360px;
  object-fit: cover;
  display:block;
  transition: transform .35s ease;
}
.bd-team-card:hover .bd-team-img{ transform: scale(1.06); }

/* hover overlay + social */
.bd-team-overlay{
  position:absolute; inset:0;
  background: var(--bd-team-overlay, rgba(11,18,32,.55));
  opacity:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: opacity .25s ease;
}
.bd-team-card:hover .bd-team-overlay{ opacity:1; }

.bd-team-social{
  display:flex;
  gap: 10px;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .25s ease, opacity .25s ease;
}
.bd-team-card:hover .bd-team-social{
  transform: translateY(0);
  opacity: 1;
}

.bd-team-sbtn{
  width: 52px; height: 52px;
  display:inline-flex;
  align-items:center; justify-content:center;
  text-decoration:none;
  background: var(--bd-team-social-bg, #0ea5e9);
  color:#fff;
  font-weight:900;
  border-radius: 6px;
  user-select:none;
}

/* meta */
.bd-team-meta{ padding-top: 14px; text-align:center; }
.bd-team-name{ margin:0; }
.bd-team-role{ margin-top:6px; }

/* responsive */
@media (max-width: 980px){
  .bd-team-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px; }
  .bd-team-img{ height: 300px; }
}
@media (max-width: 600px){
  .bd-team-grid{ grid-template-columns: 1fr; }
  .bd-team-img{ height: 320px; }
  .bd-team-sbtn{ width: 56px; height: 56px; }
}




/* ✅ Role + Phone + Email: spacing fix + icons */
.bd-team-meta{
  padding-top: 10px;
}

.bd-team-name{
  margin: 0;
  line-height: 1.25;
}

.bd-team-role,
.bd-team-contact{
  margin-top: 6px;
  display: flex;            /* ✅ icon + text side by side */
  align-items: center;
  justify-content: center;  /* ✅ center like your layout */
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;        /* ✅ overlap fix */
  opacity: .92;
}

.bd-team-ico{
  font-size: 14px;
  line-height: 1;
  transform: translateY(-1px);
}

.bd-team-txt{
  display: inline-block;
}

/* links */
.bd-team-contact a{
  text-decoration: none;
  color: inherit;
}
.bd-team-contact a:hover{
  text-decoration: underline;
}
/* =========================================================
   ✅ TEAM MEMBERS (CSS)  ===== END
========================================================= */