:root{--page-title-display:none;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap');

/* ===== 1. 隱藏 Breadcrumb 路徑 ===== */
.woocommerce-breadcrumb {
  display: none !important;
}

/* ===== 2. Header 遮擋修復 ===== */
.woocommerce div.product {
  margin-top: 110px !important;
}

/* ===== 3. 左右並排佈局 + 置中 + 間距 ===== */
.woocommerce div.product {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 60px !important;
  padding: 40px 60px !important;
}

/* ===== 4. 圖片欄（左）===== */
.woocommerce div.product div.images {
  width: 45% !important;
  float: none !important;
  flex-shrink: 0;
}

/* ===== 5. 文字欄（右）===== */
.woocommerce div.product div.summary {
  width: 40% !important;
  float: none !important;
  flex-shrink: 0;
}

/* ===== 6. 隱藏 Tab 區塊 ===== */
.woocommerce-tabs {
  display: none !important;
}

/* ===== 7. 隱藏圖片 caption ===== */
.woocommerce-product-gallery figcaption,
.wp-caption-text,
figure figcaption {
  display: none !important;
}

/* ===== 8. 隱藏 SKU / Category ===== */
.product_meta {
  display: none !important;
}

/* ===== 9. 字體全站套用 Nunito Sans ===== */
body,
.woocommerce div.product,
.woocommerce div.product *,
input, select, textarea, button {
  font-family: 'Nunito Sans', sans-serif !important;
}

/* ===== 10. 金額顏色 ===== */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product .price .amount,
.woocommerce div.product bdi {
  color: #734324 !important;
}

/* ===== 10a. 金額下方描述文字 ===== */
.woocommerce div.product p.price::after,
.woocommerce div.product span.price::after {
  content: "A thoughtful gift for pet lovers. Let them choose a custom FurFurni piece for their beloved companion. Delivered instantly by email after purchase.";
  display: block !important;
  margin-top: 12px !important;
  font-size: 14px !important;
  font-family: 'Nunito Sans', sans-serif !important;
  color: #6b6b6b !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* ===== 11. ADD TO CART 按鈕 ===== */
.woocommerce div.product .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button {
  background-color: #734324 !important;
  border-color: #734324 !important;
  color: #ffffff !important;
}

.woocommerce div.product .single_add_to_cart_button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: #5a3219 !important;
  border-color: #5a3219 !important;
}

/* ===== 11a. ADD TO CART 下方提示文字 ===== */
.woocommerce div.product form.cart::after {
  content: "Sent digitally by email after purchase.";
  display: block !important;
  margin-top: 10px !important;
  font-size: 13px !important;
  font-family: 'Nunito Sans', sans-serif !important;
  color: #999999 !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

/* ===== 12. GIFT CARD AMOUNT 背景 ===== */
.woocommerce div.product form.cart .variations_form .woocommerce-variation-add-to-cart,
.woocommerce div.product form .gift-card-field-wrapper,
.woocommerce div.product form table.variations,
.woocommerce div.product form.cart > div:first-of-type,
.wc-pimwick-gift-card-product .pgwc-gift-card-field-container {
  background-color: #B79E8E3D !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

/* ===== 13. Dropdown 字體與大小優化 ===== */
.woocommerce div.product form select,
.woocommerce div.product form .select2-selection,
.woocommerce div.product form .select2-selection__rendered {
  font-size: 16px !important;
  font-family: 'Nunito Sans', sans-serif !important;
  padding: 12px 16px !important;
  height: auto !important;
  line-height: 1.5 !important;
  color: #3a3a3a !important;
  border: 1px solid #d0b9a8 !important;
  border-radius: 6px !important;
}

/* ===== 14. 手機版 ===== */
@media (max-width: 768px) {
  .woocommerce div.product {
    margin-top: 10px !important;
    padding: 20px !important;
    gap: 30px !important;
  }
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary {
    width: 100% !important;
  }
}/* End custom CSS */