/*
 * CELLO GLOBAL ACTION SYSTEM V1.1.0 — ORANGE
 * Scope: storefront action buttons only.
 * Primary actions use Cello Orange #EB5909. Secondary actions use the same orange family as an outline/soft action.
 * Danger, disabled, icon/utility controls and Google/Apple brand buttons stay semantic.
 */
:root {
  --cello-action-primary: #eb5909;
  --cello-action-primary-hover: #cf4700;
  --cello-action-primary-active: #b83f00;
  --cello-action-primary-soft: #fff3ec;
  --cello-action-focus: rgba(235, 89, 9, .24);
  --cello-action-disabled: #b8b8b8;
}

/* Shared action behavior */
.btn-primary,
.btn-success,
.btn-info,
.cello-btn--primary,
.cello-buy-cta:not(.is-disabled),
.ca-button:not(.ca-button-secondary),
.coc-btn-primary,
.coc-lookup-submit,
.cello-cart-checkout,
.cello-mini-cart__checkout,
.cv4-order-button,
.cv4-login-submit,
.cc-btn-primary,
.cc-btn-payment,
.cc-payment-submit,
.cello-btn-primary,
.cb2b-btn--primary,
.cb2b-form__submit,
.cp-btn--primary,
.crp-btn--primary,
.cello-contact-pui .pui-btn--orange,
.cello-contact-pui .pui-btn--green,
.cello-contact-pui .submit-btn,
.cw-submit,
.cw-support-link,
.csv2-search-box button,
.csv2-filter-show,
.cello-listing-page #button-search,
#content-search #button-search,
.cello-category-polish .btn-load-pagination .title-button,
.cello-listing-polish .btn-load-pagination .title-button,
.cello-special-listing .btn-load-pagination .title-button,
.special-filter-chips button.active,
.special-filter-chips button:hover,
.cello-consult-action.is-primary,
#ajax-button-confirm,
#button-vnpay-pay,
#button-vnpay-installment,
#confirm-button,
#continue-button,
#button-review,
#sendNotification,
#button-coupon {
  background: var(--cello-action-primary) !important;
  border-color: var(--cello-action-primary) !important;
  color: #fff !important;
  box-shadow: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.cello-btn--primary:hover,
.cello-btn--primary:focus,
.cello-buy-cta:not(.is-disabled):hover,
.cello-buy-cta:not(.is-disabled):focus,
.ca-button:not(.ca-button-secondary):hover,
.ca-button:not(.ca-button-secondary):focus,
.coc-btn-primary:hover,
.coc-btn-primary:focus,
.coc-lookup-submit:hover,
.coc-lookup-submit:focus,
.cello-cart-checkout:hover,
.cello-cart-checkout:focus,
.cello-mini-cart__checkout:hover,
.cello-mini-cart__checkout:focus,
.cv4-order-button:hover,
.cv4-order-button:focus,
.cv4-login-submit:hover,
.cv4-login-submit:focus,
.cc-btn-primary:hover,
.cc-btn-primary:focus,
.cc-btn-payment:hover,
.cc-btn-payment:focus,
.cc-payment-submit:hover,
.cc-payment-submit:focus,
.cello-btn-primary:hover,
.cello-btn-primary:focus,
.cb2b-btn--primary:hover,
.cb2b-btn--primary:focus,
.cb2b-form__submit:hover,
.cb2b-form__submit:focus,
.cp-btn--primary:hover,
.cp-btn--primary:focus,
.crp-btn--primary:hover,
.crp-btn--primary:focus,
.cello-contact-pui .pui-btn--orange:hover,
.cello-contact-pui .pui-btn--orange:focus,
.cello-contact-pui .pui-btn--green:hover,
.cello-contact-pui .pui-btn--green:focus,
.cello-contact-pui .submit-btn:hover,
.cello-contact-pui .submit-btn:focus,
.cw-submit:hover,
.cw-submit:focus,
.cw-support-link:hover,
.cw-support-link:focus,
.csv2-search-box button:hover,
.csv2-search-box button:focus,
.csv2-filter-show:hover,
.csv2-filter-show:focus,
.cello-listing-page #button-search:hover,
.cello-listing-page #button-search:focus,
#content-search #button-search:hover,
#content-search #button-search:focus,
.cello-category-polish .btn-load-pagination .title-button:hover,
.cello-category-polish .btn-load-pagination .title-button:focus,
.cello-listing-polish .btn-load-pagination .title-button:hover,
.cello-listing-polish .btn-load-pagination .title-button:focus,
.cello-special-listing .btn-load-pagination .title-button:hover,
.cello-special-listing .btn-load-pagination .title-button:focus,
.cello-consult-action.is-primary:hover,
.cello-consult-action.is-primary:focus,
#ajax-button-confirm:hover,
#ajax-button-confirm:focus,
#button-vnpay-pay:hover,
#button-vnpay-pay:focus,
#button-vnpay-installment:hover,
#button-vnpay-installment:focus,
#confirm-button:hover,
#confirm-button:focus,
#continue-button:hover,
#continue-button:focus,
#button-review:hover,
#button-review:focus,
#sendNotification:hover,
#sendNotification:focus,
#button-coupon:hover,
#button-coupon:focus {
  background: var(--cello-action-primary-hover) !important;
  border-color: var(--cello-action-primary-hover) !important;
  color: #fff !important;
}

/* Product purchase CTA: override late/legacy black-orange rules without changing price/accent colors. */
.product-detail .action_buy .cello-buy-cta:not(.is-disabled),
.mobile-product-buybar__button.cello-buy-cta:not(.is-disabled),
.desktop-product-buybar__button.cello-buy-cta:not(.is-disabled) {
  background: var(--cello-action-primary) !important;
  border-color: var(--cello-action-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(235, 89, 9, .20) !important;
}
.product-detail .action_buy .cello-buy-cta:not(.is-disabled):hover,
.product-detail .action_buy .cello-buy-cta:not(.is-disabled):focus,
.mobile-product-buybar__button.cello-buy-cta:not(.is-disabled):hover,
.mobile-product-buybar__button.cello-buy-cta:not(.is-disabled):focus,
.desktop-product-buybar__button.cello-buy-cta:not(.is-disabled):hover,
.desktop-product-buybar__button.cello-buy-cta:not(.is-disabled):focus {
  background: var(--cello-action-primary-hover) !important;
  border-color: var(--cello-action-primary-hover) !important;
  color: #fff !important;
}

/* Product installment / consultation actions are secondary actions. */
.product-detail .choose-buy ._btnOne,
.product-detail .choose-buy ._btnTwo,
.mobile-product-buybar__consult,
.cello-consult-action:not(.is-primary),
.cello-product-ui .cello-price-match .btn {
  background: #fff !important;
  border-color: var(--cello-action-primary) !important;
  color: var(--cello-action-primary) !important;
}
.product-detail .choose-buy ._btnOne:hover,
.product-detail .choose-buy ._btnTwo:hover,
.mobile-product-buybar__consult:hover,
.mobile-product-buybar__consult:focus,
.cello-consult-action:not(.is-primary):hover,
.cello-consult-action:not(.is-primary):focus,
.cello-product-ui .cello-price-match .btn:hover,
.cello-product-ui .cello-price-match .btn:focus {
  background: var(--cello-action-primary-soft) !important;
  border-color: var(--cello-action-primary-hover) !important;
  color: var(--cello-action-primary-hover) !important;
}

/* Secondary actions: same color family, visually subordinate. */
.cello-btn--outline,
.ca-button-secondary,
.coc-btn:not(.coc-btn-primary),
.cello-mini-cart__view-cart,
.cc-btn-secondary,
.cello-btn-secondary,
.cb2b-btn--secondary,
.cp-btn--secondary,
.crp-btn--soft,
.cw-reopen-results,
.csv2-price-apply,
.csv2-load-more,
.csv2-empty-clear,
.chb2-outline-button,
.cello-cart-continue,
.cv4-back,
.cw-page-button {
  background: #fff !important;
  border-color: var(--cello-action-primary) !important;
  color: var(--cello-action-primary) !important;
  box-shadow: none;
}
.cello-btn--outline:hover,
.cello-btn--outline:focus,
.ca-button-secondary:hover,
.ca-button-secondary:focus,
.coc-btn:not(.coc-btn-primary):hover,
.coc-btn:not(.coc-btn-primary):focus,
.cello-mini-cart__view-cart:hover,
.cello-mini-cart__view-cart:focus,
.cc-btn-secondary:hover,
.cc-btn-secondary:focus,
.cello-btn-secondary:hover,
.cello-btn-secondary:focus,
.cb2b-btn--secondary:hover,
.cb2b-btn--secondary:focus,
.cp-btn--secondary:hover,
.cp-btn--secondary:focus,
.crp-btn--soft:hover,
.crp-btn--soft:focus,
.cw-reopen-results:hover,
.cw-reopen-results:focus,
.csv2-price-apply:hover,
.csv2-price-apply:focus,
.csv2-load-more:hover,
.csv2-load-more:focus,
.csv2-empty-clear:hover,
.csv2-empty-clear:focus,
.chb2-outline-button:hover,
.chb2-outline-button:focus,
.cello-cart-continue:hover,
.cello-cart-continue:focus,
.cv4-back:hover,
.cv4-back:focus,
.cw-page-button:hover:not(:disabled),
.cw-page-button:focus:not(:disabled) {
  background: var(--cello-action-primary-soft) !important;
  border-color: var(--cello-action-primary-hover) !important;
  color: var(--cello-action-primary-hover) !important;
}

/* Legacy Bootstrap default buttons: standardize visible form/navigation actions without recoloring utility icons. */
.ca-account-page .btn-default,
.ca-account-page .btn-warning,
.ca-account-page .buttons .pull-left .btn-danger,
.flex-align-item .btn-danger.pull-left,
.checkout-checkout .btn-default,
.checkout-cart .btn-default,
.account-return .btn-default,
.affiliate-login .btn-default,
#collapse-coupon .btn-default,
#collapse-voucher .btn-default,
#collapse-reward .btn-default,
#collapse-shipping .btn-default {
  background: #fff !important;
  border-color: var(--cello-action-primary) !important;
  color: var(--cello-action-primary) !important;
}

/* Checkout V4 access controls: selected state follows the same action orange. */
.cv4-access-card.selected {
  border-color: var(--cello-action-primary) !important;
  background: var(--cello-action-primary-soft) !important;
}
.cv4-access-card.selected .cv4-check,
.cv4-check {
  background: var(--cello-action-primary) !important;
  color: #fff !important;
}
.cv4-method:has(input:checked) {
  border-color: var(--cello-action-primary) !important;
  background: var(--cello-action-primary-soft) !important;
}
.cv4-method input:checked + .cv4-radio {
  border-color: var(--cello-action-primary) !important;
}

/* Account/order links that behave as actions. */
.cc-support-panel a {
  background: var(--cello-action-primary) !important;
  border-color: var(--cello-action-primary) !important;
  color: #fff !important;
}
.cc-support-panel a:hover,
.cc-support-panel a:focus {
  background: var(--cello-action-primary-hover) !important;
  color: #fff !important;
}

/* Search/listing active controls. */
.special-filter-chips button.active,
.special-filter-chips button:hover {
  border-color: var(--cello-action-primary) !important;
  background: var(--cello-action-primary) !important;
  color: #fff !important;
}
.csv2-load-more:hover,
.csv2-load-more:focus {
  background: var(--cello-action-primary) !important;
  border-color: var(--cello-action-primary) !important;
  color: #fff !important;
}

/* Text/copy actions use the same orange without becoming filled buttons. */
.coc-text-btn,
.coc-mini-copy,
.coc-copy-link,
.cc-copy-mini,
.cello-copy,
.csv2-clear-all,
.csv2-filter-reset {
  color: var(--cello-action-primary) !important;
  border-color: var(--cello-action-primary) !important;
}
.coc-text-btn:hover,
.coc-mini-copy:hover,
.coc-copy-link:hover,
.cc-copy-mini:hover,
.cello-copy:hover,
.csv2-clear-all:hover,
.csv2-filter-reset:hover {
  color: var(--cello-action-primary-hover) !important;
  border-color: var(--cello-action-primary-hover) !important;
}

/* Focus ring for actual actions. */
.btn-primary:focus-visible,
.btn-success:focus-visible,
.btn-info:focus-visible,
.cello-btn:focus-visible,
.cello-buy-cta:focus-visible,
.ca-button:focus-visible,
.coc-btn:focus-visible,
.cello-cart-checkout:focus-visible,
.cello-mini-cart__checkout:focus-visible,
.cello-mini-cart__view-cart:focus-visible,
.cv4-order-button:focus-visible,
.cv4-login-submit:focus-visible,
.cc-btn-primary:focus-visible,
.cc-btn-secondary:focus-visible,
.cc-btn-payment:focus-visible,
.cc-payment-submit:focus-visible,
.cb2b-btn:focus-visible,
.cp-btn:focus-visible,
.crp-btn:focus-visible,
.cw-submit:focus-visible,
.csv2-search-box button:focus-visible,
.csv2-filter-show:focus-visible {
  outline: 3px solid var(--cello-action-focus) !important;
  outline-offset: 2px;
}

/* Disabled primary actions are neutral gray instead of another active color. */
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.ca-button[disabled],
.coc-btn[disabled],
.coc-lookup-submit[disabled],
.cv4-order-button[disabled],
.cv4-login-submit[disabled],
.cc-payment-submit[disabled],
.cw-submit[disabled],
.csv2-search-box button[disabled],
.csv2-filter-show[disabled] {
  background: var(--cello-action-disabled) !important;
  border-color: var(--cello-action-disabled) !important;
  color: #fff !important;
  box-shadow: none !important;
  cursor: not-allowed;
}

/* Semantic exceptions: never turn destructive or unavailable actions orange. */
.btn-danger,
.cello-buy-cta.is-disabled,
.mobile-product-buybar__button.is-disabled,
.desktop-product-buybar__button.is-disabled,
[disabled].cello-buy-cta,
button[disabled].mobile-product-buybar__button,
button[disabled].desktop-product-buybar__button {
  color: #fff !important;
}
.cello-buy-cta.is-disabled,
.mobile-product-buybar__button.is-disabled,
.desktop-product-buybar__button.is-disabled,
[disabled].cello-buy-cta,
button[disabled].mobile-product-buybar__button,
button[disabled].desktop-product-buybar__button {
  background: var(--cello-action-disabled) !important;
  border-color: var(--cello-action-disabled) !important;
  box-shadow: none !important;
}

/* Legacy templates sometimes misuse .btn-danger for a Back action; keep those secondary-orange. */
.ca-account-page .buttons .pull-left .btn-danger,
.flex-align-item .btn-danger.pull-left {
  background: #fff !important;
  border-color: var(--cello-action-primary) !important;
  color: var(--cello-action-primary) !important;
}
.ca-account-page .buttons .pull-left .btn-danger:hover,
.ca-account-page .buttons .pull-left .btn-danger:focus,
.flex-align-item .btn-danger.pull-left:hover,
.flex-align-item .btn-danger.pull-left:focus {
  background: var(--cello-action-primary-soft) !important;
  border-color: var(--cello-action-primary-hover) !important;
  color: var(--cello-action-primary-hover) !important;
}

/* Brand/utility exceptions intentionally untouched:
 * .ca-social-google, .ca-social-apple, close/remove buttons, quantity +/- controls,
 * navigation icons, password-eye controls and destructive .btn-danger actions.
 */

/* =========================================================
 * Navigation add-to-cart confirmation
 * Keep the cart toast aligned with the global orange action system.
 * Primary: View cart = filled orange. Secondary: Continue = outline orange.
 * ======================================================= */
.cnv2-cart-toast__link {
  color: #fff !important;
  background: var(--cello-action-primary) !important;
  border: 1px solid var(--cello-action-primary) !important;
  box-shadow: 0 7px 18px rgba(235, 89, 9, .16);
}
.cnv2-cart-toast__link:hover,
.cnv2-cart-toast__link:focus {
  color: #fff !important;
  background: var(--cello-action-primary-hover) !important;
  border-color: var(--cello-action-primary-hover) !important;
}
.cnv2-cart-toast__continue {
  color: var(--cello-action-primary) !important;
  background: #fff !important;
  border: 1px solid var(--cello-action-primary) !important;
}
.cnv2-cart-toast__continue:hover,
.cnv2-cart-toast__continue:focus {
  color: var(--cello-action-primary-hover) !important;
  background: var(--cello-action-primary-soft) !important;
  border-color: var(--cello-action-primary-hover) !important;
}
.cnv2-cart-toast__check {
  color: #fff !important;
  background: var(--cello-action-primary) !important;
  box-shadow: 0 8px 18px rgba(235, 89, 9, .18) !important;
}
.cnv2-cart-toast__copy small {
  color: var(--cello-action-primary) !important;
}
.cnv2-cart-toast__progress {
  background: var(--cello-action-primary-soft) !important;
}
.cnv2-cart-toast__progress::after {
  background: var(--cello-action-primary) !important;
}
.cnv2-cart-toast__link:focus-visible,
.cnv2-cart-toast__continue:focus-visible {
  outline: 3px solid var(--cello-action-focus) !important;
  outline-offset: 2px;
}