/* =========================================================
   Chao Visuals — WooCommerce 暗色版型
   商店 / 商品 / 購物車 / 結帳 / 帳號 全部套用網站暗色設計
   ========================================================= */

/* 容器：避開固定導覽、置中 */
.shop-wrap{max-width:1200px;margin:0 auto;padding:22vh var(--pad) 12vh}
.woocommerce,.woocommerce-page{color:var(--ink)}
.shop-wrap a{color:var(--ink)}

/* 商店頁標題 */
.woocommerce-products-header__title{text-align:center;font-size:clamp(2rem,5vw,3.4rem);
  font-weight:300;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.term-description{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 30px}

/* 結果數 / 排序 */
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:13px}
.woocommerce .woocommerce-ordering select{background:var(--bg-soft);color:var(--ink);
  border:1px solid var(--line);border-radius:6px;padding:8px 12px}

/* ---------- 商品網格 ---------- */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:26px;margin:40px 0 0}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left}
.woocommerce ul.products li.product a img{border-radius:6px;margin-bottom:16px;aspect-ratio:4/5;
  object-fit:cover;transition:transform .6s var(--ease),filter .6s;filter:grayscale(.1) brightness(.95)}
.woocommerce ul.products li.product a:hover img{transform:translateY(-4px);filter:none}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;font-weight:400;
  color:var(--ink);padding:0;margin:0 0 6px}
.woocommerce ul.products li.product .price{color:var(--accent);font-size:15px}
.woocommerce ul.products li.product .price del{color:var(--muted);opacity:.6;margin-right:6px}
.woocommerce ul.products li.product .price ins{text-decoration:none}

/* ---------- 按鈕 ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--accent);color:#111;border:1px solid var(--accent);border-radius:100px;
  padding:12px 26px;font-size:14px;letter-spacing:.03em;font-weight:500;transition:.3s var(--ease)}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:transparent;color:var(--accent)}
.woocommerce ul.products li.product .button{margin-top:12px;display:inline-block}
.woocommerce ul.products li.product .add_to_cart_button{background:transparent;color:var(--muted);border-color:var(--line)}
.woocommerce ul.products li.product .add_to_cart_button:hover{color:var(--ink);border-color:var(--accent)}

/* 特價標籤 */
.woocommerce span.onsale{background:var(--accent);color:#111;border-radius:100px;min-height:auto;
  min-width:auto;padding:5px 14px;font-size:12px;line-height:1;top:12px;right:12px;left:auto;margin:0}

/* ---------- 單一商品 ---------- */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.woocommerce div.product div.images{margin:0;float:none;width:auto}
.woocommerce div.product div.summary{margin:0;float:none;width:auto}
.woocommerce div.product div.images img{border-radius:6px}
.woocommerce div.product .product_title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;margin:0 0 14px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--accent);font-size:24px;font-weight:300}
.woocommerce div.product .woocommerce-product-details__short-description{color:#cfcfcc;font-size:15px;
  line-height:1.9;margin:18px 0}
.woocommerce div.product form.cart{margin:26px 0}
.woocommerce div.product form.cart div.quantity input,.woocommerce .quantity .qty{background:var(--bg-soft);
  color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;width:74px}
.woocommerce div.product .product_meta{color:var(--muted);font-size:13px;border-top:1px solid var(--line);
  padding-top:18px;margin-top:24px}
.woocommerce div.product .product_meta a{color:var(--accent)}
@media(max-width:820px){.woocommerce div.product{grid-template-columns:1fr}}

/* 變體選擇（尺寸 / 畫框） */
.woocommerce div.product form.cart .variations{border:0;margin-bottom:18px}
.woocommerce div.product form.cart .variations td,.woocommerce div.product form.cart .variations th{padding:8px 0;border:0}
.woocommerce div.product form.cart .variations label{color:var(--muted);font-size:13px;letter-spacing:.05em}
.woocommerce div.product form.cart .variations select{background:var(--bg-soft);color:var(--ink);
  border:1px solid var(--line);border-radius:6px;padding:12px 14px;min-width:220px}
.woocommerce div.product .woocommerce-variation-price .price{font-size:22px}

/* 分頁標籤 */
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:20px}
.woocommerce div.product .woocommerce-tabs ul.tabs{border:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--muted);padding:12px 0;margin-right:30px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none}
.woocommerce-Tabs-panel{color:#cfcfcc;line-height:1.9;padding-top:20px}
.woocommerce-Tabs-panel h2{font-weight:300}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-weight:300;font-size:1.6rem;margin:6vh 0 30px}

/* ---------- 購物車 / 表格 ---------- */
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);border-collapse:separate}
.woocommerce table.shop_table th{color:var(--ink);border-top:0}
.woocommerce table.shop_table td{border-top:1px solid var(--line);color:#cfcfcc}
.woocommerce-cart table.cart img{width:70px;border-radius:4px}
.woocommerce .cart_totals{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:6px 24px}
.woocommerce a.remove{color:var(--accent)!important}
.woocommerce a.remove:hover{background:var(--accent);color:#111!important}

/* ---------- 結帳表單 ---------- */
.woocommerce form .form-row label,.woocommerce-checkout label{color:var(--muted);font-size:13px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce-checkout input,.woocommerce-checkout textarea,
.select2-container--default .select2-selection--single{background:var(--bg-soft)!important;color:var(--ink)!important;
  border:1px solid var(--line)!important;border-radius:6px!important;padding:12px 14px!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ink);line-height:1.6}
.select2-dropdown{background:var(--bg-soft);color:var(--ink);border-color:var(--line)}
.woocommerce #order_review,.woocommerce-checkout #order_review{background:var(--bg-soft);
  border:1px solid var(--line);border-radius:8px;padding:8px 24px}
.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--bg-soft);
  border-top:3px solid var(--accent);color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--accent)}
.woocommerce-error{border-top-color:#c85050}

/* ---------- 帳號頁 ---------- */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{color:var(--muted);padding:12px 0;display:block}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--accent)}

/* ---------- 分頁 / 麵包屑 ---------- */
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:6px 12px;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--accent);color:#111;border-color:var(--accent)}
.woocommerce-breadcrumb{color:var(--muted);font-size:13px;letter-spacing:.05em;margin-bottom:30px}
.woocommerce-breadcrumb a{color:var(--accent)}