/**
 * Grafton shared buttons — one style sitewide.
 * Default: white bg + red text. Hover: red bg + white text.
 */

:root {
  --ribbon-red: #6e1220;
}

.grafton-btn,
a.grafton-btn,
button.grafton-btn,
.grafton-about__btn,
a.grafton-about__btn,
.grafton-about__btn--primary,
.grafton-about__btn--outline,
.grafton-cart__empty-btn,
a.grafton-cart__empty-btn,
.grafton-cart .return-to-shop .button,
.grafton-cart__checkout,
.grafton-cart a.checkout-button,
.grafton-cart .checkout-button,
.grafton-cart .coupon button.button,
body.woocommerce-checkout .grafton-checkout-actions .button,
body.woocommerce-checkout .grafton-checkout-back,
body.woocommerce-checkout .grafton-checkout-submit,
body.woocommerce-checkout .grafton-add-address-btn,
body.woocommerce-checkout .grafton-address-change-btn,
body.woocommerce-checkout .grafton-order-summary__coupon .button,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-checkout-actions .button,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-address-modal__footer .button,
body.woocommerce-checkout .grafton-checkout-panel__body .btn-primary,
body.woocommerce-checkout .grafton-checkout-panel__body .btn-secondary-base {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 10rem;
  margin: 0;
  padding: 0.9rem 1.4rem !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  background: #fff !important;
  color: var(--ribbon-red) !important;
  border: 1px solid var(--ribbon-red) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.grafton-btn:hover,
.grafton-btn:focus,
.grafton-btn:active,
a.grafton-btn:hover,
a.grafton-btn:focus,
a.grafton-btn:active,
.grafton-about a.grafton-about__btn:hover,
.grafton-about a.grafton-about__btn:focus,
.grafton-about a.grafton-about__btn:active,
.grafton-about a.grafton-about__btn--primary:hover,
.grafton-about a.grafton-about__btn--outline:hover,
a.grafton-cart__empty-btn:hover,
a.grafton-cart__empty-btn:focus,
a.grafton-cart__empty-btn:active,
.grafton-cart .return-to-shop a.button:hover,
.grafton-cart .return-to-shop a.button:focus,
.grafton-cart a.grafton-cart__checkout:hover,
.grafton-cart a.grafton-cart__checkout:focus,
.grafton-cart a.grafton-cart__checkout:active,
.grafton-cart a.checkout-button:hover,
.grafton-cart a.checkout-button:focus,
.grafton-cart a.checkout-button:active,
.grafton-cart .coupon button.button:hover,
.grafton-cart .coupon button.button:focus,
.grafton-cart .coupon button.button:active,
body.woocommerce-checkout .grafton-checkout-actions .button:hover,
body.woocommerce-checkout .grafton-checkout-actions .button:focus,
body.woocommerce-checkout .grafton-checkout-actions .button:active,
body.woocommerce-checkout .grafton-checkout-back:hover,
body.woocommerce-checkout .grafton-checkout-back:focus,
body.woocommerce-checkout .grafton-checkout-submit:hover,
body.woocommerce-checkout .grafton-checkout-submit:focus,
body.woocommerce-checkout .grafton-checkout-submit:active,
body.woocommerce-checkout .grafton-add-address-btn:hover,
body.woocommerce-checkout .grafton-add-address-btn:focus,
body.woocommerce-checkout .grafton-address-change-btn:hover,
body.woocommerce-checkout .grafton-address-change-btn:focus,
body.woocommerce-checkout .grafton-order-summary__coupon .button:hover,
body.woocommerce-checkout .grafton-order-summary__coupon .button:focus,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-checkout-actions .button:hover,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-checkout-actions .button:focus,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-address-modal__footer .button:hover,
body.woocommerce-checkout .grafton-address-modal-wrap .grafton-address-modal__footer .button:focus,
body.woocommerce-checkout .grafton-checkout-panel__body .btn-primary:hover,
body.woocommerce-checkout .grafton-checkout-panel__body .btn-secondary-base:hover {
  background: var(--ribbon-red) !important;
  color: #fff !important;
  border-color: var(--ribbon-red) !important;
  filter: none !important;
  text-decoration: none !important;
}

/* Compact address change button */
body.woocommerce-checkout .grafton-address-change-btn {
  min-width: auto;
  padding: 0.7rem 1rem !important;
  font-size: 0.8rem !important;
}

/* Full-width variants (checkout / empty CTA blocks) */
.grafton-cart__checkout,
.grafton-cart a.checkout-button,
.grafton-cart .checkout-button,
.grafton-btn--block {
  width: 100% !important;
}

body.woocommerce-checkout .grafton-checkout-actions .grafton-checkout-submit:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}