/* 손님앱 다크/라이트 — html.hj-light-theme (hj-theme.js) */

html.hj-light-theme {
    scrollbar-color: #c9a227 #f4f4f5;
}

html.hj-light-theme body.hj-customer {
    --hj-bg: #f7f5f0;
    --hj-surface: #ffffff;
    --hj-text: #18181b;
    --hj-text-soft: #3f3f46;
    --hj-muted: #71717a;
    --hj-gold-text: #9a6f07;
    background:
        radial-gradient(900px 480px at 50% -8%, rgba(212, 175, 55, 0.1), transparent 60%),
        radial-gradient(700px 400px at 100% 0%, rgba(212, 175, 55, 0.05), transparent 55%),
        var(--hj-bg);
    color: var(--hj-text);
}

html.hj-light-theme body.hj-customer.hj-v3 {
    background:
        radial-gradient(ellipse 100% 60% at 50% -10%, rgba(212, 175, 55, 0.08), transparent 55%),
        var(--hj-bg);
}

/* ── 헤더 ── */
html.hj-light-theme body.hj-customer .hj-app-top,
html.hj-light-theme body.hj-customer .hj-page-header,
html.hj-light-theme body.hj-v3 .hj-app-top,
html.hj-light-theme body.hj-v3 .hj-page-header {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: rgba(212, 175, 55, 0.28);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
}

html.hj-light-theme body.hj-customer .hj-page-title,
html.hj-light-theme body.hj-customer .hj-store-name,
html.hj-light-theme body.hj-customer .hj-nav-back {
    color: #18181b;
}

html.hj-light-theme body.hj-customer .hj-store-meta,
html.hj-light-theme body.hj-customer .hj-cart-count {
    color: var(--hj-muted);
}

/* ── 액션 칩·아이콘 ── */
html.hj-light-theme body.hj-customer .hj-action-chip,
html.hj-light-theme body.hj-customer .hj-action-icon {
    background: #fff;
    border-color: rgba(212, 175, 55, 0.35);
    color: #9a6f07;
}

html.hj-light-theme body.hj-customer .hj-action-chip.primary {
    background: linear-gradient(135deg, #e8c547, #c9a227);
    color: #1a1200;
    border: none;
}

html.hj-light-theme body.hj-customer .hj-theme-btn {
    min-width: 44px;
    padding: 8px 10px;
    font-size: 12px;
}

/* ── 카테고리 탭 ── */
html.hj-light-theme body.hj-customer .hj-category-tabs .tab,
html.hj-light-theme body.hj-customer .hj-category-tabs .hj-cat-chip {
    background: #fff;
    border-color: #e4e4e7;
    color: #52525b;
}

html.hj-light-theme body.hj-customer .hj-category-tabs .tab.active,
html.hj-light-theme body.hj-customer .hj-category-tabs .hj-cat-chip.active,
html.hj-light-theme body.hj-v3 .hj-category-tabs .hj-cat-chip.active {
    background: linear-gradient(180deg, rgba(232, 201, 106, 0.28), rgba(199, 164, 58, 0.14));
    border-color: rgba(201, 162, 39, 0.55);
    color: #7a5606;
    box-shadow: 0 2px 10px rgba(212, 175, 55, 0.12);
}

/* ── 메뉴 카드 ── */
html.hj-light-theme body.hj-customer .hj-menu-card,
html.hj-light-theme body.hj-v3 .hj-menu-card,
html.hj-light-theme body.hj-customer .card,
html.hj-light-theme body.hj-v3 .card {
    background: #fff;
    border-color: #e8e4dc;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
}

html.hj-light-theme body.hj-customer .hj-menu-thumb-empty,
html.hj-light-theme body.hj-customer .hj-menu-thumb-wrap {
    background: linear-gradient(180deg, #f4f4f5, #e4e4e7);
    color: #a1a1aa;
}

html.hj-light-theme body.hj-customer .hj-menu-name,
html.hj-light-theme body.hj-customer .menu-name,
html.hj-light-theme body.hj-customer .item-name {
    color: #18181b;
}

html.hj-light-theme body.hj-customer .hj-menu-desc,
html.hj-light-theme body.hj-customer .menu-desc {
    color: #71717a;
}

html.hj-light-theme body.hj-customer .hj-menu-price,
html.hj-light-theme body.hj-v3 .hj-menu-price,
html.hj-light-theme body.hj-customer .hj-cart-total {
    color: #9a6f07;
    text-shadow: none;
}

/* ── 장바구니 바 ── */
html.hj-light-theme body.hj-customer .hj-cart-bar,
html.hj-light-theme body.hj-v3 .hj-cart-bar {
    background: rgba(255, 255, 255, 0.96);
    border-top-color: rgba(212, 175, 55, 0.28);
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.08);
}

/* ── 시트·모달 ── */
html.hj-light-theme body.hj-customer .hj-menu-sheet,
html.hj-light-theme body.hj-customer .modal {
    background: rgba(24, 24, 27, 0.35);
}

html.hj-light-theme body.hj-customer .hj-menu-sheet-panel,
html.hj-light-theme body.hj-customer .hj-sheet,
html.hj-light-theme body.hj-customer .modal .hj-sheet,
html.hj-light-theme body.hj-v3 .hj-sheet {
    background: #fff;
    border-color: #e8e4dc;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}

html.hj-light-theme body.hj-customer .hj-menu-sheet-item {
    background: #fafaf9;
    border-color: #e8e4dc;
    color: #18181b;
}

html.hj-light-theme body.hj-customer .hj-menu-sheet-item.danger {
    color: #b91c1c;
}

html.hj-light-theme body.hj-customer .hj-sheet-title,
html.hj-light-theme body.hj-customer .sheet-title {
    color: #18181b;
}

html.hj-light-theme body.hj-customer .close,
html.hj-light-theme body.hj-customer .qty-btn {
    background: #f4f4f5;
    border-color: #e4e4e7;
    color: #3f3f46;
}

/* ── 리스트·주문 카드 ── */
html.hj-light-theme body.hj-customer .hj-list-item,
html.hj-light-theme body.hj-customer .hj-order-card,
html.hj-light-theme body.hj-customer .hj-cart-item,
html.hj-light-theme body.hj-customer .hj-cart-summary-card {
    background: #fff;
    border-color: #e8e4dc;
}

html.hj-light-theme body.hj-customer .hj-empty {
    color: #71717a;
}

html.hj-light-theme body.hj-customer .hj-hint,
html.hj-light-theme body.hj-customer .hj-store-welcome {
    background: rgba(212, 175, 55, 0.1);
    border-color: rgba(212, 175, 55, 0.2);
    color: #52525b;
}

/* ── 매장 선택 ── */
html.hj-light-theme body.hj-customer .hj-address-box,
html.hj-light-theme body.hj-customer .hj-pick-card,
html.hj-light-theme body.hj-v3 .hj-pick-card {
    background: #fff;
    border-color: #e8e4dc;
}

html.hj-light-theme body.hj-customer .hj-address-input,
html.hj-light-theme body.hj-customer .hj-address-results .row {
    background: #fff;
    border-color: #e4e4e7;
    color: #18181b;
}

html.hj-light-theme body.hj-customer .hj-address-lead,
html.hj-light-theme body.hj-customer .hj-pick-status {
    color: #71717a;
}

html.hj-light-theme body.hj-v3 .hj-pick-card.selected {
    border-color: rgba(201, 162, 39, 0.55);
    box-shadow: 0 0 16px rgba(212, 175, 55, 0.1);
}

/* ── 결제·설정 ── */
html.hj-light-theme body.hj-customer .hj-settings-group,
html.hj-light-theme body.hj-customer .pay-card,
html.hj-light-theme body.hj-customer .chip,
html.hj-light-theme body.hj-customer .customer-readonly {
    background: #fff;
    border-color: #e4e4e7;
    color: #3f3f46;
}

html.hj-light-theme body.hj-customer .chip.active,
html.hj-light-theme body.hj-customer .pay-card.active {
    border-color: rgba(201, 162, 39, 0.55);
    background: rgba(232, 201, 106, 0.14);
    color: #7a5606;
}

html.hj-light-theme body.hj-customer .hj-settings-group-title,
html.hj-light-theme body.hj-customer .section-title {
    color: #52525b;
}

html.hj-light-theme body.hj-customer input,
html.hj-light-theme body.hj-customer textarea,
html.hj-light-theme body.hj-customer select {
    background: #fff;
    border-color: #e4e4e7;
    color: #18181b;
}

html.hj-light-theme body.hj-customer .notice {
    background: rgba(212, 175, 55, 0.1);
    color: #52525b;
}

/* ── 주문 추적·계정 ── */
html.hj-light-theme body.hj-customer .hj-order-timeline .step,
html.hj-light-theme body.hj-customer .hj-stamp-card,
html.hj-light-theme body.hj-customer .hj-info-block {
    background: #fff;
    border-color: #e8e4dc;
    color: #3f3f46;
}

html.hj-light-theme body.hj-customer .hj-stamp-big {
    background: linear-gradient(135deg, #c9a227, #9a6f07);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.hj-light-theme body.hj-customer .hj-btn-line {
    background: #fff;
    border-color: #d4d4d8;
    color: #52525b;
}

/* ── 온보딩 오버레이 ── */
html.hj-light-theme body.hj-customer .hj-onboard-backdrop .hj-onboard-card {
    background: #fff;
    color: #18181b;
}