/**
 * ENVY 마이페이지 — 시안2-2 「마이페이지」 6프레임 퍼블리싱
 *
 * 출처(값의 단일 근거): Figma 5ngGAslaENMuRpdYmrmoas
 *   대시보드 1118:2765 · 배송지관리 1118:2447 · 주문 1118:2559
 *   쿠폰함 1125:3242 · 계정정보 1125:3516   (전부 1920x1080)
 * 추출 원본 = project/H&B Asia/시안2-2/마이페이지/_스펙/figma-*.txt
 *
 * 노드 JSON 에 안 나오고 시안 PNG 픽셀에서만 확인된 값 2개(2026-09-09 실측):
 *   - 사이드바 항목 구분선 #EDEDE9 1px  (04_쿠폰함_확정.png x450,y221)
 *   - 쿠폰카드 우측 절취선은 실선이 아니라 **점선** #E0E0DA (x989 세로스캔 주기 5px)
 *
 * 시안 좌표 → CSS 환산 기준
 *   컨테이너 x330~1590 = 1260 / 사이드바 226 / gap 40 / 본문 994 / 시작 y160
 */

/* ===== 디자인 토큰 (시안 색상 그대로) ===== */
.woocommerce-account {
	--my-ink: #1F2420;        /* 본문 진한 글자 */
	--my-mute: #949B92;       /* 보조·라벨 */
	--my-sub: #5A625B;        /* 중간 회색 */
	--my-green: #4A8232;      /* 초록 포인트 */
	--my-orange: #EF8E2C;     /* 할인율 */
	--my-line: #E0E0DA;       /* 카드 테두리 */
	--my-divider: #ECECE8;    /* 구분선 */
	--my-chip: #F6F6F3;       /* 배지 배경 */
	--my-nav-bg: #F9FAF9;
	--my-nav-line: #E3E3E3;
	--my-nav-item-line: #EDEDE9;
	--my-labelcell: #FAFAF7;  /* 계정정보 라벨셀 */
	--my-warn-bg: #FBF3E2;    /* 대기 상태 배지 */
	--my-warn-ink: #C98A12;
}

/* ===== 골격 ================================================================
 * 시안은 페이지 제목이 본문 영역 안(x596)에 있다. Astra 가 콘텐츠 위 전체폭에
 * 그리는 entry-header(「내 계정」)를 숨기고, 제목·소개문은 화면마다
 * woocommerce_account_content 훅으로 본문 안에 넣는다(functions.php).
 * ========================================================================= */
.woocommerce-account .entry-header {
	display: none;
}

/* Astra 기본값이 시안 골격을 두 군데서 밀어낸다(2026-09-09 렌더 실측).
 *   · .ast-container  max-width 1240 - 좌우 padding 20 = 내부 1200 → 시안 1260 이 안 들어간다.
 *   · .content-area.primary margin-top 60 → 콘텐츠 시작이 시안 y160 대신 y221 이 된다.
 * 마이페이지에서만 두 값을 시안 기준으로 되돌린다. */
.woocommerce-account .ast-container {
	max-width: 1300px; /* 1260 + 좌우 padding 20 */
}

/* 이 60px 은 Astra 의 `#primary { margin: 4em 0 }`(ID 셀렉터)에서 온다.
   `.woocommerce-account #primary` 로 특이도를 올려도 계산값이 60px 그대로였다
   (브라우저가 규칙을 파싱하고 셀렉터도 매치하는데 안 밀림 = 상대가 !important).
   그래서 여기서만 !important 를 쓴다. 결과는 실측으로 확인한다(헤더 아래 40px).
   하단 60 은 그대로 둔다 — 푸터와의 간격이다. */
.woocommerce-account #primary {
	margin-top: 0 !important;
}

.woocommerce-account .woocommerce {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	max-width: 1260px;
	margin: 40px auto 80px;
}

/* clearfix 가상요소가 flex 아이템으로 잡혀 앞뒤로 gap 40 씩을 더 만든다
   (2026-09-09 실측: 사이드바가 x330 이 아니라 x370 에서 시작했다).
   지우면 226 + 40 + 994 = 1260 으로 시안과 정확히 맞는다. */
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
	display: none;
}

/* 사이드바 — 대표 지시 2026-09-09: **바깥 테두리 제거.**
   시안에는 테두리가 있지만 실제 화면에서 거슬린다고 하셔서 뺐다.
   배경(#F9FAF9)과 라운드는 유지 = 영역 구분은 남는다. */
.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 226px;
	width: 226px;
	min-height: 872px;
	background: var(--my-nav-bg);
	border: 0;
	border-radius: 12px;
	padding: 12px 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1 1 auto;
	min-width: 0;
	padding-top: 20px; /* 시안: nav 160 · 제목 180 */
}

/* 로그인 전(폼)에는 2단 골격을 쓰지 않는다 — 사이드바가 없어 폼이 한쪽으로 몰린다.
 *
 * 🔴 2026-09-09 대표 발견: 여기 원래 `.logged-out` 을 썼는데 **그런 body 클래스는 없다.**
 *    WordPress 는 로그인했을 때 `logged-in` 을 붙일 뿐, 로그아웃 상태에 클래스를 안 준다.
 *    그래서 이 규칙이 한 번도 적용되지 않았고, 로그인 화면이 2단으로 쪼개져 깨졌다.
 *    → `:not(.logged-in)` 으로 바꾸고, 사이드바가 실제로 없는 경우도 함께 막는다.
 */
.woocommerce-account:not(.logged-in) .woocommerce {
	display: block;
}

/* 보조 안전장치. ⚠️ `:has()` 는 구형 브라우저가 모르는 셀렉터라, 위 규칙과 한 줄로
   묶으면(셀렉터 리스트) 그 브라우저에서 **규칙 전체가 통째로 무시된다.**
   그래서 반드시 별도 규칙으로 떼어 둔다. */
.woocommerce-account .woocommerce:not(:has(.woocommerce-MyAccount-navigation)) {
	display: block;
}

/* ===== 사이드바 ===== */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 사이드바 선 전부 제거 — 대표 지시 2026-09-09.
 * 실측(getComputedStyle)으로 확인한 선의 출처는 두 군데였다:
 *   ① li 의 border — 내가 bottom 만 줬는데 **top 에도 1px 이 들어가 있었다**
 *      (WooCommerce/Astra 기본값). 그래서 li 에 border:none 을 인라인으로 넣어도
 *      대표 화면에서 선이 남아 보였다.
 *   ② a 의 배경 #FBFBFB — 사이드바 배경 #F9FAF9 와 미세하게 달라 경계처럼 보인다.
 * 둘 다 없앤다. 활성 항목 구분은 시안대로 글자색·굵기로만 한다. */
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	border: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation li a:active {
	display: flex;
	align-items: center;
	height: 49px;
	padding: 0 20px;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	color: var(--my-sub);
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
	color: var(--my-ink);
	text-decoration: none;
}

/* 활성 = 초록 + 굵게. 시안에 활성 배경색은 없다(노드에 fill 없음·PNG 확대에서도 동일). */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	font-weight: 700;
	color: var(--my-green);
}

/* ===== 화면 머리말 (제목 + 소개문) — 5화면 공통 ===== */
.envy-my-head {
	margin: 0 0 20px;
}

.envy-my-head__title {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
	line-height: 39px;
	color: var(--my-ink);
}

.woocommerce-account .envy-my-head__lead {
	margin: 6px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: var(--my-mute);
}

/* 같은 이유(Astra 의 p margin-bottom)로 마이페이지 안 문단은 아래 마진을 쓰지 않는다.
   간격은 각 요소가 margin-top 으로만 잡는다 — 시안 좌표와 1:1 로 맞추기 위해서다. */
.woocommerce-account .envy-my-empty,
.woocommerce-account .envy-my-order__price {
	margin-bottom: 0;
}

/* ===== 공통 조각 ===== */

/* 알약 탭 (쿠폰함 정렬 · 주문 기간) */
/* 시안: 탭 y266(h38) → 다음 블록 y326 = 아래 여백 22 */
.envy-my-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 22px;
}

.envy-my-tab {
	display: inline-flex;
	align-items: center;
	height: 38px;
	padding: 0 19px;
	border: 1px solid var(--my-line);
	border-radius: 100px;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: var(--my-sub);
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}

.envy-my-tab:hover,
.envy-my-tab:focus {
	color: var(--my-ink);
	text-decoration: none;
}

/* Astra 가 button:focus 를 초록으로 칠하는 것을 차단(2026-09-08 전수검사에서 확인된 함정) */
.envy-my-tab.is-active,
.envy-my-tab.is-active:hover,
.envy-my-tab.is-active:focus,
.envy-my-tab.is-active:active {
	background: var(--my-ink);
	border-color: var(--my-ink);
	color: #fff;
	box-shadow: none;
}

/* 주문 기간탭은 쿠폰함 정렬탭과 색·높이가 다르다.
   시안 1118:2559 실측 — 활성 배경/테두리 #5B9B3E, 높이 36 (쿠폰함은 검정 #1F2420, 38). */
.envy-my-tab--period {
	height: 36px;
}

.envy-my-tab--period.is-active,
.envy-my-tab--period.is-active:hover,
.envy-my-tab--period.is-active:focus,
.envy-my-tab--period.is-active:active {
	background: #5B9B3E;
	border-color: #5B9B3E;
	color: #fff;
}

/* 회색 작은 배지 (쿠폰 「앱전용」 「23일 남음」) */
.envy-my-chip {
	display: inline-flex;
	align-items: center;
	height: 22px;
	padding: 0 8px;
	border-radius: 5px;
	background: var(--my-chip);
	font-size: 11px;
	font-weight: 700;
	line-height: 17px;
	color: var(--my-mute);
	white-space: nowrap;
}

/* 상태 배지 (「예약 대기」) */
.envy-my-state {
	display: inline-flex;
	align-items: center;
	height: 29px;
	padding: 0 11px;
	border-radius: 100px;
	background: var(--my-warn-bg);
	font-size: 12.5px;
	font-weight: 700;
	line-height: 19px;
	color: var(--my-warn-ink);
	white-space: nowrap;
}

/* 예약 대기가 아닌 일반 상태(배송중·배송 완료 등)는 회색 배지로.
   시안에는 「예약 대기」 한 종류만 나와 있어 나머지는 같은 형태·중립색으로 맞춘다. */
.envy-my-state--plain {
	background: var(--my-chip);
	color: var(--my-sub);
}

/* 「사용 가능 상품 보기 ›」 「전체 보기 ›」 같은 작은 링크 */
.envy-my-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--my-mute);
	text-decoration: none;
}

.envy-my-more::after {
	content: "";
	width: 4px;
	height: 8px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.envy-my-more:hover,
.envy-my-more:focus {
	color: var(--my-sub);
	text-decoration: none;
}

/* 확인 모달 CSS 는 envy-chrome.css 로 옮겼다 (2026-09-29).
 * 로그아웃이 헤더로 나가면서 마이페이지 밖에서도 모달이 떠야 하는데,
 * 이 파일은 마이페이지에서만 로드되기 때문이다. */

/* 비어 있는 화면 */
.envy-my-empty {
	padding: 60px 0;
	text-align: center;
	font-size: 14px;
	color: var(--my-mute);
}

/* ===== 1. 대시보드 (1118:2765) ===== */

/* 통계 4칸 — 시안 994x117, 1칸 248, 세로 구분선 */
.envy-my-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	border: 1px solid var(--my-divider);
	border-radius: 14px;
	overflow: hidden;
}

.envy-my-stats__cell {
	padding: 23px 25px;
	border-left: 1px solid var(--my-divider);
}

.envy-my-stats__cell:first-child {
	border-left: 0;
}

.envy-my-stats__label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--my-mute);
}

.envy-my-stats__value {
	display: flex;
	align-items: baseline;
	gap: 2px;
	margin-top: 12px;
}

.envy-my-stats__num {
	font-size: 26px;
	font-weight: 800;
	line-height: 39px;
	color: var(--my-ink);
}

/* 시안에서 적립금 숫자만 초록 */
.envy-my-stats__cell--point .envy-my-stats__num {
	color: var(--my-green);
}

.envy-my-stats__unit {
	font-size: 14px;
	font-weight: 600;
	line-height: 21px;
	color: var(--my-mute);
}

/* 회원 등급 카드 — 시안에 없지만 대표 지시로 존치(2026-09-08).
   통계 4칸과 「최근 주문」 사이에 둔다.
   ⚠️ 내부 `.envy-tier`(lib/envy-membership-tier.php)가 자기 테두리를 이미 갖고 있다.
   래퍼에도 테두리를 주면 이중선이 된다(2026-09-09 렌더에서 확인) → 래퍼는 간격만. */
.envy-my-tierbox {
	margin-top: 28px;
}

/* 등급 카드를 통계 4칸·최근주문과 같은 카드 톤으로 맞춘다. */
.envy-my-tierbox .envy-tier {
	margin: 0;
	border: 1px solid var(--my-divider);
	border-radius: 14px;
}

/* 최근 주문 */
.envy-my-panel {
	margin-top: 28px;
	border: 1px solid var(--my-divider);
	border-radius: 14px;
	overflow: hidden;
}

.envy-my-panel__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	padding: 0 23px;
	border-bottom: 1px solid var(--my-divider);
}

.envy-my-panel__title {
	margin: 0;
	font-size: 15px;
	font-weight: 800;
	line-height: 23px;
	color: var(--my-ink);
}

.envy-my-recent__row {
	display: grid;
	grid-template-columns: 108px 1fr 92px 88px;
	align-items: center;
	gap: 16px;
	height: 66px;
	padding: 0 23px;
	border-bottom: 1px solid var(--my-divider);
}

.envy-my-recent__row:last-child {
	border-bottom: 0;
}

.envy-my-recent__date {
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--my-mute);
}

.envy-my-recent__name {
	overflow: hidden;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 22px;
	color: var(--my-ink);
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.envy-my-recent__name:hover {
	text-decoration: underline;
}

.envy-my-recent__total {
	font-size: 14.5px;
	font-weight: 800;
	line-height: 22px;
	color: var(--my-ink);
	text-align: right;
}

/* ===== 2. 주문 (1118:2559) ===== */

.envy-my-search {
	position: relative;
	margin: 0 0 20px;
}

/* 시안 실측: Input 994x48, radius 10, 테두리 #E0E0DA */
.woocommerce-account .envy-my-search input[type="search"],
.woocommerce-account .envy-my-search input[type="text"] {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 52px 0 17px;
	border: 1px solid var(--my-line);
	border-radius: 10px;
	background: #fff;
	font-size: 14px;
	color: var(--my-ink);
}

.envy-my-search input::placeholder {
	color: #757575;
}

.envy-my-search__btn {
	position: absolute;
	top: 50%;
	right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--my-sub);
	transform: translateY(-50%);
	cursor: pointer;
}

.envy-my-search__btn:hover,
.envy-my-search__btn:focus,
.envy-my-search__btn:active {
	background: none;
	color: var(--my-ink);
	box-shadow: none;
}

/* 주문 묶음 (날짜 헤더 + 카드) */
.envy-my-order {
	margin-top: 32px;
}

.envy-my-order__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

.envy-my-order__date {
	margin: 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 26px;
	color: var(--my-ink);
}

.envy-my-order__detail {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	color: var(--my-green);
	text-decoration: none;
}

.envy-my-order__detail::after {
	content: "";
	width: 4px;
	height: 8px;
	border-top: 1.5px solid currentColor;
	border-right: 1.5px solid currentColor;
	transform: rotate(45deg);
}

.envy-my-order__card {
	border: 1px solid var(--my-line);
	border-radius: 12px;
	overflow: hidden;
}

.envy-my-order__status {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 19px 23px;
	border-bottom: 1px solid var(--my-divider);
	background: #fff;
}

.envy-my-order__statusname {
	font-size: 15px;
	font-weight: 800;
	line-height: 23px;
	color: var(--my-ink);
}

.envy-my-order__sep {
	font-size: 14px;
	font-weight: 400;
	color: var(--my-mute);
}

.envy-my-order__eta {
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: var(--my-green);
}

/* 예약 대기처럼 배송이 아직 안 잡힌 상태는 시안에서 주황 계열 */
.envy-my-order__eta--wait {
	color: var(--my-warn-ink);
}

/* 본문: 상품 목록 | 우측 액션 (세로 구분) */
.envy-my-order__body {
	display: grid;
	grid-template-columns: 1fr 178px;
}

.envy-my-order__items {
	padding: 8px 0;
}

.woocommerce-account .envy-my-order__noitem {
	margin: 0;
	padding: 24px 23px;
	font-size: 14px;
	line-height: 21px;
	color: var(--my-mute);
}

/* 시안 실측: 썸네일 64x64(radius 10, 테두리 #ECECE8, 배경 흰색), 썸네일 x619 · 텍스트 x699 = gap 16.
   상품 행마다 아래 구분선 #ECECE8 (시안 PNG x900,y589 에서 실제 선 확인). */
.envy-my-order__item {
	display: grid;
	grid-template-columns: 64px 1fr auto;
	align-items: center;
	gap: 16px;
	padding: 19px 23px;
	border-bottom: 1px solid var(--my-divider);
}

.envy-my-order__item:last-child {
	border-bottom: 0;
}

.woocommerce-account .envy-my-order__thumb {
	display: block;
	width: 64px;
	height: 64px;
	border: 1px solid var(--my-divider);
	border-radius: 10px;
	background: #fff;
	object-fit: cover;
}

.envy-my-order__tag {
	display: inline-block;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: var(--my-green);
}

.envy-my-order__name {
	display: block;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 22px;
	color: var(--my-ink);
	text-decoration: none;
}

.envy-my-order__name:hover {
	text-decoration: underline;
}

.envy-my-order__price {
	display: block;
	margin-top: 4px;
	font-size: 13.5px;
	font-weight: 800;
	line-height: 20px;
	color: var(--my-ink);
}

/* 「장바구니 담기」 — 시안은 테두리 버튼 */
.envy-my-order__recart,
.envy-my-order__recart:hover,
.envy-my-order__recart:focus,
.envy-my-order__recart:active {
	display: inline-flex;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	border: 1px solid var(--my-line);
	border-radius: 8px;
	background: #fff;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 20px;
	color: var(--my-sub);
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	cursor: pointer;
}

.envy-my-order__actions {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 20px;
	border-left: 1px solid var(--my-divider);
}

.envy-my-order__act,
.envy-my-order__act:hover,
.envy-my-order__act:focus,
.envy-my-order__act:active {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 44px;
	padding: 0 12px;
	border: 1px solid var(--my-green);
	border-radius: 8px;
	background: #F6FAF3;
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: var(--my-green);
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
	cursor: pointer;
}

.envy-my-order__act--ghost,
.envy-my-order__act--ghost:hover,
.envy-my-order__act--ghost:focus,
.envy-my-order__act--ghost:active {
	border-color: var(--my-line);
	background: #fff;
	color: var(--my-sub);
}

/* ===== 3. 쿠폰함 (1125:3242) ===== */

.envy-my-coupons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.envy-my-coupon {
	display: grid;
	grid-template-columns: 1fr 96px;
	min-height: 166px;
	border: 1px solid var(--my-line);
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
}

.envy-my-coupon.is-inactive {
	opacity: .55;
}

.envy-my-coupon__main {
	padding: 20px 22px;
}

.envy-my-coupon__top {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.envy-my-coupon__rate {
	font-size: 22px;
	font-weight: 800;
	line-height: 33px;
	color: var(--my-orange);
	white-space: nowrap;
}

/* 「3,000원」의 '원'은 시안에서 한 단계 작다(15/800) */
.envy-my-coupon__rate small {
	font-size: 15px;
	font-weight: 800;
}

/* Astra 가 `p` 에 margin-bottom 24px 을 주고 있어서 특이도를 올려 지운다.
   안 지우면 카드가 시안 166 대신 179 로 커진다(2026-09-09 실측). */
.woocommerce-account .envy-my-coupon__name {
	margin: 13px 0 0;
	font-size: 15px;
	font-weight: 800;
	line-height: 23px;
	color: var(--my-ink);
}

.woocommerce-account .envy-my-coupon__cond {
	margin: 5px 0 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--my-sub);
}

.envy-my-coupon__link {
	margin-top: 12px;
	font-size: 12.5px;
}

/* 우측 절취선 — 시안 픽셀 실측 결과 실선이 아니라 점선(주기 5px) */
.envy-my-coupon__side {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-left: 1px dashed var(--my-line);
	padding: 12px 8px;
	text-align: center;
}

.envy-my-coupon__count {
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: var(--my-green);
}

/* 「적용」 — 시안엔 없지만 실제 동작하는 기능이라 존치(대표 지시 2026-09-09).
   시안 절취선 영역 안에 작게 넣어 레이아웃을 깨지 않는다. */
.envy-my-coupon__apply,
.envy-my-coupon__apply:hover,
.envy-my-coupon__apply:focus,
.envy-my-coupon__apply:active {
	appearance: none;
	padding: 6px 12px;
	border: 1px solid var(--my-green);
	border-radius: 6px;
	background: var(--my-green);
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: #fff;
	white-space: nowrap;
	box-shadow: none;
	cursor: pointer;
}

.envy-my-coupon__apply.is-applied,
.envy-my-coupon__apply.is-applied:hover,
.envy-my-coupon__apply.is-applied:focus,
.envy-my-coupon__apply.is-applied:active {
	background: #fff;
	color: var(--my-green);
}

.envy-my-coupon__apply[disabled] {
	cursor: default;
}

.envy-my-coupon__msg {
	font-size: 11px;
	line-height: 16px;
	color: #b23;
}

/* 쿠폰 사용 안내 */
.envy-my-notice {
	margin-top: 22px;
	padding-top: 31px;
	border-top: 1px solid var(--my-divider);
}

.envy-my-notice__title {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 800;
	line-height: 23px;
	color: var(--my-ink);
}

.envy-my-notice ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 시안 리스트 간격 = 항목 y 가 762 · 790 · 818 · 846 → 줄높이 20 + 간격 8 */
.woocommerce-account .envy-my-notice li {
	position: relative;
	margin: 0 0 8px;
	padding-left: 14px;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: var(--my-sub);
}

.woocommerce-account .envy-my-notice li:last-child {
	margin-bottom: 0;
}

.envy-my-notice li::before {
	content: "·";
	position: absolute;
	left: 2px;
	font-weight: 800;
	color: var(--my-mute);
}

/* ===== 4. 계정 정보 (1125:3516) ===== */

.envy-my-form {
	border-top: 2px solid var(--my-ink);
}

.envy-my-row {
	display: grid;
	grid-template-columns: 170px 1fr;
	align-items: stretch;
	border-bottom: 1px solid var(--my-divider);
}

.envy-my-row__label {
	display: flex;
	align-items: center;
	padding: 0 22px;
	background: var(--my-labelcell);
	font-size: 14px;
	font-weight: 700;
	line-height: 21px;
	color: var(--my-ink);
}

.envy-my-row__value {
	display: flex;
	align-items: center;
	min-height: 79px;
	padding: 18px 24px;
}

.envy-my-row--pw .envy-my-row__value {
	display: block;
	padding: 18px 24px;
}

/* 읽기 전용으로 보여주는 값(아이디·이름·닉네임)도 시안은 입력박스 모양 */
.envy-my-field {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 0 17px;
	border: 1px solid var(--my-line);
	border-radius: 7px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 23px;
	color: var(--my-ink);
}

.woocommerce-account .envy-my-row input[type="text"],
.woocommerce-account .envy-my-row input[type="email"],
.woocommerce-account .envy-my-row input[type="password"] {
	height: 42px;
	margin: 0;
	padding: 0 17px;
	border: 1px solid var(--my-line);
	border-radius: 7px;
	background: #fff;
	font-size: 15px;
	font-weight: 600;
	color: var(--my-ink);
}

.envy-my-pwline {
	display: grid;
	grid-template-columns: 134px 260px;
	align-items: center;
	gap: 0;
	margin-bottom: 10px;
}

.envy-my-pwline:last-child {
	margin-bottom: 0;
}

.envy-my-pwline label {
	margin: 0;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 21px;
	color: var(--my-sub);
}

.woocommerce-account .envy-my-pwline input {
	width: 260px;
}

.envy-my-submit {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

/* 시안의 저장 버튼은 초록 채움이 아니라 흰 배경 테두리 버튼 */
.woocommerce-account .envy-my-submit button,
.woocommerce-account .envy-my-submit button:hover,
.woocommerce-account .envy-my-submit button:focus,
.woocommerce-account .envy-my-submit button:active {
	width: 164px;
	height: 50px;
	padding: 0;
	border: 1px solid var(--my-line);
	border-radius: 9px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	color: var(--my-sub);
	box-shadow: none;
}

.woocommerce-account .envy-my-submit button:hover {
	border-color: var(--my-sub);
	color: var(--my-ink);
}

/* ===== 5. 배송지 관리 (1118:2447) =====
 * 마크업은 기존 `envy-ab`(functions.php 의 address-book endpoint)를 그대로 쓴다.
 * 기본 스타일은 checkout-kr.css 에 있으므로, 여기서는 `.woocommerce-account` 를
 * 앞에 붙여 특이도를 올려 시안 값으로 덮는다. (마크업을 안 건드리면
 * functions.php 변경이 줄어 다른 세션과의 머지 충돌도 줄어든다.) */

.woocommerce-account .envy-ab {
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: none; /* checkout-kr.css 의 760px 상한 해제 — 시안 본문은 994 */
}

.woocommerce-account .envy-ab__item {
	position: relative;
	display: block;
	padding: 24px 26px;
	border: 1px solid var(--my-line);
	border-radius: 12px;
	background: #fff;
}

/* 시안 L266: 배경 #FBFDF9 · 테두리 #5B9B3E (본문 초록 #4A8232 과 다른 값이다) */
.woocommerce-account .envy-ab__item.is-default {
	border-color: #5B9B3E;
	background: #FBFDF9;
}

.woocommerce-account .envy-ab__badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0 0 12px;
	padding: 4px 10px;
	border-radius: 6px;
	background: #F2F7EC;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: var(--my-green);
}

.woocommerce-account .envy-ab__name {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: var(--my-ink);
}

.woocommerce-account .envy-ab__meta {
	margin-top: 8px;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	color: var(--my-sub);
}

/* 시안: 카드 우상단에 「기본 설정 · 수정 · 삭제」 버튼 3개 */
.woocommerce-account .envy-ab__actions {
	position: absolute;
	top: 22px;
	right: 24px;
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.woocommerce-account .envy-ab__actions a,
.woocommerce-account .envy-ab__actions a:hover,
.woocommerce-account .envy-ab__actions a:focus,
.woocommerce-account .envy-ab__actions a:active {
	display: inline-flex;
	align-items: center;
	height: 34px;
	padding: 0 14px;
	border: 1px solid var(--my-line);
	border-radius: 7px;
	background: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	color: var(--my-sub);
	text-decoration: none;
	white-space: nowrap;
	box-shadow: none;
}

/* 「기본설정」만 초록 (시안: 배경 #F2F7EC · 테두리 #5B9B3E · 글자 #4A8232) */
.woocommerce-account .envy-ab__item:not(.is-default) .envy-ab__actions a:first-child,
.woocommerce-account .envy-ab__item:not(.is-default) .envy-ab__actions a:first-child:hover,
.woocommerce-account .envy-ab__item:not(.is-default) .envy-ab__actions a:first-child:focus {
	border-color: #5B9B3E;
	background: #F2F7EC;
	color: var(--my-green);
}

.woocommerce-account .envy-ab__add,
.woocommerce-account .envy-ab__add:hover,
.woocommerce-account .envy-ab__add:focus,
.woocommerce-account .envy-ab__add:active {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 58px;
	padding: 0;
	border: 1px solid var(--my-line); /* 시안은 실선. 현재 화면의 점선은 시안과 다름 */
	border-radius: 12px;
	background: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 23px;
	color: var(--my-sub);
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
}

.woocommerce-account .envy-ab__add:hover {
	border-color: var(--my-sub);
	color: var(--my-ink);
}

.woocommerce-account .envy-ab__empty-box {
	padding: 60px 16px;
	border: 1px solid var(--my-line);
	border-radius: 12px;
	text-align: center;
}

.woocommerce-account .envy-ab__empty-box .envy-ab__empty {
	margin: 0 0 16px;
	font-size: 14px;
	color: var(--my-mute);
}

/* ===== 반응형 =====
 * 시안은 1920 데스크탑 1장뿐이다. 모바일 시안이 없으므로 값은 시안에서
 * 가져오지 않고, 데스크탑 구조가 좁은 폭에서 깨지지 않게만 접는다. */
@media (max-width: 1300px) {
	.woocommerce-account .woocommerce {
		max-width: none;
		margin-right: 20px;
		margin-left: 20px;
	}
}

@media (max-width: 900px) {
	.woocommerce-account .woocommerce {
		display: block;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: auto;
		min-height: 0;
		margin-bottom: 24px;
	}

	.envy-my-coupons {
		grid-template-columns: 1fr;
	}

	.envy-my-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.envy-my-stats__cell:nth-child(3) {
		border-left: 0;
	}

	.envy-my-stats__cell:nth-child(n + 3) {
		border-top: 1px solid var(--my-divider);
	}

	.envy-my-order__body {
		grid-template-columns: 1fr;
	}

	.envy-my-order__actions {
		flex-direction: row;
		border-top: 1px solid var(--my-divider);
		border-left: 0;
	}

	.envy-my-recent__row {
		grid-template-columns: 1fr auto;
		gap: 4px 12px;
		height: auto;
		padding: 16px 20px;
	}

	.envy-my-row {
		grid-template-columns: 1fr;
	}

	.envy-my-row__label {
		padding: 12px 20px;
	}

	.envy-my-pwline {
		grid-template-columns: 1fr;
	}

	.woocommerce-account .envy-my-pwline input {
		width: 100%;
	}
}

/* ── 회원정보 수정 › 수신 동의(2026-10-15) — 회원정보 표 아래 같은 모양의 표 한 줄 ── */
.envy-my-form--consent { margin-top: 24px; }
.envy-my-row--consent .envy-my-row__value { display: block; }
.envy-my-consent__parent { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 600; color: var(--my-ink); cursor: pointer; }
.envy-my-consent__opt { font-weight: 400; color: #8a8f88; font-size: 13px; }
.envy-my-consent__doc { margin-left: 10px; font-size: 13px; color: #8a8f88; text-decoration: underline; }
.envy-my-consent__children { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 12px 0 0 24px; }
.envy-my-consent__children label { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--my-ink); cursor: pointer; }
.envy-my-row--consent input[type="checkbox"] { width: 17px; height: 17px; margin: 0; accent-color: var(--envy-green, #4b8b3b); }
.envy-my-consent__help { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: #8a8f88; }