/*
Theme Name: H2 Health Child
Theme URI: https://h2health.care
Description: H2 Health v2 child theme — custom WooCommerce templates (product & category) on top of Blocksy. White, full-width, flowing, strong type contrast.
Author: H2 Health
Template: blocksy
Version: 1.0
*/

/* === v2 design tokens === */
:root{
  --ink:#06182e; --ink2:#13314f; --cyan:#06b6d4; --cyand:#0891b2; --aqua:#22d3ee;
  --cyansoft:#e3f8fc; --txt:#51637a; --mut:#9aabbd; --line:#e9eff4; --soft:#f5fafc;
}
body{font-family:Inter,'Segoe UI',-apple-system,Arial,sans-serif !important;color:var(--txt);background:#fff}
.h2x h1,.h2x h2,.h2x h3{color:var(--ink);font-weight:850;letter-spacing:-.035em;line-height:1.05}
.h2x a{text-decoration:none}
.h2x .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyand)}
.h2x .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:100px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:.25s;background:var(--ink);color:#fff}
.h2x .btn:hover{background:var(--cyand);transform:translateY(-2px)}
.h2x .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.h2x .btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.h2x .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:h2float 18s ease-in-out infinite;pointer-events:none}
@keyframes h2float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,25px) scale(.95)}}
.h2x .rv{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.h2x .rv.in{opacity:1;transform:none}
.h2x .wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* === 让 WooCommerce 模板内容全幅（Blocksy 容器）=== */
.h2x-page .ct-container,.h2x-page .entry-content{max-width:none !important;padding:0 !important}

/* ===== 通用 WooCommerce v2 皮肤（即使没进自定义模板的页面也美化）===== */
.woocommerce-products-header__title,.product_title{font-weight:850 !important;letter-spacing:-.03em;color:var(--ink) !important}
ul.products li.product{background:#fff !important;border:1px solid var(--line) !important;border-radius:22px !important;overflow:hidden;padding:0 !important;transition:.3s !important}
ul.products li.product:hover{box-shadow:0 34px 66px -36px rgba(6,24,46,.26) !important;transform:translateY(-6px)}
.button,a.button,.single_add_to_cart_button,.ct-woo-card-actions .button{background:var(--ink) !important;color:#fff !important;border-radius:100px !important;font-weight:600 !important;text-transform:none !important;transition:.25s !important}
.button:hover,.single_add_to_cart_button:hover{background:var(--cyand) !important}
.ct-footer{background:var(--ink) !important;color:#9fb8cc !important}
.ct-footer a{color:#9fb8cc !important}.ct-footer a:hover{color:var(--aqua) !important}