/*
 * StoreBounty checkout compatibility styles.
 *
 * This file is immutable after publication. Release changes under a new
 * versioned filename and update the injectable registry seed.
 *
 * The selectors deliberately cover both legacy published checkout markup and
 * the current checkout scaffold. Keep every rule scoped to the checkout root.
 */

/* Selected delivery cards use a light brand tint with readable dark text. */
[data-cb-theme="checkout"] input[name="delivery"].peer:checked ~ .peer-checked\:bg-purple-50 {
    background-color: #f3f4f6 !important;
    background-color: color-mix(in srgb, var(--cb-primary, #9333ea) 12%, #f3f4f6) !important;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.16) !important;
    filter: none !important;
    opacity: 1 !important;
}

[data-cb-theme="checkout"] input[name="delivery"].peer:checked ~ .peer-checked\:bg-purple-50 .font-semibold {
    color: #111827 !important;
}

/* Selected payment gateway cards follow the same brand-safe surface treatment. */
[data-cb-theme="checkout"] label.border-purple-600.bg-purple-50 {
    background-color: #f3f4f6 !important;
    background-color: color-mix(in srgb, var(--cb-primary, #9333ea) 12%, #f3f4f6) !important;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.16) !important;
    filter: none !important;
}

[data-cb-theme="checkout"] label.border-purple-600.bg-purple-50 .text-gray-900 {
    color: #111827 !important;
}