/* ============================================================
   Timedrip — WooCommerce 暗色整合 v0.2
   暗色酒窖 × 吧檯暖光：商品卡／單品頁／表格／表單／通知
   ============================================================ */

/* ---- 全域容器 ---- */
.wp-site-blocks{background:var(--bg)}
.woocommerce{color:var(--text)}
.woocommerce h1,.woocommerce h2,.woocommerce h3{font-family:var(--font-serif); color:var(--text)}
.woocommerce-breadcrumb{color:var(--text-dim); font-size:.8rem; letter-spacing:.06em; margin:6px 0 18px}
.woocommerce-breadcrumb a{color:var(--accent); text-decoration:none}
.woocommerce-products-header h1{font-size:2rem; margin-top:6px}

/* ---- 按鈕（含 YITH 詢價按鈕） ---- */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.add-request-quote-button.button,
a.add-request-quote-button.ywraq-link,
.ywraq-link.button{
  background:transparent; color:var(--accent); border:1px solid var(--accent);
  border-radius:999px; padding:.7em 1.4em; font-weight:500; letter-spacing:.04em;
  transition:background .15s ease, box-shadow .15s ease, color .15s ease;
  text-decoration:none; font-family:var(--font-sans); font-size:.9rem; line-height:1.4;
}
.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.add-request-quote-button.button:hover,
a.add-request-quote-button.ywraq-link:hover{
  background:rgba(201,162,75,.14); color:var(--accent);
  box-shadow:0 0 0 4px rgba(201,162,75,.08);
}
.woocommerce .button.alt,
.woocommerce button.button.alt{background:var(--accent); color:#191408; border-color:var(--accent)}
.woocommerce .button.alt:hover{background:#d8b25c; color:#191408}

/* ---- 商品存檔（卡片格） ---- */
.woocommerce ul.products{
  display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:22px; margin:26px 0 44px; padding:0; list-style:none;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
/* 修正（2026-09-13 DSH F12 POC 截圖複驗發現）：Woo legacy 的 columns-N 百分比寬（22.05%）
   在 grid cell 內被壓成細條（實測 60px）→ 覆寫為撐滿格線（zh/ja 共通；分類頁＋相關商品列） */
.woocommerce ul.products li.product{width:100% !important; float:none !important}
.woocommerce ul.products li.product{
  margin:0; padding:22px 18px 20px; display:flex; flex-direction:column; gap:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0)) , var(--bg-elev);
  border:1px solid rgba(201,162,75,.16); border-radius:var(--radius);
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px); border-color:rgba(201,162,75,.45); box-shadow:var(--shadow);
}
.woocommerce ul.products li.product a img{
  aspect-ratio:3/4; object-fit:cover; width:100%; height:auto; margin:0 0 14px;
  border-radius:10px; background:radial-gradient(120% 90% at 50% 0%,rgba(201,162,75,.10),transparent 60%), var(--bg-soft);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--font-serif); font-size:1rem; color:var(--text); padding:0; margin:0;
}
.woocommerce ul.products li.product .price{color:var(--text-dim); font-size:.8rem; margin:2px 0 10px}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add-request-quote-button.button,
.woocommerce ul.products li.product a.add-request-quote-button.ywraq-link{
  margin-top:auto; width:100%; text-align:center; box-sizing:border-box; padding:.62em 1em; font-size:.82rem;
}
.woocommerce ul.products li.product .onsale{
  background:var(--accent); color:#191408; border-radius:8px; padding:2px 10px; font-size:.72rem;
}

/* ---- 單品頁 ---- */
.wp-block-woocommerce-single-product{padding-top:10px}
.single-product .woocommerce-product-gallery,
.wp-block-woocommerce-product-image-gallery{
  background:var(--bg-elev); border:1px solid rgba(201,162,75,.16);
  border-radius:var(--radius); padding:14px; height:fit-content;
}
.single-product .product_title,
.wp-block-woocommerce-single-product .wp-block-post-title{font-family:var(--font-serif); font-size:2rem; letter-spacing:.03em; margin-bottom:6px}
.single-product .woocommerce-product-details__short-description,
.wp-block-woocommerce-single-product .wp-block-post-excerpt{color:var(--text-dim)}
.single-product .summary .price,
.wp-block-woocommerce-product-price{color:var(--accent); font-family:var(--font-serif)}

/* tabs（介紹/規格/評論） */
.woocommerce-tabs{grid-column:1/-1; border-top:1px solid var(--line); margin-top:44px; padding-top:6px}
.woocommerce-tabs ul.tabs{padding:0; margin:0 0 18px; display:flex; gap:18px; list-style:none; border-bottom:1px solid var(--line); flex-wrap:wrap}
.woocommerce-tabs ul.tabs li{margin:0}
.woocommerce-tabs ul.tabs li a{color:var(--text-dim); padding:10px 2px; display:inline-block; text-decoration:none; font-size:.92rem}
.woocommerce-tabs ul.tabs li.active a{color:var(--accent); border-bottom:2px solid var(--accent)}
.woocommerce-tabs .panel{color:var(--text-dim); padding-top:8px}

/* 規格表 */
table.shop_attributes{border-collapse:collapse; width:100%; margin:10px 0 20px}
table.shop_attributes th,table.shop_attributes td{
  border-bottom:1px solid rgba(245,241,232,.08); padding:9px 12px; text-align:left; background:transparent;
}
table.shop_attributes th{color:var(--text); font-weight:500; width:30%}

/* ---- 一般表格（詢價清單／購物車） ---- */
table.shop_table{
  width:100%; border-collapse:collapse; background:var(--bg-elev);
  border:1px solid rgba(201,162,75,.16); border-radius:var(--radius); overflow:hidden;
}
table.shop_table th{background:rgba(201,162,75,.08); color:var(--text); padding:12px 14px; text-align:left; font-weight:500}
table.shop_table td{padding:12px 14px; border-top:1px solid rgba(245,241,232,.07); color:var(--text-dim)}
table.shop_table a{color:var(--accent); text-decoration:none}
table.shop_table .product-remove a{color:#c26a5e}

/* ---- 通知條 ---- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  background:var(--bg-elev); border:1px solid rgba(201,162,75,.25); border-left:3px solid var(--accent);
  color:var(--text-dim); border-radius:10px; padding:12px 16px; margin:22px 0;
}
.woocommerce-error{border-left-color:#B6534A}

/* ---- 表單（含詢價單頁） ---- */
/* 先餵 Woo 官方的 form CSS 變數（Woo 自己的規則就會採用我們的色） */
.woocommerce,.woocommerce-page{
  --wc-form-color-background:rgba(255,255,255,.03);
  --wc-form-color-text:var(--text);
  --wc-form-border-color:rgba(245,241,232,.18);
  --wc-form-border-radius:10px;
}
.woocommerce input[type="text"],.woocommerce input[type="email"],.woocommerce input[type="tel"],
.woocommerce input[type="number"],.woocommerce input[type="password"],.woocommerce input[type="search"],
.woocommerce textarea,.woocommerce select,
.woocommerce form .form-row .input-text,.woocommerce .form-row input.input-text,.woocommerce form input.input-text,
.ywraq input[type="text"],.ywraq input[type="email"],.ywraq input[type="tel"],.ywraq textarea,
.ywraq-wrapper input[type="text"],.ywraq-wrapper input[type="email"],.ywraq-wrapper textarea,.ywraq-wrapper select,
.ywraq-wrapper .input-text,
#yith-ywraq-form input[type="text"],#yith-ywraq-form input[type="email"],#yith-ywraq-form textarea{
  background:rgba(255,255,255,.03); border:1px solid rgba(245,241,232,.18); color:var(--text);
  border-radius:10px; padding:.7em .9em; font-family:var(--font-sans); width:100%; box-sizing:border-box;
}
.woocommerce input:focus,.woocommerce textarea:focus,.woocommerce select:focus,
.ywraq input:focus,.ywraq textarea:focus{
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(201,162,75,.15);
}
.woocommerce label,.ywraq label{color:var(--text-dim); font-size:.85rem}
.woocommerce .quantity input.qty{
  background:rgba(255,255,255,.03); color:var(--text); border:1px solid rgba(245,241,232,.18); border-radius:8px; width:4.4em;
  padding:.5em .4em; text-align:center;
}

/* ---- 分頁 ---- */
.woocommerce nav.woocommerce-pagination ul{border:none; display:flex; gap:8px; justify-content:center; margin:30px 0; padding:0}
.woocommerce nav.woocommerce-pagination ul li{border:none; margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  display:inline-flex; min-width:38px; height:38px; align-items:center; justify-content:center;
  border:1px solid rgba(245,241,232,.16); border-radius:10px; color:var(--text-dim); text-decoration:none;
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--accent); color:#191408; border-color:var(--accent)}

/* ---- 評論 ---- */
#reviews #comments ol.commentlist{padding:0}
#reviews #comments ol.commentlist li{background:transparent; margin-bottom:16px; padding-bottom:14px; border-bottom:1px solid rgba(245,241,232,.07)}
.comment-form label{display:block; margin-bottom:4px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form textarea{margin-bottom:12px}

/* ---- 詢價單頁（YITH RAQ） ---- */
.ywraq-wrapper,.yith-ywraq-mail-form-wrapper{color:var(--text)}
.ywraq-wrapper h2,.ywraq-wrapper h3{font-family:var(--font-serif)}
.ywraq-wrapper .raq-list{width:100%}
.ywraq_button,button.ywraq_link{display:inline-block}

/* ---- 麵包屑/側欄小工具 ---- */
.woocommerce-widget-layered-nav-list a{color:var(--text-dim); text-decoration:none}
.woocommerce-widget-layered-nav-list a:hover{color:var(--accent)}
.widget,.wp-block-widget-area{color:var(--text-dim)}

/* ---- 篩選列（td_filters 短碼；URL 原生篩選） ---- */
.td-chips{display:flex; flex-direction:column; gap:10px; margin:2px 0 24px}
.td-chips__group{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
.td-chips__label{min-width:44px; font-size:.78rem; letter-spacing:.18em; color:var(--accent); text-transform:uppercase; font-family:var(--font-sans)}
.td-chip{display:inline-flex; align-items:center; gap:6px; padding:.32em .85em; border:1px solid rgba(245,241,232,.16); border-radius:999px; color:var(--text-dim); font-size:.82rem; text-decoration:none; transition:border-color .15s ease,color .15s ease,background .15s ease; line-height:1.6}
.td-chip i{font-style:normal; font-size:.7rem; color:rgba(185,178,164,.65)}
.td-chip:hover{border-color:rgba(201,162,75,.5); color:var(--text)}
.td-chip.is-active{background:var(--accent); border-color:var(--accent); color:#191408}
.td-chip.is-active i{color:rgba(25,20,8,.6)}
.td-chips__clear{color:#c26a5e; font-size:.8rem; text-decoration:none; align-self:flex-start; margin-top:2px}
.td-chips__clear:hover{text-decoration:underline}
@media (max-width:720px){ .td-chips__group{gap:6px} .td-chip{font-size:.78rem; padding:.28em .7em} .td-chips__label{min-width:100%; font-size:.72rem} }

/* ---- 法遵警語 ---- */
.td-warn{color:var(--text-dim); font-size:.78rem; letter-spacing:.08em; margin-top:12px; padding-top:10px; border-top:1px dashed rgba(185,178,164,.25)}

/* ---- 存檔頁排序/計數條 ---- */
.woocommerce-result-count{color:var(--text-dim); font-size:.82rem; letter-spacing:.04em}
.woocommerce-ordering select{background:rgba(255,255,255,.03); border:1px solid rgba(245,241,232,.18); color:var(--text); border-radius:10px; padding:.55em .9em; font-family:var(--font-sans)}
.woocommerce-ordering select:focus{outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(201,162,75,.15)}

/* ---- 單品頁佈局（classic legacy） ---- */
.single-product div.product{display:grid; grid-template-columns:minmax(260px,44%) minmax(280px,1fr); gap:42px; align-items:start; padding:24px 0 50px}
.single-product div.product .woocommerce-product-gallery{float:none!important; width:100%!important; margin:0!important}
.single-product div.product .summary{float:none!important; width:100%!important; margin:0!important}
.single-product div.product .woocommerce-tabs,
.single-product div.product .related,
.single-product div.product .upsells{grid-column:1/-1; width:100%!important; float:none!important; margin-top:26px}
.single-product div.product .woocommerce-product-gallery__wrapper{border-radius:var(--radius); overflow:hidden}
.single-product .related.products > h2,
.single-product .upsells > h2{font-family:var(--font-serif); font-size:1.35rem; margin:10px 0 16px}
.single-product .woocommerce-tabs h2{font-family:var(--font-serif); font-size:1.2rem}
@media (max-width:820px){.single-product div.product{grid-template-columns:1fr; gap:24px}}