/* 1. Set Smart Team Outer Wrapper to 2-Column Flexbox */
body.single-sptp_member .sptp-single-member-wrapper,
body.single-sptp_member .sptp-member-single-details,
body.single-sptp_member .sptp-member-detail {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 35px !important;
  clear: both !important;
}

/* 2. Left Column: Member Photo */
body.single-sptp_member .sptp-member-image,
body.single-sptp_member .sptp-member-photo,
body.single-sptp_member .sptp-single-photo {
  flex: 0 0 280px !important;
  max-width: 280px !important;
  width: 280px !important;
  margin-bottom: 0 !important;
}

/* 3. Right Column: Content Container */
body.single-sptp_member .sptp-member-desc,
body.single-sptp_member .sptp-member-details,
body.single-sptp_member .sptp-single-content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

/* 4. Order Content Vertically on Right Column */
/* Step A: Name & Position */
body.single-sptp_member .sptp-member-title,
body.single-sptp_member .sptp-member-designation {
  order: 1 !important;
}

/* Step B: Social / LinkedIn Links */
body.single-sptp_member .sptp-member-social,
body.single-sptp_member .sptp-social-share,
body.single-sptp_member .sptp-social-icon {
  order: 2 !important;
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

/* Step C: Bio Text */
body.single-sptp_member .sptp-member-bio,
body.single-sptp_member .sptp-member-description,
body.single-sptp_member .sptp-bio-content {
  order: 3 !important;
}

/* 5. Mobile Responsiveness (Stack on screens under 768px) */
@media (max-width: 768px) {
  body.single-sptp_member .sptp-single-member-wrapper,
  body.single-sptp_member .sptp-member-single-details,
  body.single-sptp_member .sptp-member-detail {
    flex-direction: column !important;
  }

  body.single-sptp_member .sptp-member-image,
  body.single-sptp_member .sptp-member-photo,
  body.single-sptp_member .sptp-single-photo {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}