/*
 * 楓驛 樣式覆蓋
 * 白底 + 金色 accent 白金風格
 */

/* === 全站背景 === */
html body,
body.woocommerce,
body.woocommerce-page {
  background-color: #F8F6F0 !important;
  color: #1A1A1A !important;
}

#wrapper,
.fusion-page-wrapper {
  background-color: #F8F6F0 !important;
}

/* === Header 深色 #1A1A1A === */
.fusion-header-wrapper,
.fusion-header,
.fusion-header-sticky-height {
  background-color: #1A1A1A !important;
  border-bottom: 2px solid #C8A96E !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

/* Top bar */
.fusion-secondary-header {
  background-color: #111111 !important;
  border-bottom: 1px solid #333333 !important;
  box-shadow: none !important;
}

.fusion-secondary-header a,
.fusion-secondary-header .fusion-secondary-menu > ul > li > a {
  color: #C8A96E !important;
}

.fusion-secondary-header a:hover {
  color: #E8D5B0 !important;
}

/* === 導覽列文字 白色 + 金色hover === */
.fusion-main-menu > ul > li > a {
  color: #FFFFFF !important;
}

.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current-menu-ancestor > a {
  color: #C8A96E !important;
}

/* 下拉選單 */
.fusion-main-menu .sub-menu {
  background-color: #1A1A1A !important;
  border: 1px solid #333333 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
}

.fusion-main-menu .sub-menu li a {
  color: #E8D5B0 !important;
}

.fusion-main-menu .sub-menu li a:hover {
  color: #C8A96E !important;
  background-color: #2A2A2A !important;
}

/* Sticky header */
.fusion-is-sticky .fusion-header {
  background-color: rgba(26,26,26,0.97) !important;
}

/* Mobile header */
#side-header,
.fusion-mobile-nav-holder,
.fusion-mobile-menu-design-modern .fusion-header {
  background-color: #1A1A1A !important;
}

.fusion-mobile-nav-holder .fusion-mobile-nav-item a {
  color: #FFFFFF !important;
}

.fusion-mobile-nav-holder .fusion-mobile-nav-item a:hover {
  color: #C8A96E !important;
}

/* === 商品卡片 質感重設 === */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 12px !important;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* fusion-product-wrapper 深色背景 → 白 */
.woocommerce ul.products li.product .fusion-product-wrapper,
.woocommerce-page ul.products li.product .fusion-product-wrapper {
  background: #FFFFFF !important;
}

/* 圖片區 */
.woocommerce ul.products li.product .featured-image,
.woocommerce ul.products li.product .product-images {
  background: #F8F6F0 !important;
}

.woocommerce ul.products li.product img {
  border-radius: 0;
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* 商品名稱 白字 → 深炭色 */
.woocommerce ul.products li.product .product-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  color: #1A1A1A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 12px 14px 4px !important;
  margin: 0 !important;
  /* 超過兩行截斷 */
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.4 !important;
  min-height: 2.8em !important;
}

/* 價格 */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .fusion-price-rating .price {
  color: #A68B2A !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 4px 14px 10px !important;
  display: block !important;
  background: transparent !important;
}

/* 按鈕區 */
.woocommerce ul.products li.product .fusion-button-wrapper,
.woocommerce ul.products li.product .product-buttons {
  padding: 0 14px 14px !important;
  background: transparent !important;
}

.woocommerce ul.products li.product .fusion-button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .button {
  background: #C8A96E !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  transition: background 0.2s !important;
  box-shadow: none !important;
}

.woocommerce ul.products li.product .fusion-button:hover,
.woocommerce ul.products li.product a.button:hover {
  background: #A68B2A !important;
}

/* hover 效果 */
.woocommerce ul.products li.product:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.10) !important;
  transform: translateY(-2px);
}

/* === 單品頁 === */
.woocommerce div.product {
  background: #F8F6F0;
}

.woocommerce div.product .product_title {
  font-size: 26px;
  font-weight: 800;
  color: #1A1A1A;
}

.woocommerce div.product .price {
  color: #A68B2A !important;
  font-size: 22px;
  font-weight: 700;
}

.woocommerce div.product .woocommerce-product-gallery__image img {
  border-radius: 12px;
  border: 1px solid #E5E5E5;
}

/* === 加入購物車按鈕 === */
.woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: #C8A96E !important;
  color: white !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 32px !important;
  transition: background 0.2s;
}

.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
  background: #A68B2A !important;
}

/* === 購物車 === */
.woocommerce-cart table.cart {
  background: #FFFFFF;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E5E5E5;
}

.woocommerce-cart table.cart thead th {
  background: #1A1A1A;
  color: white;
  font-size: 13px;
  font-weight: 700;
  padding: 14px 16px;
  border: none;
}

.woocommerce-cart table.cart td {
  border-color: #E5E5E5 !important;
  padding: 16px;
}

.woocommerce-cart .cart_totals {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  border-radius: 12px;
  padding: 24px;
}

.woocommerce a.checkout-button,
.woocommerce .checkout-button {
  background: #C8A96E !important;
  color: white !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 14px 32px !important;
}

/* === 通用按鈕 === */
.fusion-button,
.fusion-button.button-default {
  border-radius: 8px !important;
}

/* === 麵包屑 === */
.woocommerce .woocommerce-breadcrumb {
  font-size: 13px;
  color: #888888;
}

.woocommerce .woocommerce-breadcrumb a {
  color: #A68B2A;
}

/* === 庫存狀態 === */
.woocommerce .in-stock {
  color: #2D8B55 !important;
  font-weight: 700;
}

.woocommerce .out-of-stock {
  color: #C0392B !important;
  font-weight: 700;
}

/* === Sale badge === */
.woocommerce span.onsale {
  background: #C8A96E !important;
  color: white !important;
  border-radius: 6px !important;
  font-weight: 700;
}

/* === Footer 深色 === */
#footer,
.fusion-footer-widget-area,
.fusion-footer-copyright-area {
  background-color: #1A1A1A !important;
  color: #BBBBBB !important;
  border-top: 2px solid #C8A96E !important;
}

.fusion-footer-widget-area h3,
.fusion-footer-widget-area h4,
.fusion-footer-widget-area .widget-title {
  color: #C8A96E !important;
}

.fusion-footer-widget-area p,
.fusion-footer-widget-area li,
.fusion-footer-copyright-area {
  color: #BBBBBB !important;
}

#footer a,
.fusion-footer-widget-area a,
.fusion-footer-copyright-area a {
  color: #C8A96E !important;
}

#footer a:hover,
.fusion-footer-widget-area a:hover,
.fusion-footer-copyright-area a:hover {
  color: #E8D5B0 !important;
}

/* =====================================================
   商品分類頁 - 米白金色 對齊 preview.html
===================================================== */

/* 頁面背景 */
body.tax-product_cat #wrapper,
body.tax-product_cat .fusion-page-wrapper,
body.tax-product_cat #main {
  background-color: #F8F6F0 !important;
}

/* fusion-product-wrapper 深色 → 白 */
body.tax-product_cat .fusion-product-wrapper {
  background: #FFFFFF !important;
}

/* 圖片區米色 */
body.tax-product_cat ul.products li.product .featured-image,
body.tax-product_cat ul.products li.product a.product-images {
  background: #F0EDE6 !important;
}

/* 商品名稱 深色 */
body.tax-product_cat ul.products li.product .product-title,
body.tax-product_cat ul.products li.product h3,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
  color: #1A1A1A !important;
  background: transparent !important;
  padding: 12px 14px 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* 價格 金色 */
body.tax-product_cat ul.products li.product .price,
body.tax-product_cat ul.products li.product .amount {
  color: #A68B2A !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  background: transparent !important;
  padding: 2px 14px 8px !important;
}

/* 按鈕 金色漸層 */
body.tax-product_cat ul.products li.product .fusion-button,
body.tax-product_cat ul.products li.product a.button,
body.tax-product_cat ul.products li.product .button {
  background: linear-gradient(135deg, #C8A96E, #A68B2A) !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  box-shadow: 0 2px 8px rgba(200,169,110,0.3) !important;
  display: block !important;
  width: calc(100% - 28px) !important;
  margin: 0 14px 14px !important;
  text-align: center !important;
}

body.tax-product_cat ul.products li.product .fusion-button:hover,
body.tax-product_cat ul.products li.product a.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(200,169,110,0.4) !important;
}

/* =====================================================
   商品內頁 - 修正白字問題
===================================================== */

/* 商品標題 */
.single-product .product_title,
.single-product h1.entry-title {
  color: #1A1A1A !important;
}

/* 描述文字、段落 */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__short-description *,
.single-product .entry-content,
.single-product .entry-content *,
.single-product p,
.woocommerce-tabs .woocommerce-Tabs-panel p,
.woocommerce-tabs .woocommerce-Tabs-panel * {
  color: #1A1A1A !important;
}

/* 分類、標籤連結 */
.single-product .posted_in a,
.single-product .tagged_as a,
.single-product .product_meta a {
  color: #C8A96E !important;
}

/* 描述/規格 tab 標題 */
.single-product .fusion-woocommerce-tab-title,
.single-product .wc-tab h2,
.single-product .woocommerce-tabs h2 {
  color: #1A1A1A !important;
}

/* 相關商品標題 */
.single-product .related.products h2,
.single-product .upsells.products h2,
.single-product .title-heading-left {
  color: #1A1A1A !important;
}

/* 相關商品卡片文字 */
.single-product .related.products ul.products li.product .product-title,
.single-product .related.products ul.products li.product h3,
.single-product .related.products .woocommerce-loop-product__title,
.single-product .upsells.products .woocommerce-loop-product__title {
  color: #1A1A1A !important;
}

/* 詳情、連結 */
.single-product a.show_details_button,
.single-product .woocommerce-loop-product__link {
  color: #C8A96E !important;
}

.single-product a.show_details_button:hover {
  color: #A68B2A !important;
}

/* 庫存狀態 */
.single-product .stock {
  color: #2D8B55 !important;
}

/* 價格 */
.single-product .price,
.single-product .price .amount,
.single-product .price .woocommerce-Price-amount {
  color: #A68B2A !important;
}

/* 商品內頁 main 黑色背景清除 */
.single-product #main,
.single-product main.clearfix,
.single-product .post-content,
.woocommerce.single-product #main {
  background-color: #F8F6F0 !important;
}

/* WooCommerce tab 按鈕 */
.woocommerce-tabs [role="tab"],
.woocommerce-tabs .tabs a,
.woocommerce-tabs ul.tabs li a {
  background-color: #F0EBE0 !important;
  color: #1A1A1A !important;
  border: 1px solid #E0D5C0 !important;
  border-radius: 6px 6px 0 0 !important;
}

.woocommerce-tabs [role="tab"][aria-selected="true"],
.woocommerce-tabs .tabs li.active a {
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border-bottom-color: #FFFFFF !important;
}

.woocommerce-tabs [role="tab"]:hover {
  background-color: #FFFFFF !important;
  color: #C8A96E !important;
}

/* tab panel 背景 */
.woocommerce-tabs .panel,
.woocommerce-tabs .woocommerce-Tabs-panel {
  background-color: #FFFFFF !important;
  border: 1px solid #E0D5C0 !important;
  color: #1A1A1A !important;
}

/* 租借日期 bar 輸入框文字顏色 */
#fengyi-start-date,
#fengyi-end-date,
#fy-pickup,
#fy-return,
.fengyi-date-field input[type="date"],
.fengyi-rental-bar input[type="date"] {
  color: #1A1A1A !important;
  -webkit-text-fill-color: #1A1A1A !important;
}

/* 商品分類頁 - 隱藏 Avada page title bar */
.tax-product_cat .fusion-page-title-bar,
.tax-product_cat .fusion-page-title-wrapper,
.tax-product_cat #main .fusion-page-title-bar {
  display: none !important;
}

/* === 導覽列精品金色 hover indicator === */

/* 移除紅色底線，改成金色 */
.fusion-main-menu > ul > li > a::after,
.fusion-main-menu > ul > li > a::before,
.fusion-main-menu > ul > li.current-menu-item > a::after,
.fusion-main-menu > ul > li:hover > a::after {
  background-color: #C8A96E !important;
  border-color: #C8A96E !important;
}

/* Avada bar highlight style */
.avada-menu-highlight-style-bar .fusion-main-menu > ul > li > a::after {
  background-color: #C8A96E !important;
}

/* hover 文字金色 */
.fusion-main-menu > ul > li > a:hover,
.fusion-main-menu > ul > li.current-menu-item > a,
.fusion-main-menu > ul > li.current-menu-ancestor > a {
  color: #C8A96E !important;
}

/* 移除任何紅色 border/outline */
.fusion-main-menu > ul > li > a,
.fusion-main-menu > ul > li > a:hover {
  border-color: transparent !important;
  outline-color: transparent !important;
}

/* secondary header 連結 hover */
.fusion-secondary-header a:hover {
  color: #C8A96E !important;
}

/* rental-cart 頁面背景 */
.page-id-26525 #main,
.page-id-26525 .fusion-page-wrapper,
.page-id-26525 #wrapper {
  background-color: #F8F6F0 !important;
}

/* === rental-cart / rental-checkout 頁面背景 === */
body.page-id-rental-cart,
body.page-id-rental-checkout,
body.lens-rental-checkout-page,
body.lens-rental-cart-page,
body.lens-rental-checkout-page,
body.lens-rental-cart-page,
body.lens-rental-checkout-page #wrapper,
body.lens-rental-checkout-page .fusion-page-wrapper,
body.lens-rental-cart-page #wrapper,
body.lens-rental-cart-page .fusion-page-wrapper,
body.lens-rental-checkout-page #main,
body.lens-rental-cart-page #main {
  background-color: #F8F6F0 !important;
  color: #1A1A1A !important;
}

/* Avada 把黑色設在 html 元素上，強制覆蓋 */
html:has(body.lens-rental-checkout-page),
html:has(body.lens-rental-cart-page) {
  background-color: #F8F6F0 !important;
}

/* === 商品頁 grid 全寬 === */
.fengyi-shop-wrap .fusion-row {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* fusion-row 是 fengyi-shop-wrap 的父層情況 */
.fusion-row:has(> .fengyi-shop-wrap) {
  max-width: 100% !important;
  width: 100% !important;
}
body.archive main.clearfix,
body.woocommerce main.clearfix,
body.tax-product_cat main.clearfix {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* === 結帳/租借車頁 輸入框白底 === */
.lens-rental-checkout-page input,
.lens-rental-checkout-page select,
.lens-rental-checkout-page textarea,
.lens-rental-cart-page input,
.lens-rental-cart-page select,
.lens-rental-cart-page textarea {
  background-color: #ffffff !important;
  color: #1A1A1A !important;
  border: 1px solid #E5E5E5 !important;
}
.lens-rental-checkout-page input:focus,
.lens-rental-checkout-page select:focus,
.lens-rental-checkout-page textarea:focus {
  border-color: #C8A96E !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(200,169,110,0.15) !important;
}

/* === 結帳頁 手機版 RWD 全面修復 === */
@media (max-width: 768px) {
  /* Avada 容器 — 強制全寬不溢出 */
  body.lens-rental-checkout-page,
  body.lens-rental-cart-page {
    overflow-x: hidden !important;
  }
  body.lens-rental-checkout-page #wrapper,
  body.lens-rental-checkout-page .fusion-page-wrapper,
  body.lens-rental-checkout-page #main,
  body.lens-rental-checkout-page .fusion-row,
  body.lens-rental-checkout-page main.clearfix,
  body.lens-rental-checkout-page #content,
  body.lens-rental-checkout-page .post-content,
  body.lens-rental-cart-page #wrapper,
  body.lens-rental-cart-page .fusion-page-wrapper,
  body.lens-rental-cart-page #main,
  body.lens-rental-cart-page .fusion-row,
  body.lens-rental-cart-page main.clearfix,
  body.lens-rental-cart-page #content,
  body.lens-rental-cart-page .post-content {
    max-width: 100vw !important;
    overflow-x: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .checkout-layout {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 100% !important;
  }
  .checkout-sidebar {
    position: static !important;
    max-width: 100% !important;
  }
  .checkout-main {
    padding: 14px !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    word-wrap: break-word !important;
  }
  .form-row {
    grid-template-columns: 1fr !important;
  }
  .customer-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }
  .customer-tabs .customer-tab {
    padding: 8px 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  .pay-option {
    padding: 10px !important;
  }
  .btn-lg {
    padding: 12px 16px !important;
    font-size: 14px !important;
  }

  /* 付款提示紅色 banner — 防止文字溢出 */
  .payment-section > div[style*="background:#CC0000"] {
    flex-wrap: wrap !important;
    font-size: 13px !important;
    padding: 10px 12px !important;
    word-break: break-word !important;
  }

  /* 押金說明區域 */
  #lensDepositNote {
    font-size: 12px !important;
    padding: 8px 10px !important;
    word-break: break-word !important;
  }

  /* 租借須知 */
  .checkout-sidebar > div[style*="border-radius:10px"] {
    font-size: 11px !important;
    padding: 10px !important;
    word-break: break-word !important;
  }

  /* inline container 覆蓋 */
  .lens-rental .container {
    padding: 12px 10px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* === 商品內頁 — 價格下方加分隔線延伸到底 === */
.single-product div.product .summary .price,
.single-product div.product .entry-summary .price,
.single-product div.product .entry-summary > .price,
.single-product .product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  border-bottom: 2px solid #C8A96E !important;
  padding-bottom: 18px !important;
  margin-bottom: 18px !important;
  display: block !important;
}

/* Google reCAPTCHA badge 防止橫向溢出 */
.grecaptcha-badge {
  visibility: hidden !important;
}

/* === Nav 購物車 + 放大鏡：純白 SVG 圖示（2026-05-26） ===
   awb-icons 字型失敗 → ::before 顯示為黃點（border-radius:50%）
   改用白色 SVG background-image 替換，完全脫離字型依賴 */

/* 1a. 清除 search <a> 本身的 highlight-style-background 方塊 */
.fusion-main-menu .fusion-main-menu-search > a {
  background: transparent !important;
  background-color: transparent !important;
}

/* 1. 清除字型點和圓形背景 */
.fusion-main-menu .fusion-widget-cart-counter > a:before,
.fusion-main-menu .fusion-main-menu-search > a:after,
.fusion-flyout-menu-icons .fusion-icon:before,
.fusion-flyout-menu-icons .awb-icon-shopping-cart:before,
.fusion-flyout-menu-icons .awb-icon-search:before,
.fusion-mobile-menu-icons .fusion-icon:before {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 2. 白色購物車 SVG */
.fusion-main-menu .fusion-widget-cart-counter > a:before,
.fusion-flyout-menu-icons .awb-icon-shopping-cart:before {
  content: "" !important;
  font-family: none !important;
  font-size: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
  background-size: 20px 20px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 2px !important;
}

/* 3. 白色放大鏡 SVG */
.fusion-flyout-menu-icons .awb-icon-search:before,
.fusion-main-menu .awb-icon-search:before,
.fusion-main-menu .fusion-main-menu-search > a:after,
.fusion-mobile-menu-icons .awb-icon-search:before {
  content: "" !important;
  font-family: none !important;
  font-size: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") !important;
  background-size: 18px 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}