/* =================================================================
 * ATTHIS 商店前台樣式（子佈景主題）
 * 1. 共用色彩　2. 商品頁　3. 購物車抽屜　4. 購物車頁
 * 5. 結帳頁　6. 重新付款頁
 * ================================================================= */

/* 1. 共用色彩 ------------------------------------------------------ */
:root{
	--atthis-ink:#222;
	--atthis-muted:#777;
	--atthis-line:#e8e4dd;
	--atthis-soft:#faf8f5;
	--atthis-cta:#FFC439;        /* 主要行動按鈕（結帳、下單） */
	--atthis-cta-hover:#F2B320;
	--atthis-brand:#1f4d3d;      /* 品牌綠（圖示） */
}

/* 所有「結帳 / 前往結帳 / 確認下單」按鈕 */
.wc-block-cart__submit-button,
.wc-block-cart__submit-button.contained,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.widget_shopping_cart .buttons a.checkout,
.woocommerce-checkout #place_order{
	background:var(--atthis-cta)!important;border-color:var(--atthis-cta)!important;color:#111!important;font-weight:700
}
.wc-block-cart__submit-button .wc-block-components-button__text{color:#111!important}
.wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.widget_shopping_cart .buttons a.checkout:hover,
.woocommerce-checkout #place_order:hover{
	background:var(--atthis-cta-hover)!important;border-color:var(--atthis-cta-hover)!important;color:#111!important
}

/* PayPal 快速按鈕：只在結帳頁的付款方式中出現 */
.single-product .ppc-button-wrapper,
.widget_shopping_cart .ppc-button-wrapper,
#ppc-button-minicart,
.wc-block-cart__payment-options,
.woocommerce-cart .wc-proceed-to-checkout .ppc-button-wrapper,
.woocommerce-cart .wc-proceed-to-checkout .ppcp-messages{display:none!important}

/* 2. 商品頁 -------------------------------------------------------- */
:has(> .atthis-view-cart){flex-wrap:wrap}
.atthis-view-cart{display:inline-flex;flex:none;align-items:center;justify-content:center;height:44px;padding:0 22px;margin-left:10px;border:1px solid currentColor;color:inherit;font-size:14px;letter-spacing:.05em;text-decoration:none;vertical-align:top;transition:background .2s,color .2s}
.atthis-view-cart:hover{background:var(--atthis-ink);border-color:var(--atthis-ink);color:#fff}
.atthis-pay-info{list-style:none;margin:20px 0;padding:0;border:1px solid #e6e2da;border-radius:4px}
.atthis-pay-info__item{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;margin:0;border-top:1px solid #efece6}
.atthis-pay-info__item:first-child{border-top:0}
.atthis-pay-info__icon{flex:none;color:var(--atthis-brand);line-height:0;padding-top:1px}
.atthis-pay-info__body{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5}
.atthis-pay-info__body strong{font-weight:600;color:var(--atthis-ink)}
.atthis-pay-info__body span{color:#666}
.atthis-pay-info__item.is-highlight{background:#f3f7f4}
.atthis-pay-info__item.is-highlight strong{color:var(--atthis-brand);font-size:15px}
@media (max-width:600px){
	.atthis-view-cart{margin:10px 0 0;width:100%;flex:1 1 100%}
	:has(> .atthis-view-cart) > .single_add_to_cart_button{flex:1 1 auto}
	.atthis-pay-info{margin:16px 0}
	.atthis-pay-info__item{padding:10px 12px;gap:10px}
	.atthis-pay-info__body{font-size:13px}
	.atthis-pay-info__item.is-highlight strong{font-size:14px}
}

/* 3. 購物車抽屜：見 layout.css */

/* 4. 購物車頁 ------------------------------------------------------ */
.wc-block-cart__submit-container::after,
.woocommerce-cart .wc-proceed-to-checkout::after{content:"結帳時可選擇：超商取貨付款・信用卡・ATM 轉帳";display:block;margin-top:12px;text-align:center;font-size:13px;color:#666;letter-spacing:.03em}
@media (max-width:781px){.wc-block-cart__submit-container::after{margin-top:8px;font-size:12px}}

/* 5. 結帳頁 -------------------------------------------------------- */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout .atthis-hidden{display:none!important}
/* 步驟區塊 */
.atthis-step{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--atthis-line)}
.atthis-step:last-child{border-bottom:0}
.atthis-step__title{display:flex;align-items:center;gap:10px;margin:0 0 18px!important;padding:0!important;border:0!important;font-size:18px!important;font-weight:600!important;line-height:1.3;color:var(--atthis-ink)}
.atthis-step__num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--atthis-ink);color:#fff;font-size:13px;font-weight:600}
.atthis-step .atthis-fields{display:flex;flex-wrap:wrap;justify-content:space-between}
.atthis-step .atthis-fields .form-row{margin-bottom:14px}
.atthis-step .atthis-fields .form-row-wide,.atthis-step .atthis-fields #billing_country_field,.atthis-step .atthis-fields #billing_address_1_field,.atthis-step .atthis-fields #billing_address_2_field{width:100%}
.atthis-step .atthis-fields .form-row-first,.atthis-step .atthis-fields .form-row-last{width:calc(50% - 8px)}
#atthis-step-address .atthis-fields #billing_state_field,#atthis-step-address .atthis-fields #billing_city_field,#atthis-step-address .atthis-fields #billing_postcode_field{width:calc(33.333% - 8px)}
.atthis-step .woocommerce-additional-fields{margin-top:6px}
.atthis-step .woocommerce-additional-fields h3{display:none}
/* 選項卡片：運送 + 付款 */
#atthis-shipping-slot #shipping_method,.atthis-step .wc_payment_methods{list-style:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
#atthis-shipping-slot #shipping_method li,.atthis-step .wc_payment_methods > li{position:relative;display:flex!important;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0 0 10px!important;padding:14px 16px!important;border:1px solid var(--atthis-line)!important;border-radius:6px!important;background:#fff!important;cursor:pointer;transition:border-color .15s,background .15s;box-shadow:none!important}
#atthis-shipping-slot #shipping_method li.is-selected,.atthis-step .wc_payment_methods > li.is-selected{border-color:var(--atthis-ink)!important;background:var(--atthis-soft)!important}
#atthis-shipping-slot #shipping_method li input,.atthis-step .wc_payment_methods > li > input{margin:0!important;flex:none;accent-color:var(--atthis-ink)}
#atthis-shipping-slot #shipping_method li label,.atthis-step .wc_payment_methods > li > label{flex:1 1 0;min-width:0;margin:0!important;padding:0!important;font-size:15px;font-weight:500;color:var(--atthis-ink);cursor:pointer;display:flex!important;justify-content:space-between;align-items:baseline;gap:10px}
#atthis-shipping-slot #shipping_method li label .amount{font-weight:600;white-space:nowrap}
.woocommerce-shipping-methods li{flex-wrap:wrap}
.woocommerce-shipping-methods li .atthis-nwp-hint{flex:1 1 100%;padding-left:26px;margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--atthis-muted)}
.atthis-step .wc_payment_methods > li .payment_box{flex:1 1 100%;margin:10px 0 0!important;padding:10px 12px!important;background:#fff!important;border-radius:4px;font-size:13px;color:var(--atthis-muted)}
.atthis-step .wc_payment_methods > li .payment_box::before{display:none!important}
.atthis-step .wc_payment_methods > li img{max-height:22px;width:auto;margin:0 0 0 6px}
#atthis-shipping-slot .woocommerce-shipping-destination,#atthis-shipping-slot .woocommerce-shipping-calculator{display:none}
/* 取貨門市說明 */
.atthis-cvs-note{display:none;margin:0 0 16px;padding:14px 16px;border-radius:6px;background:var(--atthis-soft);border:1px solid var(--atthis-line);font-size:14px;line-height:1.6;color:var(--atthis-ink)}
.atthis-cvs-note strong{display:block;margin-bottom:2px}
.woocommerce-checkout.atthis-is-cvs .atthis-cvs-note{display:block}
.woocommerce-checkout.atthis-is-cvs #atthis-step-address .atthis-fields{display:none}
/* 付款區（從右側移到步驟 4） */
.atthis-step #payment{background:none!important;border:0!important;padding:0!important;margin:0!important}
.atthis-step #payment .place-order{padding:6px 0 0!important;margin:0!important;border:0!important}
.atthis-step #payment .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--atthis-muted)}
.woocommerce-checkout #place_order{display:block;width:100%!important;height:54px;margin-top:14px!important;float:none!important;border:0!important;border-radius:4px!important;font-size:16px!important;letter-spacing:.1em;transition:background .2s}
/* 訂單摘要 */
form.woocommerce-checkout ~ #order_review_heading,#order_review_heading{font-size:18px!important;font-weight:600!important;margin-bottom:14px!important}
form.woocommerce-checkout #order_review .shop_table{border-radius:6px;overflow:hidden}
#order_review tr.shipping td .atthis-ship-picked{font-weight:500}
.atthis-summary-toggle{display:none}
@media (min-width:769px){form.woocommerce-checkout #order_review{position:sticky;top:110px}}
@media (max-width:768px){
	form.woocommerce-checkout{display:flex;flex-direction:column}
	form.woocommerce-checkout #customer_details{order:2;width:100%!important;float:none!important}
	.elementor-widget:has(form.woocommerce-checkout),
	.elementor-widget:has(.woocommerce-form-coupon-toggle),
	.woocommerce-order-pay .elementor-widget:has(form#order_review){width:auto!important;max-width:calc(100% - 40px)!important;align-self:stretch}
	form.woocommerce-checkout #order_review_heading{order:0;width:100%!important;float:none!important;margin:0 0 24px!important;padding:0!important;border:0!important}
	form.woocommerce-checkout.atthis-summary-open #order_review_heading{margin-bottom:0!important}
	form.woocommerce-checkout #order_review{order:1;width:100%!important;float:none!important;margin:0 0 24px!important}
	.atthis-summary-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:1px solid var(--atthis-line);border-radius:6px;background:var(--atthis-soft);font-size:15px;font-weight:600;color:var(--atthis-ink);cursor:pointer}
	.atthis-summary-toggle .atthis-summary-caret{display:inline-block;margin-left:8px;transition:transform .2s;font-size:12px}
	.atthis-summary-open .atthis-summary-toggle .atthis-summary-caret{transform:rotate(180deg)}
	#order_review_heading .atthis-heading-text{display:none}
	form.woocommerce-checkout:not(.atthis-summary-open) #order_review{display:none}
	form.woocommerce-checkout.atthis-summary-open #order_review{margin-top:10px!important}
	.atthis-step .atthis-fields .form-row-first,.atthis-step .atthis-fields .form-row-last,#atthis-step-address .atthis-fields #billing_postcode_field{width:100%}
	#atthis-step-address .atthis-fields #billing_state_field,#atthis-step-address .atthis-fields #billing_city_field,.atthis-step .atthis-fields #billing_last_name_field,.atthis-step .atthis-fields #billing_first_name_field{width:calc(50% - 6px)}
	.atthis-step{padding-bottom:22px;margin-bottom:22px}
	.atthis-step__title{font-size:17px!important}
}

/* 6. 重新付款頁（order-pay） --------------------------------------- */
.woocommerce-order-pay .woocommerce{max-width:640px;margin:0 auto}
.woocommerce-order-pay form#order_review br,.woocommerce-order-pay form#order_review p:empty,.woocommerce-order-pay #payment .wc_payment_method > p:empty{display:none!important}
.atthis-pay-head{margin:10px 0 22px}
.atthis-pay-head h2{margin:0 0 6px!important;font-size:22px!important;font-weight:600!important;color:var(--atthis-ink)}
.atthis-pay-head p{margin:0;font-size:14px;color:var(--atthis-muted);line-height:1.6}
.woocommerce-order-pay form#order_review .shop_table{width:100%;margin:0 0 26px;border:1px solid var(--atthis-line)!important;border-radius:6px;border-collapse:separate;overflow:hidden;font-size:14px}
.woocommerce-order-pay form#order_review .shop_table th,.woocommerce-order-pay form#order_review .shop_table td{padding:12px 16px!important;border:0!important;border-top:1px solid var(--atthis-line)!important;background:#fff}
.woocommerce-order-pay form#order_review .shop_table thead th{border-top:0!important;background:var(--atthis-soft);font-weight:600}
.woocommerce-order-pay form#order_review .shop_table tfoot tr:last-child th,.woocommerce-order-pay form#order_review .shop_table tfoot tr:last-child td{font-size:16px;font-weight:700}
.woocommerce-order-pay #payment{background:none!important;border:0!important;padding:0!important}
.woocommerce-order-pay #payment .wc_payment_methods{list-style:none!important;margin:0 0 18px!important;padding:0!important;border:0!important}
.woocommerce-order-pay #payment .wc_payment_method{display:flex!important;flex-wrap:wrap;align-items:center;gap:0 10px;margin:0 0 10px!important;padding:14px 16px!important;border:1px solid var(--atthis-line)!important;border-radius:6px;background:#fff;list-style:none!important;cursor:pointer}
.woocommerce-order-pay #payment .wc_payment_method::marker{content:none}
.woocommerce-order-pay #payment .wc_payment_method:has(> input:checked){border-color:var(--atthis-ink)!important;background:var(--atthis-soft)}
.woocommerce-order-pay #payment .wc_payment_method > input{margin:0!important;flex:none;accent-color:var(--atthis-ink)}
.woocommerce-order-pay #payment .wc_payment_method > p{margin:0!important;flex:1 1 0;min-width:0}
.woocommerce-order-pay #payment .wc_payment_method label{margin:0!important;font-size:15px;font-weight:500;color:var(--atthis-ink);cursor:pointer}
.woocommerce-order-pay #payment .payment_box{flex:1 1 100%;margin:8px 0 0 26px!important;padding:0!important;background:none!important;font-size:13px;color:var(--atthis-muted)}
.woocommerce-order-pay #payment .payment_box p{margin:0!important}
.woocommerce-order-pay #payment .payment_box::before{display:none!important}
.woocommerce-order-pay #payment .form-row{padding:0!important;margin:0!important}
.woocommerce-order-pay #payment .woocommerce-privacy-policy-text{font-size:12.5px;color:var(--atthis-muted)}
.woocommerce-order-pay #payment .woocommerce-privacy-policy-text p{margin:0 0 8px}
@media (max-width:768px){
	.woocommerce-order-pay form#order_review .shop_table th,.woocommerce-order-pay form#order_review .shop_table td{padding:10px 12px!important}
	.woocommerce-order-pay form#order_review .shop_table thead th,.woocommerce-order-pay form#order_review .shop_table .product-quantity{white-space:nowrap}
}