@charset "UTF-8";
/* 方巷子專屬助手：前台樣式 */
:root {
	--sqp-ink: #1d2433;
	--sqp-muted: #5b6475;
	--sqp-line: #dfe3ea;
	--sqp-soft: #f5f7fa;
	--sqp-blue: #1f4fa3;
	--sqp-blue-soft: #e8eefa;
	--sqp-orange: #b4540a;
	--sqp-orange-soft: #fdf0e3;
	--sqp-green: #1d7a45;
	--sqp-green-soft: #e6f4ec;
	--sqp-red: #b42318;
	--sqp-red-soft: #fdecea;
	--sqp-radius: 8px;
}

/* 這個站的版型會把部分區塊設成靠右，方巷子專屬助手的區塊一律靠左 */
.sqp-info, .sqp-plan, .sqp-preview, .sqp-cod-choice, .sqp-agree, .sqp-account, .sqp-thankyou, .sqp-siblings { text-align: left; }
#placeOrderWrap > .sqp-agree { margin: 0 0 16px; }

/* 標籤 */
.sqp-badge {
	display: inline-block;
	padding: 2px 8px;
	border-radius: 999px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 600;
	background: var(--sqp-soft);
	color: var(--sqp-ink);
	white-space: nowrap;
}
.sqp-badge--overseas_preorder { background: var(--sqp-orange-soft); color: var(--sqp-orange); }
.sqp-badge--overseas_stock { background: var(--sqp-blue-soft); color: var(--sqp-blue); }
.sqp-badge--tw_stock { background: var(--sqp-green-soft); color: var(--sqp-green); }

/* 商品類型的實心色：海外預購＝橘紅、海外現貨＝藍、台灣現貨＝綠 */
:root {
	--sqp-type-overseas_preorder: #d9480f;
	--sqp-type-overseas_stock: #1f4fa3;
	--sqp-type-tw_stock: #1d7a45;
}
.sqp-info__head .sqp-badge { padding: 4px 12px; font-size: 14px; line-height: 20px; font-weight: 700; color: #fff; }
.sqp-info__head .sqp-badge--overseas_preorder { background: var(--sqp-type-overseas_preorder); }
.sqp-info__head .sqp-badge--overseas_stock { background: var(--sqp-type-overseas_stock); }
.sqp-info__head .sqp-badge--tw_stock { background: var(--sqp-type-tw_stock); }

/* 商品圖左上角的類型標籤：商品列表（JetEngine、WooCommerce 原生）與商品頁大圖 */
.sqp-type .jet-listing-dynamic-image,
li.product.sqp-type,
.sqp-page-sqp-type .woocommerce-product-gallery { position: relative; }
.sqp-type .jet-listing-dynamic-image::before,
li.product.sqp-type::before,
.sqp-page-sqp-type .woocommerce-product-gallery::before {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 5;
	padding: 3px 10px;
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: .04em;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .18);
	pointer-events: none;
}
.sqp-page-sqp-type .woocommerce-product-gallery::before { top: 14px; left: 14px; padding: 5px 14px; font-size: 16px; line-height: 24px; border-radius: 8px; }
.sqp-type--overseas_preorder .jet-listing-dynamic-image::before, li.product.sqp-type--overseas_preorder::before, .sqp-page-sqp-type--overseas_preorder .woocommerce-product-gallery::before { content: "海外預購"; background: var(--sqp-type-overseas_preorder); }
.sqp-type--overseas_stock .jet-listing-dynamic-image::before, li.product.sqp-type--overseas_stock::before, .sqp-page-sqp-type--overseas_stock .woocommerce-product-gallery::before { content: "海外現貨"; background: var(--sqp-type-overseas_stock); }
.sqp-type--tw_stock .jet-listing-dynamic-image::before, li.product.sqp-type--tw_stock::before, .sqp-page-sqp-type--tw_stock .woocommerce-product-gallery::before { content: "台灣現貨"; background: var(--sqp-type-tw_stock); }
@media (max-width: 600px) {
	.sqp-type .jet-listing-dynamic-image::before, li.product.sqp-type::before { top: 6px; left: 6px; padding: 2px 8px; font-size: 12px; line-height: 18px; }
	.sqp-page-sqp-type .woocommerce-product-gallery::before { top: 10px; left: 10px; padding: 4px 12px; font-size: 14px; line-height: 22px; }
}

/* 付款類別標示（商品頁、購物車、結帳頁共用） */
.sqp-paytag {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
}
.sqp-paytag--prepay { background: var(--sqp-red); color: #fff; }
.sqp-paytag--cod { background: var(--sqp-green-soft); color: var(--sqp-green); box-shadow: inset 0 0 0 1px #b9dfc8; }
.sqp-paytag-row { display: block; margin: 6px 0 0; }
.woocommerce-checkout-review-order-table .sqp-paytag-row { margin: 4px 0 0; }
.sqp-info__paynote { display: block; margin: 4px 0 0; color: var(--sqp-muted); font-size: 13px; }

/* 商品頁代購資訊 */
.sqp-info {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid var(--sqp-line);
	border-radius: var(--sqp-radius);
	background: #fff;
	color: var(--sqp-ink);
	font-size: 14px;
	line-height: 1.6;
}
.sqp-info__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; }
.sqp-info__release { font-weight: 600; }
/* 整個區塊共用一組欄寬，各列內容左緣對齊 */
.sqp-info__rows { margin: 0; display: grid; grid-template-columns: max-content 1fr; column-gap: 12px; }
.sqp-info__rows > div { display: contents; }
.sqp-info__rows dt, .sqp-info__rows dd { margin: 0; padding: 6px 0; border-top: 1px dashed var(--sqp-line); }
.sqp-info__rows dt { color: var(--sqp-muted); font-weight: 400; white-space: nowrap; }
.sqp-info__notice { margin: 10px 0 0; padding: 10px 12px 10px 28px; background: var(--sqp-soft); border-radius: 6px; color: var(--sqp-muted); font-size: 13px; }
.sqp-info__notice li { margin: 0; }

/* 商品頁付款方案 */
.sqp-plan { margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--sqp-line); border-radius: var(--sqp-radius); background: var(--sqp-soft); width: 100%; box-sizing: border-box; }
.sqp-plan__title { margin: 0 0 8px; font-weight: 700; font-size: 14px; }
.sqp-plan__option { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; font-size: 14px; line-height: 1.5; cursor: pointer; }
.sqp-plan__option:last-child { margin-bottom: 0; }
.sqp-plan__option input { margin-top: 4px; flex: none; }

/* 拆單預覽 */
.sqp-preview { margin: 20px 0; color: var(--sqp-ink); font-size: 14px; line-height: 1.6; clear: both; }
.sqp-preview__title { margin: 0 0 4px; font-size: 16px; font-weight: 700; }
.sqp-preview__desc { margin: 0 0 12px; color: var(--sqp-muted); }
.sqp-preview__section { margin: 0 0 14px; }
.sqp-preview__section-title { margin: 0 0 8px; padding: 6px 10px; border-radius: 6px; font-weight: 700; }
.sqp-preview__section--cod .sqp-preview__section-title { background: var(--sqp-green-soft); color: var(--sqp-green); }
.sqp-preview__section--online .sqp-preview__section-title { background: var(--sqp-blue-soft); color: var(--sqp-blue); }
.sqp-card { margin: 0 0 10px; padding: 12px 14px; border: 1px solid var(--sqp-line); border-radius: var(--sqp-radius); background: #fff; }
.sqp-card__title { margin: 0 0 6px; font-weight: 700; }
.sqp-card__items { margin: 0 0 8px; padding: 0; list-style: none; }
.sqp-card__items li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 3px 0; }
.sqp-card__name { flex: 1 1 12em; min-width: 0; }
.sqp-card__dep { color: var(--sqp-orange); font-size: 13px; }
.sqp-tag { display: inline-block; padding: 0 6px; border-radius: 4px; background: var(--sqp-orange-soft); color: var(--sqp-orange); font-size: 12px; line-height: 20px; }
.sqp-card__rows, .sqp-preview__sum { margin: 0; }
.sqp-card__rows > div, .sqp-preview__sum > div { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; }
.sqp-card__rows dt, .sqp-preview__sum dt { margin: 0; font-weight: 400; color: var(--sqp-muted); }
.sqp-card__rows dd, .sqp-preview__sum dd { margin: 0; text-align: right; }
.sqp-card__total { border-top: 1px solid var(--sqp-line); margin-top: 4px; padding-top: 6px !important; font-weight: 700; }
.sqp-card__total dt { color: var(--sqp-ink) !important; }
.sqp-card__note { margin: 8px 0 0; padding: 8px 10px; background: var(--sqp-blue-soft); border-radius: 6px; color: var(--sqp-blue); font-size: 13px; }
.sqp-preview__sum { padding: 10px 14px; border-radius: var(--sqp-radius); background: var(--sqp-soft); font-size: 15px; }
.sqp-preview__sum dd { font-weight: 700; }

/* 可貨到付款商品的付款選擇 */
.sqp-cod-choice { margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--sqp-line); border-radius: var(--sqp-radius); background: #fff; font-size: 14px; line-height: 1.6; }
.sqp-cod-choice__title { margin: 0 0 4px; font-weight: 700; }
.sqp-cod-choice__items { margin: 0 0 8px; color: var(--sqp-muted); font-size: 13px; }
.sqp-cod-choice__option { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 6px; cursor: pointer; }
.sqp-cod-choice__option input { margin-top: 5px; flex: none; }
.sqp-cod-choice__note { margin: 6px 0 0; color: var(--sqp-orange); font-size: 13px; }

/* 結帳代購流程說明 */
.sqp-agree { margin: 0 0 16px; padding: 12px 14px; border: 1px solid #f0c9a3; border-radius: var(--sqp-radius); background: var(--sqp-orange-soft); color: var(--sqp-ink); font-size: 14px; line-height: 1.6; }
.sqp-agree__title { margin: 0 0 6px; font-weight: 700; color: var(--sqp-orange); }
.sqp-agree p { margin: 0 0 6px; }
.sqp-agree__keep, .sqp-keep { white-space: nowrap; } /* 「請參閱」與頁面名稱整段換行，不拆開 */
.sqp-agree__rules a { color: var(--sqp-orange); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.sqp-agree__check { display: flex; align-items: flex-start; gap: 8px; margin: 8px 0 0; font-weight: 700; cursor: pointer; }
.sqp-agree__check input { margin-top: 5px; flex: none; }
.sqp-agree__check abbr { text-decoration: none; border: 0; color: var(--sqp-red); }

/* 完成頁、會員中心 */
.sqp-thankyou, .sqp-siblings, .sqp-account { margin: 24px 0; }
.sqp-group-table .is-current td { background: var(--sqp-blue-soft); }
.sqp-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 24px !important; padding: 0 !important; list-style: none; counter-reset: sqp; }
.sqp-steps li { position: relative; flex: 1 1 7em; min-width: 6.5em; padding: 8px 8px 8px 30px; border-radius: 6px; background: var(--sqp-soft); color: var(--sqp-muted); font-size: 13px; line-height: 1.4; counter-increment: sqp; }
.sqp-steps li { margin: 0 !important; }
.sqp-steps li::before { content: counter(sqp); position: absolute; left: 8px; top: 8px; width: 16px; height: 16px; box-sizing: border-box; border: 1px solid #b8bfcc; border-radius: 50%; background: #fff; color: var(--sqp-muted); font-size: 11px; line-height: 14px; text-align: center; }
.sqp-steps li.is-done { background: var(--sqp-green-soft); color: var(--sqp-green); }
.sqp-steps li.is-done::before { content: "✓"; background: var(--sqp-green); border-color: var(--sqp-green); color: #fff; }
.sqp-steps li.is-current { background: var(--sqp-blue); color: #fff; font-weight: 700; }
.sqp-steps li.is-current::before { background: #fff; border-color: #fff; color: var(--sqp-blue); }
.sqp-account__note { padding: 10px 12px; border-radius: 6px; background: var(--sqp-soft); }
.sqp-deposit-table th { width: auto; white-space: nowrap; }
.sqp-price-change { margin: 16px 0; padding: 14px 16px; border: 1px solid #f0c9a3; border-radius: var(--sqp-radius); background: var(--sqp-orange-soft); }
.sqp-price-change h2 { margin-top: 0; }
.sqp-price-change__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.sqp-price-change__actions .sqp-form p { margin: 0; }
.sqp-form textarea { width: 100%; box-sizing: border-box; }
.sqp-combined-note { padding: 10px 12px; border-radius: 6px; background: var(--sqp-blue-soft); color: var(--sqp-blue); }

@media (max-width: 600px) {
	.sqp-info, .sqp-plan, .sqp-cod-choice, .sqp-agree, .sqp-card { padding: 12px; }
	.sqp-steps li { flex: 1 1 calc(50% - 6px); }
	.sqp-preview__sum { font-size: 14px; }
	.sqp-group-table { font-size: 13px; }
}

/* 主題對會員中心的清單有更具體的 padding 設定，這裡用更高的具體度歸零 */
.woocommerce .sqp-account ol.sqp-steps,
.woocommerce-account .sqp-account ol.sqp-steps { padding: 0 !important; margin-left: 0 !important; padding-inline-start: 0 !important; }

/* 同次結帳訂單表：手機改為直式卡片 */
.sqp-group-table td, .sqp-group-table th { white-space: normal; }
.sqp-group-table td[data-title="狀態"], .sqp-group-table th:last-child { white-space: nowrap; }
@media (max-width: 600px) {
	.sqp-group-table thead { display: none; }
	.sqp-group-table, .sqp-group-table tbody, .sqp-group-table tr, .sqp-group-table td { display: block; width: 100%; box-sizing: border-box; }
	.sqp-group-table tr { margin: 0 0 10px; border: 1px solid var(--sqp-line); border-radius: var(--sqp-radius); overflow: hidden; }
	.sqp-group-table td { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px !important; border: 0 !important; border-top: 1px solid var(--sqp-line) !important; text-align: right !important; }
	.sqp-group-table td:first-child { border-top: 0 !important; }
	.sqp-group-table td::before { content: attr(data-title); flex: none; color: var(--sqp-muted); text-align: left; }
}

@media (max-width: 600px) { .sqp-group-table { border: 0 !important; } }

/* 會員中心訂單列表的文字按鈕（這個站的列表按鈕預設只有圖示） */
.wcmtx_custom_action:has(.sqp-list-action) { width: auto !important; min-width: 0 !important; height: auto !important; padding: 0 !important; border-radius: 999px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.sqp-list-action { display: inline-block; padding: 6px 14px; border-radius: 999px; background: var(--sqp-blue); color: #fff; font-size: 14px; line-height: 20px; font-weight: 700; white-space: nowrap; }
.sqp-list-action--pay { background: var(--sqp-red); }
/* Customize My Account 的 01 範本只畫圖示、不讀 icon_html：用按鈕種類的 class 補上文字 */
.order-arrow.sqp_pay_balance, .order-arrow.sqp_price { width: auto !important; height: auto !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.order-arrow.sqp_pay_balance a, .order-arrow.sqp_price a { display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; min-height: 36px; padding: 6px 14px !important; border-radius: 999px !important; color: #fff !important; font-size: 14px; line-height: 20px; font-weight: 700; white-space: nowrap; text-decoration: none !important; }
.order-arrow.sqp_pay_balance a { background: var(--sqp-red) !important; }
.order-arrow.sqp_price a { background: var(--sqp-blue) !important; }
.order-arrow.sqp_pay_balance a::before { content: "付尾款"; }
.order-arrow.sqp_price a::before { content: "確認新價格"; }

/* 訂單明細的商品欄位（商品類型、預計發售…）：主題給清單加了左邊距＋內距，手機版會超出儲存格壓到金額 */
.woocommerce .woocommerce-table--order-details ul.wc-item-meta { margin: 6px 0 0; padding-left: 0 !important; list-style: none; }
/* 商品列儲存格沒有內距，商品名稱貼著表格邊；對齊表頭與下方各列的 12px */
.woocommerce .woocommerce-table--order-details tbody td,
.woocommerce .woocommerce-table--order-details tfoot td { padding-left: 12px !important; padding-right: 12px !important; }
.woocommerce .woocommerce-table--order-details ul.wc-item-meta li { margin: 0; }