/* Amazon-style CTA palette. Loaded after Journal3 generated/custom CSS. */
:root {
    --amazon-cta-yellow: #FFD814;
    --amazon-cta-yellow-hover: #F7CA00;
    --amazon-cta-orange: #FFA41C;
    --amazon-cta-orange-hover: #FA8900;
    --amazon-cta-text: #111111;
}

/* Add to Cart and default primary actions. */
.btn-primary,
#button-cart,
html body .product-grid .product-thumb .btn-cart.btn:not(.buy-now):not(.quote),
html body .product-thumb .btn-cart.btn:not(.buy-now):not(.quote),
.route-checkout-cart .buttons .pull-left > .btn,
#cart-content .cart-actions a.cart {
    background-color: var(--amazon-cta-yellow) !important;
    background-image: none !important;
    border-color: var(--amazon-cta-yellow) !important;
    color: var(--amazon-cta-text) !important;
    text-shadow: none !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
#button-cart:hover,
#button-cart:focus,
#button-cart:active,
html body .product-grid .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):hover,
html body .product-grid .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):focus,
html body .product-grid .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):active,
html body .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):hover,
html body .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):focus,
html body .product-thumb .btn-cart.btn:not(.buy-now):not(.quote):active,
.route-checkout-cart .buttons .pull-left > .btn:hover,
.route-checkout-cart .buttons .pull-left > .btn:focus,
.route-checkout-cart .buttons .pull-left > .btn:active,
#cart-content .cart-actions a.cart:hover,
#cart-content .cart-actions a.cart:focus,
#cart-content .cart-actions a.cart:active {
    background-color: var(--amazon-cta-yellow-hover) !important;
    background-image: none !important;
    border-color: var(--amazon-cta-yellow-hover) !important;
    color: var(--amazon-cta-text) !important;
}

/* Buy Now, Checkout, and final order confirmation. */
html body .product-grid .product-thumb .btn-cart.btn.buy-now,
html body .product-thumb .btn-cart.btn.buy-now,
html body .product-grid .product-thumb .btn-extra.btn[data-cart-quick-buy],
html body .product-thumb .btn-extra.btn[data-cart-quick-buy],
/* Product route class is on <html>, not <body>. */
html.route-product-product:not(.popup) .product-info .button-group-page .btn-extra.btn[data-quick-buy],
#cart-content .cart-text .cart-actions a.checkout,
.route-checkout-cart .buttons .pull-right > .btn-primary,
#quick-checkout-button-confirm,
html.popup-options #button-cart.option-popup-buy-now {
    background-color: var(--amazon-cta-orange) !important;
    background-image: none !important;
    border-color: var(--amazon-cta-orange) !important;
    color: var(--amazon-cta-text) !important;
    text-shadow: none !important;
}

html body .product-grid .product-thumb .btn-cart.btn.buy-now:hover,
html body .product-grid .product-thumb .btn-cart.btn.buy-now:focus,
html body .product-grid .product-thumb .btn-cart.btn.buy-now:active,
html body .product-thumb .btn-cart.btn.buy-now:hover,
html body .product-thumb .btn-cart.btn.buy-now:focus,
html body .product-thumb .btn-cart.btn.buy-now:active,
html body .product-grid .product-thumb .btn-extra.btn[data-cart-quick-buy]:hover,
html body .product-grid .product-thumb .btn-extra.btn[data-cart-quick-buy]:focus,
html body .product-grid .product-thumb .btn-extra.btn[data-cart-quick-buy]:active,
html body .product-thumb .btn-extra.btn[data-cart-quick-buy]:hover,
html body .product-thumb .btn-extra.btn[data-cart-quick-buy]:focus,
html body .product-thumb .btn-extra.btn[data-cart-quick-buy]:active,
html.route-product-product:not(.popup) .product-info .button-group-page .btn-extra.btn[data-quick-buy]:hover,
html.route-product-product:not(.popup) .product-info .button-group-page .btn-extra.btn[data-quick-buy]:focus,
html.route-product-product:not(.popup) .product-info .button-group-page .btn-extra.btn[data-quick-buy]:active,
#cart-content .cart-text .cart-actions a.checkout:hover,
#cart-content .cart-text .cart-actions a.checkout:focus,
#cart-content .cart-text .cart-actions a.checkout:active,
.route-checkout-cart .buttons .pull-right > .btn-primary:hover,
.route-checkout-cart .buttons .pull-right > .btn-primary:focus,
.route-checkout-cart .buttons .pull-right > .btn-primary:active,
#quick-checkout-button-confirm:hover,
#quick-checkout-button-confirm:focus,
#quick-checkout-button-confirm:active,
html.popup-options #button-cart.option-popup-buy-now:hover,
html.popup-options #button-cart.option-popup-buy-now:focus,
html.popup-options #button-cart.option-popup-buy-now:active {
    background-color: var(--amazon-cta-orange-hover) !important;
    background-image: none !important;
    border-color: var(--amazon-cta-orange-hover) !important;
    color: var(--amazon-cta-text) !important;
}