.yjm-root {
	--blue: #1f6bff;
	--ink: #1a1a1a;
	--sub: #6b7280;
	--line: #e5e7eb;
	--bg: #f6f7f9;
	--red: #e5333d;
	max-width: 1240px;
	margin: 0 auto;
	padding: 20px 20px 90px;
	color: var(--ink);
	font-size: 15px;
	line-height: 1.55;
	letter-spacing: -0.01em;
}
.yjm-root *, .yjm-root *::before, .yjm-root *::after { box-sizing: border-box; }
.yjm-root a { text-decoration: none; color: inherit; }
.yjm-root ul, .yjm-root ol { list-style: none; margin: 0; padding: 0; }
.yjm-root h2, .yjm-root h3 { margin: 0; }
.yjm-root .woocommerce { max-width: none; width: 100%; padding: 0; }

/* Astra 페이지 제목/여백 정리 */
.woocommerce-account .entry-header { display: none; }
.woocommerce-account .site-content > .ast-container { padding-left: 0; padding-right: 0; }
.woocommerce-account .entry-content > .yjm-root { margin-top: 0; }

.yjm { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 44px; align-items: start; }

/* ---------- 사이드 ---------- */
.yjm-profile {
	position: relative; padding: 26px 22px 22px; border-radius: 16px; color: #fff;
	background: linear-gradient(135deg, #1f6bff, #4b8dff);
	display: grid; justify-items: start; gap: 4px;
}
.yjm-profile__avatar { width: 62px; height: 62px; border-radius: 50%; background: rgba(255,255,255,.95); color: var(--blue); font-size: 26px; font-weight: 800; display: grid; place-items: center; margin-bottom: 10px; }
.yjm-profile__name { font-size: 20px; font-weight: 800; word-break: break-all; }
.yjm-profile__name small { font-size: 14px; font-weight: 500; margin-left: 3px; opacity: .9; }
.yjm-profile__mail { font-size: 13px; opacity: .9; word-break: break-all; }
.yjm-profile__out { margin-top: 12px; font-size: 12.5px; padding: 5px 12px; border: 1px solid rgba(255,255,255,.6); border-radius: 999px; color: #fff !important; }
.yjm-profile__out:hover { background: rgba(255,255,255,.18); }

.yjm-menu { margin-top: 30px; }
.yjm-menu h3 { font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.yjm-menu li a { display: block; padding: 7px 0; color: #444; font-size: 15px; }
.yjm-menu li a:hover { color: var(--blue); }
.yjm-menu li.is-active a { color: var(--blue); font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }

.yjm-cs { margin-top: 32px; padding: 20px; border-radius: 14px; background: var(--bg); }
.yjm-cs h3 { font-size: 15px; font-weight: 800; margin-bottom: 6px; }
.yjm-cs__tel { display: block; font-size: 24px; font-weight: 800; color: var(--blue) !important; }
.yjm-cs p { margin: 6px 0 8px; font-size: 13px; color: var(--sub); line-height: 1.6; }
.yjm-cs__mail { font-size: 13px; color: #444 !important; word-break: break-all; }

/* ---------- 메인 ---------- */
.yjm-crumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--sub); margin-bottom: 18px; flex-wrap: wrap; }
.yjm-crumb em { font-style: normal; color: var(--ink); }
.yjm-title { font-size: 26px; font-weight: 800; margin-bottom: 22px; }

.yjm-hello { padding: 22px 26px; border-radius: 14px; background: #eef4ff; margin-bottom: 18px; }
.yjm-hello strong { display: block; font-size: 20px; margin-bottom: 2px; }
.yjm-hello span { color: #4b5563; font-size: 14px; }

.yjm-periods { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; }
.yjm-periods a { padding: 7px 16px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; color: #444; background: #fff; }
.yjm-periods a.is-active { background: var(--ink); border-color: var(--ink); color: #fff; font-weight: 700; }
.yjm-periods__note { margin-left: auto; font-size: 13px; color: var(--sub); }

/* 주문현황 스트립 */
.yjm-strip { display: grid; grid-template-columns: 1.3fr repeat(5, 1fr); align-items: stretch; border: 1px solid var(--line); border-bottom: 2px solid var(--ink); border-radius: 12px 12px 0 0; background: #fff; margin-bottom: 22px; }
.yjm-strip__title { padding: 20px 24px; display: grid; align-content: center; gap: 2px; }
.yjm-strip__title strong { font-size: 17px; }
.yjm-strip__title span { font-size: 12.5px; color: var(--sub); }
.yjm-strip__item { display: grid; justify-items: center; align-content: center; gap: 2px; padding: 18px 6px; border-left: 1px solid #f0f1f3; }
.yjm-strip__item b { font-size: 26px; font-weight: 800; line-height: 1.2; }
.yjm-strip__item span { font-size: 13px; color: var(--sub); }
.yjm-strip__item:hover span, .yjm-strip__item.is-active span { color: var(--blue); }
.yjm-strip__item.is-active b { color: var(--blue); }

.yjm-filter { margin: 0 0 14px; font-size: 14px; color: var(--sub); }
.yjm-filter a { margin-left: 8px; color: var(--blue) !important; text-decoration: underline; }
.yjm-h3row { display: flex; justify-content: space-between; align-items: baseline; margin: 30px 0 12px; }
.yjm-h3 { font-size: 19px; font-weight: 800; }
.yjm-h3row a { font-size: 13.5px; color: var(--sub); }

/* 주문 카드 */
.yjm-orders { display: grid; gap: 14px; }
.yjm-order { border: 1px solid var(--line); border-radius: 12px; background: #fff; overflow: hidden; }
.yjm-order__head { display: flex; justify-content: space-between; align-items: center; padding: 13px 20px; background: var(--bg); font-size: 14px; }
.yjm-order__head strong { margin-right: 12px; }
.yjm-order__head span { color: var(--sub); }
.yjm-order__head a { color: #444; font-size: 13.5px; }
.yjm-order__body { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: 20px; padding: 18px 20px; }
.yjm-items { display: grid; gap: 12px; }
.yjm-items li { display: flex; gap: 14px; align-items: center; }
.yjm-items__thumb { flex: none; width: 64px; height: 64px; border-radius: 8px; overflow: hidden; background: #f4f5f7; }
.yjm-items__thumb img { width: 100%; height: 100%; object-fit: cover; }
.yjm-items__text { display: grid; gap: 2px; font-size: 14.5px; line-height: 1.4; }
.yjm-items__text a:hover { color: var(--blue); }
.yjm-items__text em { font-style: normal; color: var(--sub); font-size: 13px; }
.yjm-items__more { color: var(--sub); font-size: 13px; padding-left: 78px; }
.yjm-order__side { display: grid; justify-items: end; align-content: start; gap: 8px; text-align: right; border-left: 1px solid #f0f1f3; padding-left: 20px; }
.yjm-order__total { font-size: 19px; font-weight: 800; }
.yjm-order__btns { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.yjm-order__track { margin: 0; padding: 11px 20px; border-top: 1px dashed var(--line); font-size: 13.5px; color: #444; background: #fcfcfd; }
.yjm-order__track b { margin-left: 4px; }
.yjm-order__track--muted { color: var(--sub); }

.yjm-badge { display: inline-block; padding: 3px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; background: #eef0f3; color: #4b5563; }
.yjm-badge--pay { background: #fff3e0; color: #b45309; }
.yjm-badge--ready { background: #e6f0ff; color: #1b4fbf; }
.yjm-badge--shipping { background: #efe7ff; color: #6d3fd1; }
.yjm-badge--done { background: #e4f6ea; color: #17803d; }
.yjm-badge--cancel { background: #fde8ea; color: #c02832; }

.yjm-btn { display: inline-block; padding: 7px 14px; border: 1px solid #cfd3d9; border-radius: 8px; background: #fff; font-size: 13px; font-weight: 600; color: #333 !important; cursor: pointer; line-height: 1.3; }
.yjm-btn:hover { border-color: var(--ink); }
.yjm-btn--primary { background: var(--blue); border-color: var(--blue); color: #fff !important; }
.yjm-btn--primary:hover { background: #1657d1; border-color: #1657d1; }

.yjm-empty { display: grid; justify-items: center; gap: 12px; padding: 64px 0 56px; text-align: center; color: #555; }
.yjm-empty p { margin: 0; }
.yjm-empty__ico { width: 54px; height: 54px; border-radius: 50%; background: #e5e7eb; color: #fff; font-size: 30px; font-weight: 800; display: grid; place-items: center; }

.yjm-pager { display: flex; justify-content: center; gap: 6px; margin-top: 24px; }
.yjm-pager a { min-width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; }
.yjm-pager a.is-active { background: var(--ink); color: #fff; border-color: var(--ink); }

.yjm-shortcuts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 30px; }
.yjm-shortcuts a { display: grid; gap: 4px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; height: 100%; }
.yjm-shortcuts a:hover { border-color: var(--blue); }
.yjm-shortcuts b { font-size: 15px; }
.yjm-shortcuts span { font-size: 12.5px; color: var(--sub); }

/* 안내 박스 */
.yjm-notice { margin-top: 26px; padding: 24px 28px; border-radius: 12px; background: var(--bg); }
.yjm-notice h3 { font-size: 15.5px; font-weight: 800; margin-bottom: 10px; }
.yjm-notice li { position: relative; padding-left: 12px; font-size: 13.5px; color: #4b5563; line-height: 1.75; }
.yjm-notice li::before { content: ""; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; border-radius: 50%; background: #9ca3af; }

/* 주문 상세 */
.yjm-detail { margin-bottom: 22px; }
.yjm-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.yjm-steps li { display: grid; justify-items: center; gap: 6px; font-size: 13.5px; color: #9ca3af; position: relative; }
.yjm-steps li span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e5e7eb; color: #fff; font-weight: 700; font-size: 14px; }
.yjm-steps li.is-done { color: #444; }
.yjm-steps li.is-done span { background: #93b4ff; }
.yjm-steps li.is-now { color: var(--blue); font-weight: 800; }
.yjm-steps li.is-now span { background: var(--blue); }
.yjm-track { display: flex; gap: 32px; align-items: center; flex-wrap: wrap; padding: 16px 20px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.yjm-track div { display: grid; }
.yjm-track span { font-size: 12.5px; color: var(--sub); }
.yjm-track a { margin-left: auto; }

.yjm-content .woocommerce-order-details__title, .yjm-content .woocommerce-column__title, .yjm-content .woocommerce-customer-details h2, .yjm-content h2 { font-size: 18px; font-weight: 800; margin: 26px 0 12px; }
.yjm-content table.shop_table { width: 100%; border: 1px solid var(--line); border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; }
.yjm-content table.shop_table th, .yjm-content table.shop_table td { padding: 13px 16px; border: 0; border-bottom: 1px solid #f0f1f3; text-align: left; }
.yjm-content table.shop_table tfoot tr:last-child th, .yjm-content table.shop_table tfoot tr:last-child td { border-bottom: 0; }
.yjm-content .woocommerce-customer-details address { padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px; font-style: normal; background: #fff; }
.yjm-content .woocommerce-order-details .order-again .button { display: none; }
.yjm-content mark { background: none; font-weight: 700; color: var(--blue); }

/* 폼 (배송지 관리 / 회원정보) */
.yjm-content form .form-row { margin: 0 0 16px; padding: 0; width: 100%; float: none; }
.yjm-content form label { display: block; font-weight: 600; font-size: 14px; margin-bottom: 7px; }
.yjm-content form .required { color: var(--red); text-decoration: none; }
.yjm-content form input.input-text, .yjm-content form select, .yjm-content form textarea {
	width: 100%; border: 1.5px solid #d6d8dc; border-radius: 8px; padding: 13px 14px; font-size: 14px; background: #fff; outline: none;
}
.yjm-content form input.input-text:focus { border-color: var(--blue); }
.yjm-content form em { font-size: 12.5px; color: var(--sub); }
.yjm-content fieldset { border: 1px solid var(--line); border-radius: 12px; padding: 18px 20px 6px; margin: 24px 0 18px; }
.yjm-content fieldset legend { font-weight: 800; padding: 0 8px; }
.yjm-content form .button, .yjm-content .woocommerce-Button { background: var(--ink); color: #fff; border: 0; border-radius: 10px; padding: 14px 32px; font-weight: 700; font-size: 15px; cursor: pointer; }
.yjm-content form .button:hover { background: #000; }
#account_last_name_field, .woocommerce-EditAccountForm .form-row-last { display: none; }
.woocommerce-EditAccountForm .form-row-first { width: 100%; }
.yjm-content .u-columns.col2-set, .yjm-content .woocommerce-Addresses { display: block; }
.yjm-content .woocommerce-Addresses .woocommerce-Address { width: 100%; float: none; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.yjm-content .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.yjm-content .woocommerce-Address-title h2 { margin: 0; font-size: 17px; }
.yjm-content .woocommerce-Address-title .edit { padding: 6px 14px; border: 1px solid #cfd3d9; border-radius: 8px; font-size: 13px; font-weight: 600; }
.yjm-content address { font-style: normal; line-height: 1.7; }
.yjm-postcode-row .woocommerce-input-wrapper { display: flex; gap: 8px; }
.yjm-postcode-btn { flex: none; padding: 0 20px; border: 0; border-radius: 8px; background: var(--ink); color: #fff; font-weight: 700; font-size: 14px; cursor: pointer; }

/* 로그인 화면 */
.woocommerce-account:not(.logged-in) .yjm-root .woocommerce { max-width: 460px; margin: 30px auto; padding: 34px 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.yjm-root .woocommerce-form-login .button { width: 100%; background: var(--blue); color: #fff; border: 0; border-radius: 10px; padding: 14px; font-weight: 700; margin-top: 8px; }
.yjm-root .woocommerce-form-login .woocommerce-form-login__rememberme { display: inline-flex; gap: 6px; align-items: center; }
.yjm-join { margin: 18px 0 0; text-align: center; font-size: 14px; color: var(--sub); }
.yjm-join a { color: var(--blue) !important; font-weight: 700; }
.yjm-root .lost_password { text-align: center; margin: 14px 0 0; font-size: 13.5px; }

/* ---------- 반응형 ---------- */
@media (max-width: 960px) {
	.yjm { grid-template-columns: minmax(0, 1fr); gap: 26px; }
	.yjm-side, .yjm-main { min-width: 0; }
	.yjm-profile { grid-template-columns: auto 1fr auto; justify-items: start; align-items: center; column-gap: 14px; padding: 18px; }
	.yjm-profile__avatar { grid-row: 1 / 3; width: 50px; height: 50px; font-size: 21px; margin: 0; }
	.yjm-profile__out { grid-row: 1 / 3; grid-column: 3; margin: 0; }
	.yjm-menu { margin-top: 16px; }
	.yjm-menu ul { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; }
	.yjm-menu li a { white-space: nowrap; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px; }
	.yjm-menu li.is-active a { background: var(--ink); border-color: var(--ink); color: #fff; text-decoration: none; }
	.yjm-cs { margin-top: 16px; display: grid; grid-template-columns: auto 1fr; gap: 0 18px; align-items: center; }
	.yjm-cs h3 { grid-column: 1 / 3; }
	.yjm-shortcuts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
	.yjm-root { padding: 12px 16px 70px; }
	.yjm-title { font-size: 22px; }
	.yjm-strip { grid-template-columns: repeat(5, 1fr); }
	.yjm-strip__title { grid-column: 1 / 6; padding: 14px 18px 4px; grid-auto-flow: column; justify-content: space-between; align-items: baseline; }
	.yjm-strip__item { border-left: 0; padding: 10px 2px 14px; }
	.yjm-strip__item b { font-size: 22px; }
	.yjm-strip__item span { font-size: 11.5px; }
	.yjm-order__body { grid-template-columns: 1fr; }
	.yjm-order__side { border-left: 0; border-top: 1px solid #f0f1f3; padding: 14px 0 0; justify-items: start; text-align: left; grid-template-columns: auto 1fr; align-items: center; }
	.yjm-order__btns { grid-column: 1 / 3; justify-content: flex-start; }
	.yjm-order__total { justify-self: end; }
	.yjm-periods__note { width: 100%; margin: 4px 0 0; }
	.yjm-notice { padding: 20px; }
	.yjm-track a { margin-left: 0; }
}