/* Destpeka Sales — Public Catalog Theme Bridge v1.0.0 */

.order-action,
.create-order,
.submit-order-button,
.primary-lightbox-button,
.customer-login-submit,
.review-button {
    border-color: var(--brand);
    background: var(--brand);
    color: #fff;
}

.order-action:hover,
.create-order:hover,
.submit-order-button:hover,
.primary-lightbox-button:hover,
.customer-login-submit:hover,
.review-button:hover {
    border-color: var(--brand-strong);
    background: var(--brand-strong);
}

.order-action b {
    color: var(--brand);
}

.eyebrow,
.remove,
.order-unit-choice > b,
.order-config-summary > strong {
    color: var(--brand);
}

.order-unit-choice.selected {
    border-color: color-mix(in srgb, var(--brand) 52%, var(--line));
    background: color-mix(in srgb, var(--brand) 5%, #fff);
}

.order-unit-choice.selected > i {
    background: var(--brand);
    color: #fff;
}

.order-config-summary {
    border-color: color-mix(in srgb, var(--brand) 18%, var(--line));
    background: color-mix(in srgb, var(--brand) 4%, #fff);
}

.catalog-icon {
    color: var(--accent);
}

.header-action:focus-visible,
.order-action:focus-visible,
.create-order:focus-visible,
.submit-order-button:focus-visible,
.primary-lightbox-button:focus-visible,
.customer-login-submit:focus-visible,
.review-button:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--brand) 30%, transparent);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .order-action,
    .create-order,
    .submit-order-button,
    .primary-lightbox-button,
    .customer-login-submit,
    .review-button {
        transition: none;
    }
}