/* 主選單字體（大項目） */
.main-navigation > ul > li > a {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
}

/* 子選單字體（下拉選單） */
.main-navigation ul.sub-menu a {
  font-family: 'Mulish', sans-serif;
  font-weight: 400;
}

/* ✅ 商品分類頁橫幅修正：背景色、排版、清除多餘空間 */
body.woocommerce.archive .entry-hero,
body.woocommerce.archive .entry-hero-section,
body.woocommerce.archive .entry-hero:before,
body.woocommerce.archive header.entry-header,
body.woocommerce.archive .entry-hero-container,
body.woocommerce.archive .entry-header:before,
body.woocommerce.archive .hero-section-overlay {
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* ✅ 標題與麵包屑整合排版 */
body.woocommerce.archive header.entry-header .entry-hero-container-inner,
body.woocommerce.archive header.entry-header .entry-header-inner,
body.woocommerce.archive header.entry-header .hero-container {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem 0 !important;
  min-height: auto !important;
  height: auto !important;
}

/* ✅ 標題與麵包屑文字設定 */
body.woocommerce.archive header.entry-header .entry-title,
body.woocommerce.archive header.entry-header .woocommerce-breadcrumb {
  color: #333333 !important;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0.25em 0;
}

/* ✅ 商品列表區背景也變白（原本是粉色） */
body.woocommerce.archive .site-main,
body.woocommerce.archive .content-area,
body.woocommerce.archive.woocommerce {
  background-color: #ffffff !important;
}
/* ✅ 讓標題與麵包屑文字變成中灰色 */
body.woocommerce.archive header.entry-header .entry-title,
body.woocommerce.archive header.entry-header .woocommerce-breadcrumb {
  color: #666666 !important;
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0.25em 0;
}
/* 🛠 強制指定分類頁標題區的文字顏色為深灰 */
body.woocommerce.archive .entry-header .entry-title,
body.woocommerce.archive .woocommerce-breadcrumb {
  color: #333333 !important;
}

/* 🛠 強制 WooCommerce 商品分類頁的背景為白色 */
body.woocommerce.archive .site-main,
body.woocommerce.archive .content-area,
body.woocommerce.archive.woocommerce {
  background-color: #ffffff !important;
}

/* 🛠 避免繼承錯誤，強制套用主標題排版樣式 */
body.woocommerce.archive .entry-header .entry-title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1rem;
}
/* 🔧 強制分類頁標題與麵包屑字顏色顯示 */
body.woocommerce.archive .entry-header .entry-title,
body.woocommerce.archive .woocommerce-breadcrumb {
  color: #333 !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* ✅ 強制 WooCommerce 顯示商品分類頁的標題與麵包屑字體，修正消失或透明問題 */
body.woocommerce.archive header.entry-header {
  color: #333 !important;
  position: relative !important;
  z-index: 3 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

body.woocommerce.archive header.entry-header * {
  color: #333 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* ✅ 修正遮蓋層 z-index */
body.woocommerce.archive .hero-section-overlay {
  z-index: 1 !important;
  pointer-events: none;
  opacity: 0.01;
}
/* ＝＝＝＝＝＝＝＝＝＝＝
   🛠 WooCommerce 商品分類頁調整：標題與底色
   ＝＝＝＝＝＝＝＝＝＝＝ */
body.woocommerce.archive .entry-header {
  background-color: #ffffff !important;
  padding: 60px 0 20px 0 !important;
}

body.woocommerce.archive .entry-title {
  color: #333 !important;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 10px;
}

body.woocommerce.archive .woocommerce-breadcrumb {
  color: #666666 !important;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
}
/* 🧼 移除商品分類頁 hero 粉紅遮罩 */
body.woocommerce.archive .hero-section-overlay,
body.woocommerce.archive .entry-hero::before {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}
/* ✅ 正確清除商品分類頁 hero 區塊的背景，不影響文字 */
body.woocommerce.archive .entry-hero,
body.woocommerce.archive .entry-hero::before,
body.woocommerce.archive .entry-hero-section,
body.woocommerce.archive .hero-section-overlay,
body.woocommerce.archive .hero-section-overlay::before {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
/* ✅ 強制移除商品分類 hero 區塊的 ::before 背景 */
body.woocommerce.archive .entry-hero::before {
    display: none !important;
}
/* ✅ 終極移除粉條（背景殘影）*/
body.woocommerce.archive .hero-section-overlay::before,
body.woocommerce.archive .entry-hero::before,
body.woocommerce.archive .hero-section-overlay,
body.woocommerce.archive .entry-hero {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    opacity: 0 !important;
    z-index: -1 !important;
    display: none !important;
}
/* 強制顯示商品分類頁標題 */
body.woocommerce.archive header.entry-header .entry-title {
  color: #333 !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  z-index: 10 !important; /* 確保標題不被遮擋 */
  background-color: #ffffff !important; /* 添加背景色，避免被透明背景遮住 */
  opacity: 1 !important;
}

/* 強制顯示麵包屑文字 */
body.woocommerce.archive header.entry-header .woocommerce-breadcrumb {
  color: #666666 !important;
  font-size: 1.1rem !important;
  font-weight: 400 !important;
  text-align: center !important;
  margin-bottom: 10px !important;
  opacity: 1 !important;
}

/* 清除多餘的背景與遮蓋層 */
body.woocommerce.archive .hero-section-overlay,
body.woocommerce.archive .entry-hero::before,
body.woocommerce.archive .entry-hero {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 0 !important;
  z-index: -1 !important;
  display: none !important;
}

/* 確保商品分類頁內容區背景顏色 */
body.woocommerce.archive .site-main,
body.woocommerce.archive .content-area,
body.woocommerce.archive.woocommerce {
  background-color: #ffffff !important;
}





/* ✅ WooCommerce 系統訊息（如：加入購物車／折價提醒）黑底白字，品牌紫左線 */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-left: 5px solid #a892d4;
  padding: 1em;
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
  color: #a892d4 !important;
  text-decoration: underline;
}

/* ✅ 付款方式主區塊：黑底白字＋品牌紫左線＋圓角美化 */
.wc-payment-method {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-left: 4px solid #a892d4;
  padding: 1em;
  border-radius: 6px;
  margin-bottom: 1em;
}

/* ✅ Google Pay／Apple Pay 等付款標籤文字 白字處理 */
.wc-payment-method label,
.wc-payment-method .wc-stripe-google-pay-label span,
.wc-payment-method .wc-stripe-apple-pay-label span {
  color: #ffffff !important;
}

/* ✅ 條款連結、付款連結皆為品牌紫 */
.wc-payment-method label a,
.woocommerce-checkout-review-order-table a,
.woocommerce-terms-and-conditions-link {
  color: #a892d4 !important;
  text-decoration: underline;
}

/* ✅ 付款說明（銀行轉帳下方的備註）微調內邊距 */
.wc-payment-method .payment_box {
  margin-top: 0.5em;
  padding-left: 0.5em;
}

/* ✅ 各付款選項（Radio）：
　　未選中：白底黑字　已選中：黑底白字＋品牌紫線 */
.wc_payment_method input[type="radio"] + label {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  padding: 1em;
  display: block;
  border-radius: 6px;
  border-left: 4px solid transparent;
  transition: all 0.3s ease;
}
.wc_payment_method input[type="radio"]:checked + label {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-left: 4px solid #a892d4 !important;
}




.woocommerce-product-gallery {
  height: auto !important;
  min-height: unset !important;
}