/* ============================================================
   local-overrides.css
   전달받은 CSS(style.css 계열)가 실제 시안(Figma 캡처 이미지)과 아직 안 맞는
   부분을 임시로 보정한 파일. 정식 퍼블리싱 CSS 업데이트를 받으면
   이 파일은 통째로 지우고 <link>만 빼면 됩니다.
   ============================================================ */

/* 1. GNB가 로고와 유틸 사이 중앙에 붕 뜨는 문제 보정
      -> 로고 바로 옆에 GNB를 붙이고, header-util만 오른쪽 끝으로 미는 방식으로 변경 */
.header-inner {
  justify-content: flex-start;
}
.header-util {
  margin-left: auto;
}

/* 2. 광고물 신고 = 테두리(outline) 필, 불공정행위 교육 = 초록 채움(filled) 필
      원본 CSS에는 채움(filled) 스타일 자체가 없어서 새로 추가함 */
.util-link-filled {
  padding: 1.4rem 1.6rem 1.4rem 2.4rem;
  border-radius: 3rem;
  background: var(--green-100);
  color: var(--white-100);
}
.util-link-filled .util-ico {
  background: var(--white-100);
}