/* Site-specific overrides applied after styles.css */

/* About page: four attorneys in a real 2 x 2. Base .team is 3-col at 640px
   and the old 680px cap left a pinched island inside .article. */
.team.team--2{
  display:grid;
  grid-template-columns:1fr;
  gap:2rem 1.6rem;
  max-width:none;
  width:100%;
  margin:1.2rem 0 0;
}
@media(min-width:560px){
  .team.team--2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
.team.team--2 .team-member{
  min-width:0;
}
.team.team--2 .team-member img{
  width:168px;
  height:168px;
}
.team.team--2 .team-member h3{
  max-width:17rem;
}
a.team-member{
  color:inherit;
  text-decoration:none;
}
a.team-member h3{transition:color .16s}
a.team-member img{transition:border-color .16s,box-shadow .16s}
a.team-member:hover h3{color:var(--gold)}
a.team-member:hover img{
  border-color:var(--gold);
  box-shadow:0 10px 26px rgba(10,42,32,.2)
}

/* Dropdowns: fit the items, no inner scroll. */
.site-header .sub{
  max-height:none;
  overflow:visible;
}
.site-header .sub a{
  padding:.36rem 1rem;
  font-size:.84rem;
  line-height:1.25;
}

/* Menus above the vendor widget. Do not set z-index on #m-form-popup-container —
   that creates a stacking context under Makase's launcher avatar (~9999+). */
.site-header{z-index:100000}
.site-header .sub{z-index:100001}

/* Match tresplaw: only kill the full-bleed click trap. Do not force
   position/right/bottom/transform — that shrinks the containing block and
   drops the circular head onto the CHAT NOW button. */
#m-form-popup-container{
  width:auto!important;
  max-width:min(420px,calc(100vw - 20px))!important;
  transform:none!important;
}
#m-form-popup-container #makase-form-floating{pointer-events:none!important}
#m-form-popup-container #makase-form-floating > *{pointer-events:auto!important}

/* If the avatar is still a child of the card, keep it behind the form controls. */
#m-form-popup-container img{
  position:relative;
  z-index:0!important;
}
#m-form-popup-container button,
#m-form-popup-container input,
#m-form-popup-container form,
#m-form-popup-container h2,
#m-form-popup-container h1{
  position:relative;
  z-index:2;
}