/**
 * cta_banner — โทนสี Preset (ตัวแปรตั้งจาก CtaBannerService / inline token)
 */
.home .hl-module--cta-banner[data-hl-color-mode="preset"]:not([data-hl-color-palette]) .hl-ext-cta {
    --hl-cta-accent: var(--hl-accent, var(--home-accent, #f4502f));
    --hl-cta-btn-bg: linear-gradient(135deg, var(--hl-cta-accent) 0%, var(--hl-accent-hover, #fe6232) 100%);
}

.home .hl-module--cta-banner[data-hl-color-mode="preset"] .hl-ext-cta {
    color: var(--hl-cta-fg, #0f172a);
}

.home .hl-module--cta-banner[data-hl-color-mode="preset"] .hl-ext-cta__subtitle,
.home .hl-module--cta-banner[data-hl-color-mode="preset"] .hl-ext-cta__body {
    color: var(--hl-cta-muted, rgba(15, 23, 42, 0.72));
}

.home .hl-module--cta-banner[data-hl-color-mode="preset"] .hl-ext-cta__btn {
    background: var(--hl-cta-btn-bg);
    color: var(--hl-cta-btn-fg, #fff);
    box-shadow: 0 10px 24px color-mix(in srgb, var(--hl-cta-accent, #f4502f) 28%, transparent);
}

/* builder preview */
body.page-home-layout .hl-cta-builder[data-hl-color-mode="theme"][data-hl-cta-surface="soft"] {
    --hl-cta-preview-bg: linear-gradient(145deg, color-mix(in srgb, var(--hl-accent) 14%, #fff) 0%, #fff 100%);
}

body.page-home-layout .hl-cta-builder[data-hl-color-mode="theme"][data-hl-cta-surface="dark"] {
    --hl-cta-preview-bg: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
}

body.page-home-layout .hl-cta-builder[data-hl-color-mode="theme"][data-hl-cta-surface="light"] {
    --hl-cta-preview-bg: #fff;
}

body.page-home-layout .hl-cta-surface-card.is-active {
    border-color: var(--hl-accent, #f4502f);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hl-accent, #f4502f) 16%, transparent);
}