/**
 * trust_strip — โทนสี Preset (ตัวแปรตั้งจาก TrustStripService / inline token)
 */
.home .hl-module--trust-strip[data-hl-color-mode="preset"]:not([data-hl-color-palette]) {
    --hl-trust-accent: var(--hl-accent, var(--home-accent, #f7432e));
    --hl-trust-accent-soft: color-mix(in srgb, var(--hl-trust-accent) 12%, transparent);
}

.home .hl-module--trust-strip[data-hl-color-mode="preset"] .hl-ext-trust--stat_band {
    background: var(--hl-trust-band-bg, linear-gradient(135deg, rgba(244, 80, 47, 0.1) 0%, rgba(254, 98, 50, 0.06) 100%));
    border-color: var(--hl-trust-band-border, rgba(244, 80, 47, 0.16));
}

.home .hl-module--trust-strip[data-hl-color-mode="preset"] .hl-ext-trust--icon_cards .hl-ext-trust__item {
    border-color: var(--hl-trust-card-border, rgba(15, 23, 42, 0.08));
    box-shadow: var(--hl-trust-card-shadow, 0 6px 18px rgba(15, 23, 42, 0.05));
}

.home .hl-module--trust-strip[data-hl-color-mode="preset"] .hl-ext-trust--pill_chips .hl-ext-trust__item {
    background: var(--hl-trust-chip-bg, #f1f5f9);
    border-color: var(--hl-trust-chip-border, #e2e8f0);
}

/* builder — เลือกไอคอนไม่เปลี่ยนสีตาม preset (คงเทาเดิม) */
body.page-home-layout .hl-trust-strip-builder .hl-trust-strip-chip:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

body.page-home-layout .hl-trust-strip-builder .hl-trust-strip-chip.is-checked {
    border-color: #64748b;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.18);
}

body.page-home-layout .hl-trust-strip-builder .hl-trust-strip-chip.is-checked .hl-trust-strip-chip__icon {
    background: #f1f5f9;
    color: #475569;
}

body.page-home-layout .hl-trust-strip-builder .hl-trust-strip-chip.is-checked .hl-trust-strip-chip__check {
    opacity: 1;
    transform: scale(1);
    background: #64748b;
}

body.page-home-layout .hl-trust-strip-builder .hl-trust-strip-picker__count {
    background: #f1f5f9;
    color: #475569;
}

body.page-home-layout .hl-trust-strip-builder[data-hl-color-mode="theme"] .hl-trust-strip-chip:hover {
    border-color: color-mix(in srgb, var(--hl-accent) 40%, #dbe4ee);
    box-shadow: 0 10px 22px color-mix(in srgb, var(--hl-accent) 12%, transparent);
}

body.page-home-layout .hl-trust-strip-builder[data-hl-color-mode="theme"] .hl-trust-strip-chip.is-checked {
    border-color: var(--hl-accent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--hl-accent) 8%, #fff) 0%, #fff 100%);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hl-accent) 16%, transparent);
}

body.page-home-layout .hl-trust-strip-builder[data-hl-color-mode="theme"] .hl-trust-strip-chip.is-checked .hl-trust-strip-chip__icon {
    background: linear-gradient(135deg, var(--hl-accent) 0%, var(--hl-accent-hover, var(--hl-accent)) 100%);
    color: #fff;
}

body.page-home-layout .hl-trust-strip-builder[data-hl-color-mode="theme"] .hl-trust-strip-chip.is-checked .hl-trust-strip-chip__check {
    background: var(--hl-accent);
}

body.page-home-layout .hl-trust-strip-builder[data-hl-color-mode="theme"] .hl-trust-strip-picker__count {
    background: color-mix(in srgb, var(--hl-accent) 12%, #fff);
    color: color-mix(in srgb, var(--hl-accent) 88%, #000);
}