/*
 * THEGROWNS PDP GRADIENT HEADINGS
 * Staging only.
 * Preserve all approved layout and typography.
 */

body.single-product {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#363b46,#656b78);
}

/* Weight Management */
body.single-product.tg-pdp-weight {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#9c1530,#d43233,#f47732);
}

/* Recovery & Repair */
body.single-product.tg-pdp-recovery {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#073d28,#0b6b44,#21a36c,#7addaa);
}

/* Performance */
body.single-product.tg-pdp-performance {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#083faf,#176bff,#40a8ff);
}

/* Skin & Appearance */
body.single-product.tg-pdp-skin {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#5b2697,#a54fdf,#dda7ff);
}

/* Hormone Support */
body.single-product.tg-pdp-hormone {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#504900,#8c8100,#d5c400,#fff06a);
}

/* Healthy Aging */
body.single-product.tg-pdp-aging {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#4a2f1a,#7b4f2e,#b67d57,#e9c7a6);
}

/* Women's Wellness */
body.single-product.tg-pdp-women {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#a3005c,#e84da1,#ff8bcb);
}

/* Cognitive Support */
body.single-product.tg-pdp-cognitive {
  --tg-pdp-heading-gradient:
    linear-gradient(110deg,#0b7c7f,#2bc6cc,#a6f2f4);
}

/*
 * Product title and description section headings.
 * Keep original font sizes, spacing and alignment.
 */
body.single-product .product .summary h1.product_title,
body.single-product .product .summary h1.entry-title,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h4,
body.single-product .woocommerce-tabs ul.tabs li a {
  background-image:var(--tg-pdp-heading-gradient) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
}

/* Preserve keyboard and hover interactions on tab links */
body.single-product .woocommerce-tabs ul.tabs li a:hover {
  filter:brightness(1.12);
}

/* Do not recolor specifications values or body copy */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel li,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel td {
  background-image:none;
}


/* TG_PDP_DESCRIPTION_HEADINGS_FIX_START */

/*
 * WooCommerce Description tab and product description headings.
 * Uses the category gradient already assigned to body.single-product.
 */

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description h2,

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description h3,

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description h4,

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description .wp-block-heading,

body.single-product .woocommerce-Tabs-panel
h2,

body.single-product .woocommerce-Tabs-panel
h3,

body.single-product .woocommerce-Tabs-panel
h4,

body.single-product #tab-description
h2,

body.single-product #tab-description
h3,

body.single-product #tab-description
h4,

body.single-product .woocommerce-tabs
.tabs li a {

  background-image:var(--tg-pdp-heading-gradient) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;

  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

}

/* TG_PDP_DESCRIPTION_HEADINGS_FIX_END */


/* TG_PDP_CUSTOM_H1_GRADIENT_START */

/*
 * Custom product description headings:
 * Overview, Specifications, Shipping.
 * Preserve existing typography and spacing.
 */

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description h1,

body.single-product .woocommerce-tabs
.woocommerce-Tabs-panel--description h2,

body.single-product #tab-description h1,

body.single-product #tab-description h2,

body.single-product .woocommerce-Tabs-panel
h1 {

  background-image:var(--tg-pdp-heading-gradient) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;

  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

}

/* TG_PDP_CUSTOM_H1_GRADIENT_END */


/* TG_PDP_RELATED_HEADING_GRADIENT_START */

/*
 * Related Products heading only.
 * Inherits the product's approved category gradient.
 * No typography or layout changes.
 */

body.single-product .related.products > h2,
body.single-product .related.products > h3,
body.single-product section.related.products > h2,
body.single-product section.related.products > h3,
body.single-product .related.products .related-title {

  background-image:var(--tg-pdp-heading-gradient) !important;
  background-clip:text !important;
  -webkit-background-clip:text !important;

  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

}

/* TG_PDP_RELATED_HEADING_GRADIENT_END */

