/*! PlantShop.hk - Product Page Styles (loaded only on is_product()) */
/*! ─── FAQ Accordion ─── */
.ps-product-content-wrapper{width:100%;max-width:100%;box-sizing:border-box}.ps-faq-wrap{font-size:14px;line-height:1.6;color:#333;margin-top:24px;width:100%;max-width:100%;box-sizing:border-box}
/*! Remove white background from FAQ area */
.ps-faq-wrap,.ps-faq-list,.ps-faq-item,.ps-faq-content{background:transparent!important}.ps-section-title{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:32px 0 16px 0;color:#000;line-height:1.5}.ps-faq-list{border-top:1px solid #eee;width:100%;max-width:100%;box-sizing:border-box}.ps-faq-item{border-bottom:1px solid #eee;position:relative;width:100%;max-width:100%}.ps-faq-input{position:absolute;opacity:0;width:100%;height:40px;cursor:pointer;z-index:1;margin:0}.ps-faq-label{display:flex;justify-content:flex-start;align-items:center;padding:10px 0;font-size:15px;font-weight:700;color:#333;cursor:pointer;user-select:none;gap:10px;line-height:1.4;width:100%;box-sizing:border-box}.ps-faq-label::before{content:'−';font-size:16px;font-weight:300;color:#999;transition:transform .3s ease;order:0;flex-shrink:0;width:16px;text-align:center}.ps-faq-item:has(.ps-faq-input:checked) .ps-faq-label::before{content:'+';transform:rotate(180deg);color:#000}.ps-faq-item:has(.ps-faq-input:checked) .ps-faq-content{max-height:0;padding:0 0 0 24px}.ps-faq-content{max-height:500px;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 0 12px 24px;width:100%;box-sizing:border-box;background:transparent!important}.ps-faq-content p{margin:0 0 6px 0;font-size:13px;color:#666;line-height:1.5}.ps-faq-content p:last-child{margin-bottom:0}.ps-faq-content table{font-size:13px;color:#666;line-height:1.5;width:100%}.ps-faq-content ul,.ps-faq-content ol{margin:0 0 6px 0;padding-left:20px;font-size:13px;color:#666;line-height:1.5}.ps-faq-content li{margin-bottom:3px}
/*! JS fallback classes */
.ps-faq-item.is-collapsed .ps-faq-content{max-height:0;padding:0 0 0 24px}.ps-faq-item.is-collapsed .ps-faq-label::before{content:'+';transform:rotate(180deg);color:#000}
/*! ─── Short Description (unified line-height) ─── */
.woocommerce-product-details__short-description,.woocommerce-product-details__short-description>div{font-size:15px!important;line-height:1.6!important;color:#333!important}.woocommerce-product-details__short-description p{line-height:1.6!important;margin:0 0 10px 0!important}.woocommerce-product-details__short-description a{color:#2c7a4e!important;text-decoration:underline!important}.woocommerce-product-details__short-description a:hover{color:#1f5c39!important}
/*! ─── English: Futura-pt font ─── */
html[lang^="en"] .ps-faq-wrap,html[lang^="en"] .ps-faq-content,html[lang^="en"] .ps-faq-content p,html[lang^="en"] .ps-faq-content ul,html[lang^="en"] .ps-faq-content li{font-family:"Outfit",Arial,Helvetica,sans-serif}html[lang^="en"] .woocommerce-product-details__short-description,html[lang^="en"] .woocommerce-product-details__short-description>div,html[lang^="en"] .woocommerce-product-details__short-description p{font-family:"Futura-pt",Arial,Helvetica,sans-serif!important}html[lang^="en"] .ps-faq-label{text-transform:uppercase}
/*! ─── Chinese: system font stack ─── */
html[lang="zh"] .ps-faq-wrap,html[lang="zh-HK"] .ps-faq-wrap,html:not([lang^="en"]) .ps-faq-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC",sans-serif}
/*! ============================================================
 *  === LUXURY PRODUCT PAGE === (added 2026-05-25)
 *  Reference: Lane Crawford / Joyce / Shanghai Tang product
 *  page typography & layout language.
 * ============================================================ */

/*! [P1] PRODUCT TITLE — display serif, charcoal, generous leading */
.product_title.entry-title,.summary .product_title,h1.product_title{font-family:"Playfair Display","Noto Serif TC","Noto Sans TC",serif!important;font-size:clamp(28px, 3.4vw, 40px)!important;font-weight:400!important;color:#2d2926!important;letter-spacing:-0.005em!important;line-height:1.2!important;margin:0 0 14px!important;text-transform:none!important}
/*! [P2] PRICE — quiet, tracked, smaller than title */
.summary .price,.summary .woocommerce-Price-amount,.wrapp-product-price .price,.product-rating-price .price{font-family:"Outfit","Futura-pt",Arial,sans-serif!important;font-size:20px!important;font-weight:400!important;color:#2d2926!important;letter-spacing:0.03em!important;line-height:1.3!important}.summary del .woocommerce-Price-amount{color:#aaa6a0!important;font-size:16px!important}.summary ins{background:transparent!important;text-decoration:none!important}.summary ins .woocommerce-Price-amount{color:#2d2926!important;font-weight:500!important}
/*! [P3] ADD TO CART — rectangle, hairline, uppercase, tracked.
 *  This is the single most important "luxury" signal on the
 *  product page. */
.woocommerce .single_add_to_cart_button,.single_add_to_cart_button.button.alt,button.single_add_to_cart_button{background:#2d2926!important;color:#fff!important;border:1px solid #2d2926!important;border-radius:2px!important;padding:16px 40px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0.18em!important;text-transform:uppercase!important;box-shadow:none!important;transition:background-color .25s ease,color .25s ease!important}.woocommerce .single_add_to_cart_button:hover,.single_add_to_cart_button.button.alt:hover{background:transparent!important;color:#2d2926!important}
/*! [P4] QUANTITY SELECTOR — square, hairline */
.quantity .qty,.quantity input[type="number"]{border:1px solid #d8d4cd!important;border-radius:0!important;background:transparent!important;font-family:"Outfit","Futura-pt",sans-serif!important;letter-spacing:0.02em!important}.quantity .plus,.quantity .minus,.wd-buttons.wd-pos-r-t .wd-action-btn{border-radius:0!important}
/*! [P5] PRODUCT GALLERY — sharp corners, hairline border */
.woocommerce-product-gallery,.woocommerce-product-gallery__image,.woocommerce-product-gallery__image img,.wd-carousel .wd-slide-img img{border-radius:0!important;box-shadow:none!important}.woocommerce-product-gallery{border:none!important}.flex-control-thumbs li img,.wd-thumbs img{border-radius:0!important;transition:opacity .25s ease!important}
/*! [P6] BREADCRUMB — micro, tracked, muted */
.woocommerce-breadcrumb,.wd-breadcrumbs{font-size:11px!important;text-transform:uppercase!important;letter-spacing:0.2em!important;color:#8a857c!important;font-weight:500!important}.woocommerce-breadcrumb a,.wd-breadcrumbs a{color:#6b665f!important;text-decoration:none!important}.woocommerce-breadcrumb a:hover,.wd-breadcrumbs a:hover{color:#2d2926!important}
/*! [P7] PRODUCT META (SKU, category, tag) — micro caps */
.product_meta,.product_meta>span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:0.18em!important;color:#6b665f!important;line-height:1.8!important}.product_meta a{color:#2d2926!important;text-decoration:none!important;border-bottom:1px solid transparent!important;transition:border-color .25s ease!important}.product_meta a:hover{border-bottom-color:#c9a96e!important}
/*! [P8] TABS — flat underline tab bar, uppercase tracked */
.woocommerce-tabs ul.tabs,.wd-nav-product-tabs{border-bottom:1px solid #e8e4dd!important;padding:0!important}.woocommerce-tabs ul.tabs li,.wd-nav-product-tabs>li{background:transparent!important;border:none!important;border-radius:0!important;margin:0!important}.woocommerce-tabs ul.tabs li a,.wd-nav-product-tabs>li>a{background:transparent!important;color:#6b665f!important;font-size:12px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0.18em!important;padding:18px 0!important;margin-right:36px!important;border:none!important;border-bottom:1px solid transparent!important;transition:color .25s ease,border-color .25s ease!important}.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li.wd-active a,.wd-nav-product-tabs>li.wd-active>a{color:#2d2926!important;border-bottom-color:#2d2926!important}
/*! [P9] STOCK STATUS — quiet pill */
.stock.in-stock,.stock.out-of-stock{font-size:11px!important;text-transform:uppercase!important;letter-spacing:0.16em!important;font-weight:500!important;background:transparent!important;padding:0!important}.stock.in-stock{color:#4a6b5c!important}.stock.out-of-stock{color:#a0413e!important}
/*! [P10] RELATED / UPSELL section header — display serif */
.related.products>h2,.upsells.products>h2,.cross-sells>h2{font-family:"Playfair Display","Noto Serif TC",serif!important;font-size:26px!important;font-weight:400!important;color:#2d2926!important;letter-spacing:0.01em!important;text-align:center!important;margin:80px 0 36px!important}
/*! [P11] PRODUCT CARDS (grid) — sharp, no shadow, hover opacity */
.products .product .product-wrapper,.wd-product .product-wrapper,.products .product .product-image-link img{border-radius:0!important;box-shadow:none!important}.products .product .wd-entities-title a,.wd-product .wd-entities-title a{font-family:"Playfair Display","Noto Serif TC",serif!important;font-weight:400!important;font-size:16px!important;color:#2d2926!important;letter-spacing:0.01em!important}.products .product .price,.wd-product .price{font-family:"Outfit","Futura-pt",sans-serif!important;font-size:14px!important;color:#2d2926!important;letter-spacing:0.03em!important}
/*! [P12] SHORT DESCRIPTION — italic serif lead (Lane Crawford pattern) */
.woocommerce-product-details__short-description,.woocommerce-product-details__short-description p{font-family:"Cormorant Garamond","Playfair Display","Noto Serif TC",Georgia,serif!important;font-style:italic!important;font-size:17px!important;line-height:1.7!important;color:#4a423a!important;font-weight:400!important}
/*! [P13] Mobile recalibration */
@media (max-width:768px){.product_title.entry-title,h1.product_title{font-size:26px!important}.single_add_to_cart_button{padding:14px 28px!important;font-size:12px!important}.related.products>h2,.upsells.products>h2{font-size:22px!important;margin:56px 0 28px!important}}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 2 === (added 2026-05-25)
 *  Targets remaining green bleed inside the product short
 *  description (links + emphasized lines).
 * ============================================================ */

/*! [P14] Short-description links — kill #2c7a4e green, use
 *  charcoal + gold hairline underline (matches blog [B7]) */
.woocommerce-product-details__short-description a,.woocommerce-product-details__short-description a:visited,.summary .woocommerce-product-details__short-description a{color:#2d2926!important;text-decoration:none!important;border-bottom:1px solid #c9a96e!important;padding-bottom:1px!important;font-style:normal!important;transition:border-color .25s ease,color .25s ease!important}.woocommerce-product-details__short-description a:hover{color:#2d2926!important;border-bottom-color:#2d2926!important}
/*! [P15] Inline emphasized lines inside short description
 *  (ASPCA Certified Pet-Friendly etc.) — strip any green
 *  inline color, keep italic serif, gold accent on strong */
.woocommerce-product-details__short-description strong,.woocommerce-product-details__short-description b,.woocommerce-product-details__short-description em,.woocommerce-product-details__short-description p[style*="color"],.woocommerce-product-details__short-description span[style*="color"],.woocommerce-product-details__short-description *[style*="2c7a4e"],.woocommerce-product-details__short-description *[style*="2d5016"],.woocommerce-product-details__short-description *[style*="1f5c39"],.woocommerce-product-details__short-description *[style*="green"]{color:#2d2926!important;font-style:italic!important}.woocommerce-product-details__short-description strong{font-weight:500!important;color:#2d2926!important}
/*! [P16] Bullet rows (✅ Filters... / ✅ Bright indirect...) —
 *  tighten vertical rhythm so they read as a tidy feature list */
.woocommerce-product-details__short-description p{margin:0 0 12px!important;color:#2d2926!important}
/*! [P17] "IN STOCK" stays quiet — already set in [P9] but
 *  re-assert specifically inside .summary so theme CSS can't
 *  re-skin it */
.summary .stock.in-stock,.summary p.stock.in-stock{font-family:"Outfit","Futura-pt",Arial,sans-serif!important;color:#4a6b5c!important;background:transparent!important}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 3 === (added 2026-05-25)
 *  Refinements:
 *   - Tone down the bright teal WhatsApp button next to add-to-cart
 *   - Mute / contain 3rd-party payment buttons (GPay, Link)
 *   - More refined product description rhythm: alternating
 *     italic lead → upright bullet list → italic close, with
 *     gold em-dash accents
 * ============================================================ */

/*! [P18] WhatsApp inquiry button — kill the teal, use hairline charcoal */
.single-product .wd-buy-now-btn,.single-product .ps-whatsapp-btn,.single-product a[href*="wa.me"],.single-product a[href*="whatsapp"],.single-product .button.whatsapp,.single-product button.whatsapp,.summary a.button[class*="whatsapp" i],.summary .button.alt[class*="wa" i]{background:transparent!important;color:#2d2926!important;border:1px solid #2d2926!important;border-radius:2px!important;padding:16px 30px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0.18em!important;text-transform:uppercase!important;box-shadow:none!important;transition:background-color .25s ease,color .25s ease!important}.single-product .wd-buy-now-btn:hover,.single-product a[href*="wa.me"]:hover,.single-product a[href*="whatsapp"]:hover{background:#2d2926!important;color:#fff!important}.single-product .wd-buy-now-btn svg,.single-product a[href*="wa.me"] svg,.single-product a[href*="whatsapp"] svg,.single-product .wd-buy-now-btn i,.single-product a[href*="whatsapp"] i{width:14px!important;height:14px!important;margin-right:8px!important;color:currentColor!important;fill:currentColor!important}
/*! [P19] Wishlist heart — minimal outline circle */
.single-product .wd-wishlist-btn-icon,.single-product .wd-action-btn.wd-wishlist-btn>a{width:50px!important;height:50px!important;border:1px solid #2d2926!important;border-radius:0!important;color:#2d2926!important;background:transparent!important;transition:background-color .25s ease,color .25s ease!important}.single-product .wd-wishlist-btn-icon:hover,.single-product .wd-action-btn.wd-wishlist-btn>a:hover{background:#2d2926!important;color:#fff!important}
/*! [P20] Payment-method group (GPay / Link / Stripe Express) —
 *  contain them in a muted band so they don't shout */
.wc-stripe-payment-request-button,.wc-stripe-payment-request-button-separator,.stripe-payment-request-wrapper,.wcpay-payment-request-button-wrapper,#wc-stripe-payment-request-button,.wc-block-components-express-payment{margin-top:16px!important;padding-top:16px!important;border-top:1px solid #e8e4dd!important;opacity:0.85!important;transition:opacity .25s ease!important}.wc-stripe-payment-request-button:hover,.stripe-payment-request-wrapper:hover{opacity:1!important}.wc-stripe-payment-request-button button,.wc-stripe-payment-request-button>div,.wcpay-payment-request-button-wrapper>div{border-radius:2px!important}
/*! [P21] Product description bullets — refined typography
 *  When the short description uses <ul><li>, give it luxury
 *  spacing & a gold em-dash bullet (Lane Crawford pattern) */
.woocommerce-product-details__short-description ul,.summary .woocommerce-product-details__short-description ul{list-style:none!important;padding-left:0!important;margin:18px 0!important}.woocommerce-product-details__short-description ul li,.summary .woocommerce-product-details__short-description ul li{position:relative!important;padding-left:24px!important;margin-bottom:10px!important;font-style:normal!important;font-family:"Outfit","Futura-pt",Arial,sans-serif!important;font-size:15px!important;line-height:1.65!important;color:#3a3530!important;letter-spacing:0.005em!important}.woocommerce-product-details__short-description ul li::before{content:"—"!important;position:absolute!important;left:0!important;top:0!important;color:#c9a96e!important;font-weight:400!important;line-height:1.65!important}
/*! [P22] Product description: first <p> = italic serif lead
 *  (already set in [P12]) — now also give the LAST <p> before
 *  the in-stock row a subtle closing italic. Selector targets
 *  any <p> that contains a link to WhatsApp or "Shipping Photos"
 *  so the "Want to see…" CTA closer reads as a hand-written
 *  footer note. */
.woocommerce-product-details__short-description p:has(a[href*="wa.me"]),.woocommerce-product-details__short-description p:has(a[href*="whatsapp"]),.woocommerce-product-details__short-description p:has(a[href*="shipping" i]){font-family:"Cormorant Garamond","Playfair Display","Noto Serif TC",Georgia,serif!important;font-style:italic!important;font-size:17px!important;line-height:1.7!important;color:#4a423a!important;margin-top:18px!important;padding-top:18px!important;border-top:1px solid #e8e4dd!important}
/*! [P23] Strong product-name lead-in inside the italic intro —
 *  swap green/bold for refined small-caps tracking */
.woocommerce-product-details__short-description p:first-of-type strong,.woocommerce-product-details__short-description p:first-of-type b,.summary .woocommerce-product-details__short-description em strong{font-style:italic!important;font-weight:500!important;color:#2d2926!important;letter-spacing:0.005em!important}
/*! [P26] Mobile recalibration for new bits */
@media (max-width:768px){.single-product .wd-buy-now-btn,.single-product a[href*="whatsapp"]{padding:14px 22px!important;font-size:12px!important}.woocommerce-product-details__short-description ul li{font-size:14px!important}}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 4 === (added 2026-05-25)
 *  Feedback: product tabs read too serif/classical. Switch the
 *  tab labels (and tab content headings) to the modern sans
 *  stack defined in plantshop-global.css [U35].
 * ============================================================ */

/*! [P27] Tab labels — modern sans, tighter caps */
.woocommerce-tabs ul.tabs li a,.woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li.wd-active a,.wd-nav-product-tabs>li>a,.wd-nav-product-tabs>li.wd-active>a{font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI","PingFang TC","Noto Sans TC",Arial,sans-serif!important;font-size:12px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:0.22em!important;padding:18px 0!important;margin-right:40px!important}@media (max-width:768px){.woocommerce-tabs ul.tabs li a,.wd-nav-product-tabs>li>a{font-size:11px!important;letter-spacing:0.18em!important;margin-right:22px!important}}
/*! [P28] Tab CONTENT — reading rhythm inside Description /
 *  Additional information / Delivery information panels.
 *  Use sans body + Playfair sub-headings for editorial balance. */
.woocommerce-Tabs-panel,.wd-tab-content{font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI","PingFang TC","Noto Sans TC",Arial,sans-serif!important;font-size:15px!important;line-height:1.75!important;color:#3a3530!important;letter-spacing:0.005em!important;padding-top:32px!important}.woocommerce-Tabs-panel h2,.woocommerce-Tabs-panel h3,.wd-tab-content h2,.wd-tab-content h3{font-family:"Playfair Display","Noto Serif TC","Noto Sans TC",serif!important;color:#2d2926!important;font-weight:500!important;letter-spacing:0.005em!important}
/*! [P29] WooCommerce additional-info table — quiet hairlines */
.woocommerce-product-attributes,.shop_attributes{border:none!important;width:100%!important;font-size:14px!important}.woocommerce-product-attributes th,.shop_attributes th{background:transparent!important;font-family:-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",Arial,sans-serif!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:0.18em!important;color:#6b665f!important;font-weight:500!important;padding:14px 0!important;border-bottom:1px solid #e8e4dd!important;width:220px!important}.woocommerce-product-attributes td,.shop_attributes td{background:transparent!important;color:#2d2926!important;font-size:14px!important;padding:14px 0!important;border-bottom:1px solid #e8e4dd!important;font-style:normal!important}.woocommerce-product-attributes p,.shop_attributes p{margin:0!important}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 5 === (added 2026-05-25)
 *
 *  Two surgical fixes:
 *   1. [P30] Stop styling inline "WhatsApp us" anchors inside
 *      the short description as full buttons. Earlier P18 used
 *      `.single-product a[href*="wa.me"]` which matched every
 *      anchor on the page, including text links inside <p>.
 *      Rule now tightened to direct children of `.summary`.
 *   2. [P31] Hide Stripe "Pay with Link" mint-green button on
 *      the product page. Too loud, can't be fully recolored
 *      (lives inside an iframe). Kept on cart/checkout where
 *      shoppers expect to see payment options.
 * ============================================================ */

/*! [P30] Reset previous over-broad WhatsApp-anchor styling on
 *  ANY anchor that lives INSIDE the short description. */
.summary .woocommerce-product-details__short-description a[href*="wa.me"],.summary .woocommerce-product-details__short-description a[href*="whatsapp"],.woocommerce-product-details__short-description p a[href*="wa.me"],.woocommerce-product-details__short-description p a[href*="whatsapp"]{background:transparent!important;background-color:transparent!important;border:none!important;border-bottom:1px solid #c9a96e!important;border-radius:0!important;padding:0 0 1px!important;margin:0!important;display:inline!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:inherit!important;letter-spacing:inherit!important;text-transform:none!important;color:#2d2926!important;box-shadow:none!important;transition:border-color .25s ease,color .25s ease!important;text-decoration:none!important;line-height:inherit!important;text-shadow:none!important}.summary .woocommerce-product-details__short-description a[href*="wa.me"]:hover,.woocommerce-product-details__short-description p a[href*="wa.me"]:hover{border-bottom-color:#2d2926!important;background:transparent!important;color:#2d2926!important}
/*! [P18-revised] Re-narrow the floating WhatsApp button rule
 *  so it only matches direct children of .summary (the buy
 *  panel), NOT inline anchors inside paragraphs. */
.single-product .summary>a[href*="wa.me"],.single-product .summary>a[href*="whatsapp"],.single-product .summary>.wd-buy-now-btn,.single-product .summary>div>a[href*="wa.me"]:not([href*="wa.me/?text"]){background:transparent!important;color:#2d2926!important;border:1px solid #2d2926!important;border-radius:2px!important;padding:16px 30px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0.18em!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
/*! [P31] HIDE STRIPE "PAY WITH LINK" ON PRODUCT PAGE
 *  Keep Google Pay (lower-key). Link button can't be recolored
 *  cleanly because the label/icon are inside an iframe. */
.single-product .wc-stripe-link-payment-request-button,.single-product .stripe-link-button,.single-product .wc-stripe-link,.single-product div[id*="link-payment" i],.single-product div[class*="link-payment" i]:not(.wc-stripe-payment-request-button):not(.wcpay-payment-request-button-wrapper),.single-product button.stripe-link-button,.single-product [data-stripe-element="link-authentication"],.single-product iframe[name*="__privateStripeFrame" i][title*="Link" i]{display:none!important}
/*! [P31a] Fallback — if Stripe wraps the Link button in a
 *  generic container with the brand green (#00C46A or #4CD080),
 *  mute it to a neutral instead of hiding (defensive). */
.single-product *[style*="#00C46A" i],.single-product *[style*="#4CD080" i],.single-product *[style*="rgb(76, 208, 128)" i]{background:#f4f2ec!important;opacity:0.4!important;filter:grayscale(1)!important}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 6 === (added 2026-05-25)
 *
 *  Issues addressed:
 *    1. Wishlist button rendering Chinese label "加入願望清單"
 *       vertically because [P19] forced a 50x50 square.
 *    2. Product tabs body (家居養護 / 辦公室好處) feels cramped.
 *    3. Sticky-side WhatsApp bar still teal (HT click-to-chat
 *       has a separate "side floating" variant we hadn't caught).
 *    4. Bonus: tighter visual rhythm between summary blocks.
 * ============================================================ */

/*! [P19-revised] WISHLIST — auto-width row, icon+label flex */
html body .single-product .wd-wishlist-btn,html body .single-product .wd-wishlist-btn-icon,html body .single-product .wd-action-btn.wd-wishlist-btn>a,html body .single-product .yith-wcwl-add-to-wishlist a,html body .single-product .add_to_wishlist{width:auto!important;height:auto!important;min-height:38px!important;padding:8px 14px!important;border:1px solid #2d2926!important;border-radius:0!important;background:transparent!important;color:#2d2926!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;line-height:1.2!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;transition:background-color .25s ease,color .25s ease!important}html body .single-product .wd-wishlist-btn:hover,html body .single-product .wd-action-btn.wd-wishlist-btn>a:hover{background:#2d2926!important;color:#fff!important}html body .single-product .wd-wishlist-btn .wd-tools-text,html body .single-product .wd-wishlist-btn-text,html body .single-product .wd-wishlist-btn .wishlist-text{font-family:-apple-system,BlinkMacSystemFont,"Inter","PingFang TC","Noto Sans TC",sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:0.04em!important;text-transform:none!important;writing-mode:horizontal-tb!important;display:inline-block!important;line-height:1.2!important;white-space:nowrap!important}html body .single-product .wd-wishlist-btn svg,html body .single-product .wd-wishlist-btn i{width:14px!important;height:14px!important;flex-shrink:0!important;color:currentColor!important;fill:currentColor!important}@media (max-width:360px){html body .single-product .wd-wishlist-btn .wd-tools-text,html body .single-product .wd-wishlist-btn-text{display:none!important}html body .single-product .wd-wishlist-btn,html body .single-product .wd-action-btn.wd-wishlist-btn>a{width:40px!important;padding:0!important;justify-content:center!important}}
/*! [P32] TAB BODY / FAQ ITEMS — more breathing room */
html body .single-product .ps-faq-item,html body .woocommerce-Tabs-panel .ps-faq-item{padding:0!important;margin:0!important}html body .single-product .ps-faq-item summary,html body .woocommerce-Tabs-panel .ps-faq-item summary{padding:26px 0!important;font-size:16px!important;line-height:1.5!important}html body .single-product .ps-faq-item[open] summary,html body .woocommerce-Tabs-panel .ps-faq-item[open] summary{padding-bottom:18px!important}html body .single-product .ps-faq-content,html body .woocommerce-Tabs-panel .ps-faq-content{padding:0 0 36px 36px!important;font-size:16px!important;line-height:2.05!important;letter-spacing:0.005em!important;color:#3a3530!important;max-width:920px!important}html body .single-product .ps-faq-content p,html body .woocommerce-Tabs-panel .ps-faq-content p{margin:0 0 18px!important}html body .single-product .ps-faq-content p:last-child,html body .woocommerce-Tabs-panel .ps-faq-content p:last-child{margin-bottom:0!important}html body .single-product .ps-faq-content strong,html body .single-product .ps-faq-content b,html body .woocommerce-Tabs-panel .ps-faq-content strong,html body .woocommerce-Tabs-panel .ps-faq-content b{font-weight:500!important;color:#2d2926!important;border-bottom:1px solid rgb(201 169 110 / .5)!important;padding-bottom:1px!important}html body .single-product .ps-faq-content ul,html body .single-product .ps-faq-content ol{margin:0 0 18px!important;padding-left:22px!important}html body .single-product .ps-faq-content li{margin-bottom:10px!important;line-height:1.95!important}html body .single-product .ps-section-title,html body .woocommerce-Tabs-panel .ps-section-title{margin:40px 0 20px!important;padding-bottom:12px!important;border-bottom:1px solid #e8e4dd!important}
/*! [P33] STICKY SIDE WhatsApp button — kill teal, charcoal band */
html body .ht-ctc-style-side-fixed,html body .ht-ctc-chat-data.ht-ctc-pos-fixed,html body .ht_ctc-side-button,html body div[class*="ht-ctc"][style*="position: fixed"]{background:#2d2926!important;background-color:#2d2926!important;color:#fff!important;border:none!important;border-left:1px solid #c9a96e!important;border-radius:0!important;box-shadow:-2px 0 10px rgb(0 0 0 / .06)!important;transition:width .3s ease,background-color .25s ease!important}html body .ht-ctc-style-side-fixed *,html body .ht-ctc-chat-data.ht-ctc-pos-fixed *,html body div[class*="ht-ctc"][style*="position: fixed"] *{background:transparent!important;background-color:transparent!important;color:#fff!important;fill:#fff!important}html body .ht-ctc-style-side-fixed svg,html body .ht-ctc-chat-data.ht-ctc-pos-fixed svg{width:18px!important;height:18px!important}html body .ht-ctc-style-side-fixed:hover{background:#1a1816!important}
/*! [P34] BREADCRUMB → PRODUCT TITLE GAP (bonus) */
html body .single-product .summary .woocommerce-breadcrumb,html body .single-product .wd-breadcrumbs{margin-bottom:22px!important}
/*! [P35] BUY PANEL VERTICAL RHYTHM (bonus) */
html body .single-product .summary>.price,html body .single-product .summary .woocommerce-product-details__short-description,html body .single-product .summary .cart,html body .single-product .summary .product_meta,html body .single-product .summary p.stock{margin-bottom:28px!important}html body .single-product .summary .cart>*{margin-bottom:14px!important}
/*! [P36] Tab nav → panel content gap */
html body .single-product .woocommerce-tabs .panel,html body .single-product .wd-tab-content{padding-top:40px!important}@media (max-width:768px){html body .single-product .ps-faq-content,html body .woocommerce-Tabs-panel .ps-faq-content{padding-left:22px!important;font-size:15px!important;line-height:1.95!important}html body .single-product .ps-faq-item summary{padding:22px 0!important}}
/*! ============================================================
 *  === LUXURY PRODUCT — PASS 7 === 2026-05-25
 *
 *  Wishlist button fix — REAL CAUSE:
 *  Woodmart's `.wd-style-text` variant sets the wrapper to
 *  `display: flex; flex-direction: column;` which stacks icon
 *  above text. When the container is narrow, the inner Chinese
 *  span has nowhere to go and wraps char-per-line. My v10 fix
 *  set width:auto but didn't override flex-direction. This pass
 *  forces flex-direction:row + nowrap on every nested element.
 * ============================================================ */

/*! [P37] WISHLIST BUTTON — kill column layout, force row + nowrap */
html body .single-product .summary .wd-wishlist-btn,html body .single-product .summary .wd-wishlist-btn.wd-style-text,html body .single-product .summary .wd-wishlist-btn.wd-wishlist-icon,html body .single-product .summary .wrap-wishlist-button,html body .single-product .wd-wishlist-btn.wd-action-btn,html body .single-product .wd-wishlist-btn.wd-action-btn.wd-style-text{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:38px!important;padding:10px 18px!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;line-height:1.2!important;border:1px solid #2d2926!important;border-radius:0!important;background:transparent!important;color:#2d2926!important;transition:background-color .25s ease,color .25s ease!important}html body .single-product .summary .wd-wishlist-btn>a,html body .single-product .summary .wd-wishlist-btn a.added,html body .single-product .summary .wrap-wishlist-button>a{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;color:inherit!important;line-height:1.2!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;border:none!important;background:transparent!important}html body .single-product .summary .wd-wishlist-btn span,html body .single-product .summary .wd-wishlist-btn .wd-tooltip-label,html body .single-product .summary .wd-wishlist-btn .wd-tools-text,html body .single-product .summary .wrap-wishlist-button span{display:inline-block!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;line-height:1.2!important;font-family:-apple-system,BlinkMacSystemFont,"Inter","PingFang TC","Noto Sans TC",sans-serif!important;font-size:12px!important;font-weight:500!important;letter-spacing:0.04em!important;text-transform:none!important;color:inherit!important}html body .single-product .summary .wd-wishlist-btn svg,html body .single-product .summary .wd-wishlist-btn i,html body .single-product .summary .wrap-wishlist-button svg{width:14px!important;height:14px!important;flex-shrink:0!important;color:currentColor!important;fill:currentColor!important;margin:0!important}html body .single-product .summary .wd-wishlist-btn:hover,html body .single-product .summary .wd-wishlist-btn.wd-style-text:hover,html body .single-product .summary .wrap-wishlist-button:hover{background:#2d2926!important;color:#ffffff!important}html body .single-product .summary .wd-wishlist-btn:hover svg,html body .single-product .summary .wd-wishlist-btn:hover span{color:#ffffff!important;fill:#ffffff!important}@media (max-width:360px){html body .single-product .summary .wd-wishlist-btn span,html body .single-product .summary .wd-wishlist-btn .wd-tooltip-label{display:none!important}html body .single-product .summary .wd-wishlist-btn{padding:0!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;justify-content:center!important}}