/**
 * Merchant builder color bridge — loaded after theme pack CSS.
 * Reads --store-page-text and --store-accent from [data-storefront-root].
 */

/* ── Section headings (home + product sections) ── */
[data-storefront-root] section#products h2,
[data-storefront-root] section.max-w-screen-xl h2,
[data-storefront-root] .store-section h2,
[data-storefront-root] [data-sellup-reviews] h2,
[data-storefront-root] [data-sellup-reviews] h3,
[data-storefront-root] [data-sellup-faq] h2 {
  color: var(--store-page-text) !important;
}

/* ── Product card titles ── */
[data-storefront-root] a.group.block .p-2 p.font-semibold,
[data-storefront-root] a.group.block .p-2 .truncate.font-semibold,
[data-storefront-root] div.group.cursor-pointer .p-2 p.font-semibold,
[data-storefront-root] div.group .p-2 .truncate.font-semibold {
  color: var(--store-page-text) !important;
}

/* ── FAQ questions ── */
[data-storefront-root] [data-sellup-faq] button[type="button"] {
  color: var(--store-page-text) !important;
}

/* ── Product grid sort ── */
[data-storefront-root] section#products select[data-sellup-sort] {
  color: var(--store-page-text) !important;
}

/* ── Primary section CTAs (Shop Now, Write a Review, newsletter, etc.) ── */
[data-storefront-root] a[data-sellup-section-cta],
[data-storefront-root] button[data-sellup-section-cta] {
  background: var(--store-accent) !important;
  border-color: var(--store-accent) !important;
  color: #ffffff !important;
}

/* ── Add to cart (filled / rounded / sharp) ── */
[data-storefront-root] button[data-sellup-atc]:not([data-sellup-atc-variant="outline"]):not([data-sellup-atc-variant="ghost"]) {
  background-color: var(--store-accent) !important;
  border-color: var(--store-accent) !important;
  color: #ffffff !important;
}

[data-storefront-root] button[data-sellup-atc][data-sellup-atc-variant="outline"] {
  background-color: transparent !important;
  color: var(--store-accent) !important;
  border-color: var(--store-accent) !important;
}

[data-storefront-root] button[data-sellup-atc][data-sellup-atc-variant="ghost"] {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--store-accent) !important;
}

/* ── Image with text (when theme pack overrides inline style) ── */
[data-storefront-root] [data-sellup-image-with-text] h2 {
  color: var(--store-page-text) !important;
}

[data-storefront-root] [data-sellup-image-with-text] p {
  color: color-mix(in srgb, var(--store-page-text) 80%, transparent) !important;
}