/*! PlantShop.hk - Blog Post Styles (loaded only on is_singular('post')) */
/*! ============================================================
   PlantShop.hk Blog Styles — blog- prefix namespace
   ============================================================ */
/*! ─── Base: Futura PT for English body only ─── */
html[lang^="en"] .blog-content,html[lang^="en"] .blog-content p,html[lang^="en"] .blog-content ul,html[lang^="en"] .blog-content ol,html[lang^="en"] .blog-content li,html[lang^="en"] .blog-lead,html[lang^="en"] .blog-blockquote,html[lang^="en"] .blog-tip-box,html[lang^="en"] .blog-tip-box p,html[lang^="en"] .blog-accordion-body,html[lang^="en"] .blog-accordion-body p,html[lang^="en"] .blog-small-note,html[lang^="en"] .blog-luxury-table,html[lang^="en"] .blog-luxury-table td,html[lang^="en"] .blog-luxury-table th{font-family:"Futura-pt",Arial,Helvetica,sans-serif}
/*! ─── Headings: system bold ─── */
.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:700}
/*! ─── Blog Container ─── */
.blog-content{font-size:17px;line-height:1.85;color:#2c2c2c}
/*! ─── Lead Paragraph — left border + light bg (matches Chinese) ─── */
.blog-lead{font-size:18px;line-height:1.9;color:#3a3a3a;margin-bottom:1.8em;padding:1.2em 1.5em;border-left:4px solid #7ab893;background:#f5faf7;border-radius:0 8px 8px 0}
/*! ─── Section Divider ─── */
.blog-divider{border:0;border-top:1px solid #e0dcd5;margin:2.5em 0;position:relative}.blog-divider::after{content:"❧";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:0 12px;color:#b8b0a3;font-size:14px}
/*! ─── Headings Hierarchy ─── */
.blog-content h1{font-size:32px;font-weight:700;line-height:1.3;color:#1a1a1a;margin:0 0 .6em;letter-spacing:-.01em}.blog-content h2{font-size:26px;font-weight:700;line-height:1.35;color:#2d4a3e;margin:2em 0 .7em;padding-bottom:.3em;border-bottom:2px solid #c8ddd0}.blog-content h3{font-size:20px;font-weight:700;line-height:1.4;color:#3d5c4e;margin:1.6em 0 .5em}.blog-content h4{font-size:18px;font-weight:600;line-height:1.4;color:#4a6b5c;margin:1.4em 0 .5em}
/*! ─── Sub-heading labels ─── */
.blog-content p strong:first-child,.blog-content p>strong:first-child{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:700;color:#2d4a3e}
/*! ─── Paragraphs & Links ─── */
.blog-content p{margin-bottom:1.2em}.blog-content a{color:#2d7a5f;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a8d5c1;transition:all .2s ease}.blog-content a:hover{color:#1e5c43;text-decoration-color:#2d7a5f}
/*! ─── Lists ─── */
.blog-content ul,.blog-content ol{margin:1em 0 1.2em;padding-left:1.8em}.blog-content ul li,.blog-content ol li{margin-bottom:.6em;line-height:1.75}.blog-content ul li strong,.blog-content ol li strong{color:#2d4a3e;font-weight:600}.blog-content ul ul,.blog-content ol ol,.blog-content ul ol,.blog-content ol ul{margin:.5em 0}
/*! ─── Blockquote & Tip Box ─── */
.blog-blockquote{background:#f8f9f5;border-left:4px solid #c4b896;margin:1.8em 0;padding:1.2em 1.5em;border-radius:0 6px 6px 0;font-style:italic;color:#555}.blog-blockquote p:last-child{margin-bottom:0}.blog-tip-box{background:#fdfcf8;border:1px solid #e8e2d4;border-radius:8px;padding:1em 1.2em;margin:.5em 0}.blog-tip-box.gold{border-color:#d4c9a0;background:#fdfbf3}.blog-tip-box.green{border-color:#b8d4c0;background:#f4faf5}.blog-tip-box p{margin-bottom:.6em}.blog-tip-box p:last-child{margin-bottom:0}
/*! ─── Luxury Table ─── */
.blog-luxury-table-wrap{overflow-x:auto;margin:1.5em 0;border-radius:10px;box-shadow:0 2px 12px rgb(0 0 0 / .06)}.blog-luxury-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.6}.blog-luxury-table thead th{background:#2d4a3e;color:#fff;font-weight:700;text-align:left;padding:14px 18px;font-size:14px;letter-spacing:.03em;text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.blog-luxury-table thead th:first-child{border-radius:10px 0 0 0}.blog-luxury-table thead th:last-child{border-radius:0 10px 0 0}.blog-luxury-table tbody td{padding:12px 18px;border-bottom:1px solid #eee;vertical-align:top}.blog-luxury-table tbody tr:nth-child(even){background:#fafbf9}.blog-luxury-table tbody tr:last-child td:first-child{border-radius:0 0 0 10px}.blog-luxury-table tbody tr:last-child td:last-child{border-radius:0 0 10px 0}.blog-luxury-table tbody tr:last-child td{border-bottom:0}.blog-luxury-table a{color:#2d7a5f;text-decoration:none;border-bottom:1px dashed #a8d5c1}.blog-luxury-table a:hover{border-bottom-style:solid}
/*! ─── Accordion ─── */
.blog-accordion{margin:1.5em 0;border:1px solid #e0dcd5;border-radius:10px;overflow:hidden}.blog-accordion-item{border-bottom:1px solid #e0dcd5}.blog-accordion-item:last-child{border-bottom:0}.blog-accordion-header{background:#f5f5f0;padding:14px 20px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;color:#2d4a3e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.blog-accordion-header:hover{background:#eeece5}.blog-accordion-header::after{content:"+";font-size:20px;color:#999;transition:transform .3s ease}.blog-accordion-header.active::after{content:"−";color:#333}.blog-accordion-body{padding:16px 20px;display:none;background:#fff;border-top:1px solid #e8e8e0}.blog-accordion-body.open{display:block}
/*! ─── Small Note ─── */
.blog-small-note{font-size:13px;color:#888;font-style:italic;margin-top:1em;line-height:1.6}
/*! ─── Products Section ─── */
.blog-products-section{margin:2em 0;padding:1.5em 0;border-top:1px solid #e0dcd5}.blog-products-section h3{margin-top:0}
/*! ─── Emphasis ─── */
.blog-content em{font-style:italic;color:#555}.blog-content strong{font-weight:600;color:#2d4a3e}.blog-content code{background:#f5f5f0;padding:2px 6px;border-radius:4px;font-size:90%;color:#666}
/*! ─── JSON-LD hidden ─── */
.blog-content script[type="application/ld+json"]{display:none}
/*! ─── Responsive ─── */
@media(max-width:768px){.blog-content{font-size:16px}.blog-content h1{font-size:26px}.blog-content h2{font-size:22px}.blog-content h3{font-size:18px}.blog-lead{font-size:16px;padding:1em}.blog-luxury-table-wrap{border-radius:8px}.blog-luxury-table{font-size:14px}.blog-luxury-table thead th,.blog-luxury-table tbody td{padding:10px 12px}.blog-blockquote{padding:1em;margin:1.4em 0}}
/*! ============================================================
 *  === AESOP-INSPIRED BLOG REFINEMENTS === (added 2026-05-24)
 *  Reference: aesop.com — generous tracking, hairline rules,
 *  italic serif accents, warm off-whites, lighter weights.
 *  Delete this whole block to revert. Each [n] is independent.
 * ============================================================ */

/*! [B1] Body tracking + warm color shift */
.blog-content{color:#2d2926!important;letter-spacing:-.003em}
/*! [B2] Lead paragraph — italic serif, magazine-grade */
.blog-lead{font-family:"Cormorant Garamond","Playfair Display",Georgia,serif!important;font-style:italic!important;font-size:22px!important;font-weight:400!important;line-height:1.55!important;color:#3a3530!important;background:#faf7f2!important;border-left:1px solid #c9a96e!important;border-radius:0!important;padding:1.2em 1.5em!important;letter-spacing:0.005em!important}
/*! [B3] Headings — lighter weights, wider tracking on H2 */
.blog-content h1{font-weight:500!important;letter-spacing:-0.015em!important}.blog-content h2{font-weight:500!important;letter-spacing:0.01em!important;border-bottom:1px solid rgb(45 41 38 / .1)!important;padding-bottom:0.5em!important;color:#2d2926!important}.blog-content h3{font-weight:500!important;color:#3a3530!important}.blog-content h4{font-weight:500!important;color:#4a423a!important}
/*! [B4] Subdued links — Aesop-style minimal underline */
.blog-content a{color:#2d4a3e!important;text-decoration-color:rgb(45 74 62 / .3)!important;text-decoration-thickness:1px!important;text-underline-offset:4px!important}.blog-content a:hover{color:#1e5c43!important;text-decoration-color:#c9a96e!important;text-decoration-thickness:2px!important}
/*! [B5] Hairline section divider — minimal Aesop-style */
.blog-divider{border-top-color:rgb(45 41 38 / .1)!important}.blog-divider::after{background:var(--ps-bg-warm,#fdfcf8)!important;color:#c9a96e!important}
/*! [B6] Luxury table — warmer header, no harsh edges */
.blog-luxury-table thead th{background:#2d4a3e!important;font-weight:500!important;letter-spacing:0.12em!important;font-size:13px!important;padding:16px 20px!important}.blog-luxury-table tbody tr:nth-child(even){background:#faf9f5!important}.blog-luxury-table-wrap{box-shadow:0 6px 20px rgb(45 41 38 / .04)!important}
/*! [B7] Accordion — Aesop-style minimal, no boxed background */
.blog-accordion{border:none!important;border-top:1px solid rgb(45 41 38 / .1)!important;border-radius:0!important}.blog-accordion-item{border-bottom:1px solid rgb(45 41 38 / .08)!important}.blog-accordion-header{background:transparent!important;padding:18px 0!important;font-weight:500!important;letter-spacing:0.08em!important;text-transform:uppercase!important;font-size:13px!important}.blog-accordion-header:hover{background:transparent!important;color:#c9a96e!important}.blog-accordion-body{background:transparent!important;padding:4px 0 20px 0!important}
/*! [B8] Tip box — softer, more refined */
.blog-tip-box{border-radius:4px!important;padding:1.2em 1.5em!important}
/*! ============================================================
 *  === BLOG PRODUCT CARDS — LUXURY FIX & REFINEMENT ===
 *  Added: 2026-05-24
 *
 *  ROOT CAUSE FIX:
 *    The [products] shortcode renders inside .blog-content, so the
 *    earlier rule `.blog-content a { color:#2d7a5f; text-decoration:underline }`
 *    was bleeding into product titles, categories AND the add_to_cart
 *    button — painting everything gold/green with underlines.
 *
 *  Strategy:
 *    1. Neutralise editorial link styles inside product cards
 *    2. Restyle the add-to-cart button as a proper luxury CTA
 *    3. Aesop / Lane Crawford polish: hairlines, wide tracking,
 *       lighter weights, generous breathing room.
 *
 *  Delete this whole block to revert. Each [P#] is independent.
 * ============================================================ */

/*! [P1] CRITICAL — strip editorial link styles inside product grid */
.blog-content .wd-products-element a,.blog-content .wd-products a,.blog-content .wd-product a,.blog-content .wd-add-btn a,.blog-content .add_to_cart_button,.blog-content .product-image-link,.blog-content .wd-entities-title a,.blog-content .wd-product-cats a,.blog-content .quick-view-button,.blog-content .wd-wishlist-btn a{text-decoration:none!important;text-underline-offset:0!important;text-decoration-color:transparent!important;border-bottom:0!important}.blog-content .wd-products-element a:hover,.blog-content .wd-products a:hover,.blog-content .wd-product a:hover,.blog-content .wd-add-btn a:hover,.blog-content .add_to_cart_button:hover{text-decoration:none!important}
/*! [P2] Product grid — generous breathing room (Aesop spacing) */
.blog-content .wd-products-element{margin:2em 0 2.4em!important}.blog-content .wd-products{--wd-gap-lg:40px !important;--wd-gap-md:32px !important}.blog-content .wd-product{text-align:left!important}.blog-content .wd-product .product-wrapper{padding-bottom:4px!important}
/*! [P3] Product title — light weight, warm charcoal, refined tracking */
.blog-content .wd-product .wd-entities-title{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC",sans-serif!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0.01em!important;margin:18px 0 4px!important;color:#2d2926!important;border:0!important;padding:0!important}.blog-content .wd-product .wd-entities-title a{color:#2d2926!important;font-weight:500!important;transition:color .25s ease!important}.blog-content .wd-product .wd-entities-title a:hover{color:#c9a96e!important}
/*! [P4] Product category — small caps, muted, wide tracking */
.blog-content .wd-product .wd-product-cats{margin:0 0 6px!important;font-size:11px!important;line-height:1.4!important;letter-spacing:0.18em!important;text-transform:uppercase!important;color:#8a7f72!important;font-weight:500!important}.blog-content .wd-product .wd-product-cats a{color:#8a7f72!important;font-weight:500!important}.blog-content .wd-product .wd-product-cats a:hover{color:#c9a96e!important}
/*! [P5] Product price — clean, harmonious with title */
.blog-content .wd-product .price,.blog-content .wd-product .price .amount,.blog-content .wd-product .price bdi,.blog-content .wd-product .price .woocommerce-Price-amount{font-family:"Cormorant Garamond","Playfair Display",Georgia,serif!important;font-size:19px!important;font-weight:400!important;color:#2d2926!important;letter-spacing:0.01em!important}.blog-content .wd-product .price{display:block!important;margin:2px 0 14px!important;line-height:1.3!important}.blog-content .wd-product .price del{opacity:.5!important;margin-right:6px!important}.blog-content .wd-product .price ins{text-decoration:none!important}
/*! [P6] ADD-TO-CART BUTTON — luxury CTA (the main fix) */
.blog-content .wd-add-btn,.blog-content .wd-add-btn.wd-add-btn-replace{display:block!important;margin-top:6px!important}.blog-content .wd-add-btn .button,.blog-content .wd-add-btn a.button,.blog-content .add_to_cart_button,.blog-content a.add_to_cart_button.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:12px 22px!important;background:#2d2926!important;color:#ffffff!important;border:1px solid #2d2926!important;border-radius:0!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC",sans-serif!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:0.16em!important;text-transform:uppercase!important;text-align:center!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:background .3s ease,color .3s ease,border-color .3s ease!important}.blog-content .wd-add-btn .button:hover,.blog-content .wd-add-btn a.button:hover,.blog-content .add_to_cart_button:hover,.blog-content a.add_to_cart_button.button:hover{background:#c9a96e!important;border-color:#c9a96e!important;color:#ffffff!important}.blog-content .wd-add-btn .button>span,.blog-content .add_to_cart_button>span{color:inherit!important;background:transparent!important;font:inherit!important;letter-spacing:inherit!important}.blog-content .add_to_cart_button.loading{opacity:.7!important}.blog-content .add_to_cart_button.added::after{margin-left:8px!important;color:inherit!important}
/*! [P7] Quick-view / wishlist overlay buttons — neutralise editorial links */
.blog-content .wd-buttons a,.blog-content .quick-view-button,.blog-content .wd-wishlist-btn a{color:#2d2926!important}.blog-content .wd-buttons a:hover,.blog-content .quick-view-button:hover,.blog-content .wd-wishlist-btn a:hover{color:#c9a96e!important}
/*! [P8] Product labels (熱賣 etc.) — refined off-charcoal pill */
.blog-content .wd-product .product-label.featured,.blog-content .wd-product .product-label.onsale{background:rgb(45 41 38 / .85)!important;color:#fff!important;font-size:10px!important;font-weight:500!important;letter-spacing:0.14em!important;text-transform:uppercase!important;padding:6px 10px!important;border-radius:0!important}.blog-content .blog-products-section,.blog-content h3:has(+p+.wd-products-element),.blog-content h3:has(+.wd-products-element){margin-top:3em!important}.blog-content h3:has(+p+.wd-products-element),.blog-content h3:has(+.wd-products-element){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans TC","PingFang TC",sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:0.28em!important;text-transform:uppercase!important;color:#2d2926!important;text-align:center!important;border:0!important;padding:0!important;margin:3em 0 0.4em!important}.blog-content h3:has(+p+.wd-products-element)::after,.blog-content h3:has(+.wd-products-element)::after{content:""!important;display:block!important;width:32px!important;height:1px!important;background:#c9a96e!important;margin:14px auto 0!important}.blog-content h3:has(+p+.wd-products-element)+p{text-align:center!important;font-family:"Cormorant Garamond","Playfair Display",Georgia,serif!important;font-style:italic!important;font-size:17px!important;color:#6b665f!important;margin:.4em auto 1.8em!important;max-width:560px!important;line-height:1.6!important}
/*! [P10] Responsive */
@media (max-width:768px){.blog-content .wd-products{--wd-gap-sm:16px !important}.blog-content .wd-product .wd-entities-title{font-size:15px!important}.blog-content .wd-product .price,.blog-content .wd-product .price .amount{font-size:17px!important}.blog-content .wd-add-btn .button,.blog-content .add_to_cart_button{padding:11px 14px!important;font-size:11px!important;letter-spacing:0.12em!important;width:100%!important}.blog-content h3:has(+p+.wd-products-element),.blog-content h3:has(+.wd-products-element){font-size:12px!important;letter-spacing:0.22em!important}.blog-content h3:has(+p+.wd-products-element)+p{font-size:16px!important}}
/*! ============================================================
 *  === GLOBAL BLOG BREATHING SPACE === (added 2026-05-24)
 *  More generous typography rhythm — Lane Crawford / Aesop feel.
 * ============================================================ */

/*! [B9] Breathing space — calibrated (revised 2026-05-24, was too open) */
.blog-content{line-height:1.78!important}.blog-content p{margin-bottom:1.05em!important}.blog-content ul,.blog-content ol{margin:.9em 0 1.1em!important}.blog-content ul li,.blog-content ol li{margin-bottom:0.45em!important;line-height:1.7!important}
/*! [B10] Heading rhythm — tighter than before, still airy */
.blog-content h2{margin:1.9em 0 0.65em!important;padding-bottom:0.4em!important;line-height:1.32!important}.blog-content h3{margin:1.5em 0 0.45em!important;line-height:1.4!important}.blog-content h4{margin:1.25em 0 0.4em!important;line-height:1.45!important}
/*! [B11] Lead paragraph — calmer spacing */
.blog-lead{margin:1.3em 0 1.9em!important}