/*
 * 訪客訂單查詢頁（resources/views/storefront/guest-order-inquiry.blade.php）
 * 版面依原型 evo_ec_ux/html/訪客訂單查詢.html：表單 480px 置中、結果 640px 置中。
 * 共用元件（order-block／form-*／action-btn）沿用 storefront.css。
 */

.guest-inquiry { padding: var(--s-8) 0 0; }

.guest-inquiry__head { text-align: center; margin-bottom: var(--s-8); }
.guest-inquiry__title { margin: 0; font-size: 36px; line-height: 1.15; color: var(--fg); }

.guest-inquiry__panel { max-width: 480px; margin: 0 auto; }
.guest-inquiry__panel--wide { max-width: 640px; }

.guest-inquiry__desc { margin: 0 0 var(--s-6); color: var(--fg-muted); }

.guest-inquiry__alert {
    border: 1px solid var(--danger);
    background: var(--danger-soft, #fef2f2);
    color: #b91c1c;
    padding: var(--s-3) var(--s-4);
    margin-bottom: var(--s-5);
    font-size: var(--t-sm, 14px);
}
.guest-inquiry__alert p { margin: 0; }
.guest-inquiry__alert--warning { border-color: var(--warning, #d97706); background: #fff; color: var(--fg); }
.guest-inquiry__alert-title { font-weight: var(--w-medium); margin-bottom: var(--s-1) !important; }

/* 規格：訂單編號輸入自動轉大寫（實際值由 JS 正規化，這裡只管顯示） */
.guest-inquiry__order-no { text-transform: uppercase; }

.guest-inquiry__helper,
.guest-inquiry__support,
.guest-inquiry__keep-note {
    text-align: center;
    font-size: var(--t-sm, 14px);
    color: var(--fg-subtle);
    margin: var(--s-4) 0 0;
}
.guest-inquiry__keep-note { margin: 0 0 var(--s-4); }
.guest-inquiry__helper a,
.guest-inquiry__support a { color: var(--fg); text-decoration: underline; text-underline-offset: 3px; }

.guest-inquiry__loading { text-align: center; color: var(--fg-subtle); }

.guest-inquiry__result-head { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--s-4); flex-wrap: wrap; }
.guest-inquiry__order-no-text { margin: 0 0 var(--s-2); font-size: 20px; font-weight: 700; color: var(--fg); }

.guest-inquiry__status {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 9999px;
    border: 1px solid var(--border, #e5e7eb);
    font-size: var(--t-xs);
    color: var(--fg);
    background: var(--fill-200, #f9fafb);
}
.guest-inquiry__status[data-status="cancelled"],
.guest-inquiry__status[data-status="closed"] { color: #b91c1c; border-color: #fecaca; background: #fef2f2; }
.guest-inquiry__status[data-status="delivered"],
.guest-inquiry__status[data-status="completed"] { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.guest-inquiry__status[data-status="pending_payment"] { color: #b45309; border-color: #fde68a; background: #fdf6ec; }

.guest-inquiry__section-title { font-size: 17px; font-weight: 600; margin: var(--s-6) 0 var(--s-3); color: var(--fg); }
.guest-inquiry__section-title:first-child { margin-top: 0; }

.guest-inquiry__kv { margin: 0; }
.guest-inquiry__kv-row {
    display: flex;
    justify-content: space-between;
    gap: var(--s-4);
    padding: var(--s-2) 0;
    border-bottom: 1px solid var(--line-200, #eee);
}
.guest-inquiry__kv-row dt { color: var(--fg-subtle); flex-shrink: 0; }
.guest-inquiry__kv-row dd { margin: 0; text-align: right; color: var(--fg); word-break: break-word; }
.guest-inquiry__kv-row--danger dd { color: var(--danger); }
/* 取消原因可能是管理員自由文字（含換行）⇒ 保留換行 */
[data-gi-cancel-reason] { white-space: pre-line; }
/* 付款說明（evomni/issues#243）：商家自由文字（銀行／帳號／戶名多行）⇒ 標題一行、內文整行靠左、保留換行；
   帳號不得在任意位置被折斷（同完成頁 [data-oc-bank-transfer-info]），整段放不下才斷。 */
.guest-inquiry__kv-row--stack { flex-direction: column; gap: var(--s-2); }
.guest-inquiry__kv-row--stack dd { text-align: left; white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; }

.guest-inquiry__items { list-style: none; margin: 0; padding: 0; }
.guest-inquiry__item { display: flex; justify-content: space-between; gap: var(--s-3); padding: var(--s-3) 0; border-bottom: 1px solid var(--line-200, #eee); }
.guest-inquiry__item p { margin: 0; }
.guest-inquiry__item-name { font-weight: var(--w-medium); color: var(--fg); }
.guest-inquiry__item-spec,
.guest-inquiry__item-qty { font-size: var(--t-sm, 14px); color: var(--fg-subtle); }
.guest-inquiry__item p.guest-inquiry__item-gift { display: inline-block; margin-top: var(--s-1, 4px); padding: 2px var(--s-2); border-radius: var(--radius); background: var(--brand-soft); color: var(--fg); font-size: var(--t-xs, 12px); }
.guest-inquiry__item p.guest-inquiry__item-gift[hidden] { display: none; }
.guest-inquiry__item-side { text-align: right; flex-shrink: 0; }
.guest-inquiry__item-subtotal { font-variant-numeric: tabular-nums; }

.guest-inquiry__total { display: flex; justify-content: flex-end; align-items: baseline; gap: var(--s-2); margin: var(--s-3) 0 0; }
.guest-inquiry__total strong { font-size: 20px; font-variant-numeric: tabular-nums; }

.guest-inquiry__tracking-link { margin-left: var(--s-2); color: var(--fg); text-decoration: underline; }

.guest-inquiry__return,
.guest-inquiry__join {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--s-4);
    flex-wrap: wrap;
    padding: var(--s-4) var(--s-5);
    margin-top: var(--s-5);
    border: 1px solid var(--line-300, #e5e7eb);
    background: var(--fill-400, #f5f5f5);
}
.guest-inquiry__return p,
.guest-inquiry__join p { margin: 0; }
.guest-inquiry__return-title,
.guest-inquiry__join-title { font-weight: var(--w-medium); color: var(--fg); margin-bottom: var(--s-1) !important; }
.guest-inquiry__return-desc,
.guest-inquiry__join-desc { font-size: var(--t-sm, 14px); color: var(--fg-muted); }