@charset "utf-8";

/* 총괄변호사 두 명의 프로필 헤더에만 적용 */
.member-view-header--supervising .member-view-header__supervising-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  box-sizing: border-box;
  max-width: 100%;
  min-height: 48px;
  margin-top: 24px;
  padding: 12px 22px;
  border: 1px solid #008155;
  border-radius: 4px;
  background: #008155;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
}

.member-view-header--supervising .member-view-header__supervising-link svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.member-view-header--supervising .member-view-header__supervising-link:focus-visible {
  outline: 2px solid #008155;
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .member-view-header--supervising .member-view-header__supervising-link {
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
  }

  .member-view-header--supervising .member-view-header__supervising-link:hover {
    transform: translateY(-2px);
    border-color: #006b47;
    background: #006b47;
    box-shadow: 0 4px 12px rgb(0 81 53 / 16%);
  }
}

@media screen and (max-width: 768px) {
  /* 사진 영역 다음에 이름·직함·버튼이 자연스럽게 이어지도록 구성 */
  .member-view-header--supervising.member-view-header--cutout .member-view-header__visual {
    height: auto;
    background: none;
  }

  .member-view-header--supervising.member-view-header--cutout .member-view-header__inner {
    width: 100%;
    max-width: none;
    height: var(--member-visual-height);
    background: #e6edf2 url('/images/sub/sub_bg_detail.webp') no-repeat 40% center;
    background-size: cover;
  }

  .member-view-header--supervising .member-view-header__supervising-link {
    width: 100%;
    max-width: 360px;
    margin-top: 20px;
    padding: 12px 18px;
    font-size: 16px;
  }

  .member-view-header--supervising .member-view-header__supervising-link:focus-visible {
    outline-color: #fff;
    outline-offset: -4px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .member-view-header--supervising .member-view-header__supervising-link {
    transition: none;
  }

  .member-view-header--supervising .member-view-header__supervising-link:hover {
    transform: none;
  }
}