@charset "utf-8";

/* 로그인 */
.auth-login-section {padding-block: var(--space-120) calc(var(--space-160) + var(--space-40));}
.auth-login-section .login-wrap {display: flex; justify-content: center;}
.auth-login-section .login-wrap .login-col {flex: 0 1 520px; display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-24); min-width: 0;}
.auth-login-section .login-wrap .login-member {padding-right: var(--space-80); border-right: 1px solid var(--border-subtle);}
.auth-login-section .login-wrap .login-guest {padding-left: var(--space-80);}
.auth-login-section .login-wrap .login-col .tit-wrap {display: flex; flex-direction: column; row-gap: var(--space-12);}
.auth-login-section .login-wrap .login-col .tit-wrap .display-section {color: var(--text-strong);}
.auth-login-section .login-wrap .login-col .tit-wrap .body-small {color: var(--text-secondary);}
.auth-login-section .login-wrap .login-member .login-form {display: flex; flex-direction: column; row-gap: var(--space-24); width: 100%;}
.auth-login-section .login-wrap .login-member .login-form .input-item + .input-item {margin-top: 0;}
.auth-login-section .login-wrap .login-member .login-form .input-item .input-helper[hidden] {display: none;}
.auth-login-section .login-wrap .login-member .login-form .check-item {align-self: flex-start;}
.auth-login-section .login-wrap .login-member .login-link-list {display: flex; column-gap: var(--space-24);}
.auth-login-section .login-wrap .login-member .login-link-list a {display: inline-flex; align-items: center; min-height: var(--size-44); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.auth-login-section .login-wrap .login-member .login-link-list .find-link {color: var(--text-secondary);}
.auth-login-section .login-wrap .login-member .login-link-list .join-link {color: var(--text-primary);}
.auth-login-section .login-wrap .login-guest .guest-order-link {display: inline-flex; align-items: center; min-height: var(--size-44); color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}

/* 회원가입 */
.auth-join-section {padding-block: var(--space-120) calc(var(--space-160) + var(--space-40));}
.auth-join-section .join-wrap {display: flex; flex-direction: column; row-gap: var(--space-24); max-width: 560px; margin-inline: auto;}
.auth-join-section .join-wrap .tit-wrap {display: flex; flex-direction: column; row-gap: var(--space-12);}
.auth-join-section .join-wrap .tit-wrap .display-section {color: var(--text-strong);}
.auth-join-section .join-wrap .tit-wrap .body-small {color: var(--text-secondary);}
.auth-join-section .join-wrap .join-form {display: flex; flex-direction: column; row-gap: var(--space-24);}
.auth-join-section .join-wrap .join-form .input-item + .input-item {margin-top: 0;}
.auth-join-section .join-wrap .join-form .input-item .input-helper[hidden] {display: none;}
.auth-join-section .join-wrap .join-form .consent-list {display: flex; flex-direction: column; min-width: 0; margin: 0; padding: var(--space-16) 0 0;}
.auth-join-section .join-wrap .join-form .consent-list .consent-item {display: flex; align-items: center; justify-content: space-between; column-gap: var(--space-16);}
.auth-join-section .join-wrap .join-form .consent-list .consent-item.all {margin-bottom: var(--space-8); padding-bottom: var(--space-8); border-bottom: 1px solid var(--border-subtle);}
.auth-join-section .join-wrap .join-form .consent-list .consent-item.all label {font-weight: 500;}
.auth-join-section .join-wrap .join-form .consent-list .consent-item .txt-btn {flex: none; color: var(--text-muted); text-decoration: underline;}
.auth-join-section .join-wrap .join-form .consent-list .consent-item .check-item .custom-checkbox[aria-invalid="true"] {border-color: var(--status-error);}
.auth-join-section .join-wrap .join-form .consent-list .input-helper {margin-top: var(--space-8);}
.auth-join-section .join-wrap .join-form .consent-list .input-helper[hidden] {display: none;}
.auth-join-section .join-wrap .join-form .btn-wrap {padding-top: var(--space-16);}
.auth-join-section .join-wrap .login-guide {display: flex; justify-content: center; align-items: center; column-gap: var(--space-8);}
.auth-join-section .join-wrap .login-guide span {color: var(--text-muted);}
.auth-join-section .join-wrap .login-guide a {display: inline-flex; align-items: center; min-height: var(--size-44); color: var(--text-primary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}

/* 동의 내용 */
.join-consent-modal .modal-inner .modal-body {display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: var(--space-12) var(--space-16); color: var(--text-secondary);}
.join-consent-modal .modal-inner .modal-body dt {color: var(--text-primary);}
.join-consent-modal .modal-inner .modal-desc {margin-top: var(--space-24); color: var(--text-muted);}
.join-consent-modal .modal-inner .modal-link {margin-top: var(--space-24);}

/* 회원가입 완료 */
.auth-complete-section {padding-block: var(--space-120) calc(var(--space-160) + var(--space-40));}
.auth-complete-section .complete-wrap {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-20); max-width: 560px; margin-inline: auto; padding-block: var(--space-80); text-align: center;}
.auth-complete-section .complete-wrap .txt-wrap {display: flex; flex-direction: column; align-items: center; row-gap: var(--space-20);}
.auth-complete-section .complete-wrap .txt-wrap .display-hero {color: var(--text-strong);}
.auth-complete-section .complete-wrap .txt-wrap .body-default {color: var(--text-secondary);}
.auth-complete-section .complete-wrap .btn-list {flex-direction: column; align-items: stretch; width: 100%; padding-top: var(--space-32);}

/* 비밀번호 찾기 · 재설정 */
.auth-password-section {padding-block: var(--space-160);}
.auth-password-section .password-wrap {display: flex; flex-direction: column; align-items: flex-start; row-gap: var(--space-24); max-width: 520px; margin-inline: auto;}
.auth-password-section .password-wrap .heading-kr-large {color: var(--text-primary);}
.auth-password-section .password-wrap .desc {color: var(--text-secondary);}
.auth-password-section .password-wrap .password-form {display: flex; flex-direction: column; row-gap: var(--space-24); width: 100%;}
.auth-password-section .password-wrap .password-form .input-item + .input-item {margin-top: 0;}
.auth-password-section .password-wrap .password-form .input-item .input-helper[hidden] {display: none;}
.auth-password-section .password-wrap .password-form .input-item .pw-field {position: relative; width: 100%;}
.auth-password-section .password-wrap .password-form .input-item .pw-field .custom-input {padding-right: calc(var(--space-16) + var(--size-48));}
.auth-password-section .password-wrap .password-form .input-item .pw-field .pw-toggle {position: absolute; top: 0; right: 0; height: var(--size-48); padding-inline: var(--space-16); color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px;}
.auth-password-section .password-wrap .back-link {display: inline-flex; align-items: center; min-height: var(--size-44); color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}

.auth-password-section .password-wrap .back-link.primary {color: var(--text-primary);}

/* 비회원 주문 상세 */
.guest-order-view-section {padding-block: calc(var(--space-64) + var(--space-32)) calc(var(--space-160) + var(--space-40));}
.guest-order-view-section .guest-view-wrap {display: flex; flex-direction: column; row-gap: var(--space-48); max-width: 1320px; margin-inline: auto;}
.guest-order-view-section .guest-view-wrap .tit-wrap {display: flex; flex-direction: column; align-items: flex-start; row-gap: 10px;}
.guest-order-view-section .guest-view-wrap .tit-wrap .back-link {color: var(--text-secondary); text-decoration: underline; text-underline-offset: 4px; transition: color 0.2s;}
.guest-order-view-section .guest-view-wrap .tit-wrap .display-section {color: var(--text-strong);}
.guest-order-view-section .guest-view-wrap .tit-wrap .body-small {color: var(--text-secondary);}
.guest-order-view-section .guest-view-wrap .progress-wrap {display: flex; flex-direction: column; row-gap: var(--space-16);}
.guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info {display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--space-16);}
.guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info .body-small, .guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info .tracking-link {color: var(--text-primary);}
.guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info .tracking-link {text-decoration: underline; text-underline-offset: 4px;}
.guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info .tracking-date {color: var(--text-muted);}
.guest-order-view-section .guest-view-wrap .order-line-list {border-top: 1px solid var(--border-strong);}
.guest-order-view-section .guest-view-wrap .detail-wrap {display: flex; align-items: flex-start; column-gap: var(--space-80);}
.guest-order-view-section .guest-view-wrap .detail-wrap .order-summary {flex: 1 1 auto; min-width: 0;}
.guest-order-view-section .guest-view-wrap .detail-wrap .order-summary .summary-block {display: flex; flex-direction: column; row-gap: var(--space-12); padding-block: calc(var(--space-24) + var(--space-4)); border-bottom: 1px solid var(--border-subtle);}
.guest-order-view-section .guest-view-wrap .detail-wrap .order-summary .summary-block .ui-label {color: var(--text-muted);}
.guest-order-view-section .guest-view-wrap .detail-wrap .order-summary .summary-block .key-value-list .key-value-row.total dd {color: var(--text-strong); font-weight: 500;}
.guest-order-view-section .guest-view-wrap .detail-wrap .request-wrap {display: flex; flex-direction: column; row-gap: var(--space-12); flex: none; width: 360px; padding-top: calc(var(--space-24) + var(--space-4));}
.guest-order-view-section .guest-view-wrap .detail-wrap .request-wrap .ui-nav {color: var(--text-primary);}
.guest-order-view-section .guest-view-wrap .detail-wrap .request-wrap .caption-small {color: var(--text-muted);}

/* 호버 */
@media (hover: hover) {
    .auth-login-section .login-wrap .login-member .login-link-list .find-link:hover, .auth-login-section .login-wrap .login-guest .guest-order-link:hover {color: var(--text-primary);}
    .auth-login-section .login-wrap .login-member .login-link-list .join-link:hover, .auth-join-section .join-wrap .login-guide a:hover {color: var(--text-secondary);}
    .auth-join-section .join-wrap .join-form .consent-list .consent-item .txt-btn:hover {color: var(--text-secondary);}
    .auth-password-section .password-wrap .back-link:hover, .auth-password-section .password-wrap .password-form .input-item .pw-field .pw-toggle:hover {color: var(--text-primary);}
}

@media screen and (max-width: 1024px) {
    .guest-order-view-section .guest-view-wrap .detail-wrap {flex-direction: column; align-items: stretch; row-gap: var(--space-32);}
    .guest-order-view-section .guest-view-wrap .detail-wrap .request-wrap {width: 100%; padding-top: 0;}
    .auth-login-section .login-wrap .login-member {padding-right: var(--space-48);}
    .auth-login-section .login-wrap .login-guest {padding-left: var(--space-48);}
}

@media screen and (max-width: 768px) {
    .guest-order-view-section .guest-view-wrap .progress-wrap .tracking-info {flex-direction: column; align-items: flex-start; row-gap: var(--space-16);}
    .auth-password-section {padding-block: var(--space-80) var(--space-120);}
    .auth-login-section .login-wrap {flex-direction: column;}
    .auth-login-section .login-wrap .login-col {flex: none;}
    .auth-login-section .login-wrap .login-member {padding: 0 0 var(--space-40); border-right: 0; border-bottom: 1px solid var(--border-subtle);}
    .auth-login-section .login-wrap .login-guest {padding: var(--space-40) 0 0;}
    .join-consent-modal .modal-inner .modal-body {grid-template-columns: minmax(0, 1fr); row-gap: var(--space-4);}
    .join-consent-modal .modal-inner .modal-body dd + dt {margin-top: var(--space-12);}
}