/* CLRBD final production fixes — loaded after all existing styles. */

/* 1) Lawyer cards use a consistent square image area. Full source image remains visible. */
.team-portrait{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  min-height:0!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.team-portrait.has-photo{
  background-size:contain!important;
  background-color:#e6e6e6!important;
}
.team-portrait.has-photo>span{display:none!important}

/* Make the lawyer photo clearly visible in the profile modal as well. */
.profile-modal-layout{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  align-items:center;
  gap:26px;
}
.profile-modal-photo{
  width:180px;
  aspect-ratio:1 / 1;
  border-radius:16px;
  overflow:hidden;
  background:#ececec;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.profile-modal-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
}
.profile-modal-copy{min-width:0}

/* 2) Remove technical storage destination text from the public confirmation. */
.consultation-confirmation-reference{display:none!important}

/* 3) Inline Legal Health callback success state. */
.health-callback-success{
  grid-column:1 / -1;
  border:1px solid #b9dec8;
  border-radius:14px;
  background:#edf8f1;
  color:#173d29;
  padding:22px;
  text-align:center;
}
.health-callback-success-icon{
  width:54px;height:54px;margin:0 auto 12px;border-radius:50%;
  display:grid;place-items:center;background:#d8f1e2;color:#167447;
  font-size:30px;font-weight:900;
}
.health-callback-success h4{margin:0 0 8px!important;font-size:25px!important;color:#132d20!important}
.health-callback-success p{margin:0 auto 16px!important;max-width:520px;color:#3b5949!important;line-height:1.6!important}
.health-callback-success .btn{min-height:42px!important}
.health-callback-error{
  grid-column:1 / -1;
  margin-top:8px;
  padding:11px 13px;
  border:1px solid #e7adb1;
  border-radius:10px;
  background:#fff2f3;
  color:#8d1720;
  font-size:13px;
  font-weight:700;
}
.health-lead-form[aria-busy="true"] button[type="submit"]{opacity:.7;cursor:wait}

/* 4) Consultation heading and supporting copy remain readable on the dark section. */
.consultation-section .consultation-copy h2{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.2);
}
.consultation-section .consultation-copy>p{
  color:#d6dce4!important;
  opacity:1!important;
}
.consultation-section .consultation-copy .eyebrow{
  color:#f0b4b8!important;
  opacity:1!important;
}

/* Avoid blank-looking dynamic areas while live CMS is refreshing. */
html.firebase-syncing body{visibility:visible!important}

@media(max-width:820px){
  .profile-modal-layout{grid-template-columns:130px minmax(0,1fr);gap:18px}
  .profile-modal-photo{width:130px}
}
@media(max-width:560px){
  .profile-modal-layout{grid-template-columns:1fr;text-align:center}
  .profile-modal-photo{width:min(220px,80%);margin:auto}
}
.health-lead-form[hidden]{display:none!important}