.custom-button a {
	background-color: #ECB843;
	color:#0000;
	font-weight:600;
	border-radius: 12px;
}

/* ============================================================
   Joy+ Cart Page Theme — matches the Coach Invitation page
   (black background, gold accents, Georgia serif headings)

   HOW TO ADD THIS:
   WordPress Admin → Appearance → Customize → Additional CSS
   (or your site's custom CSS plugin), paste this in, and Publish.

   NOTE: WooCommerce theme markup varies by theme. These target
   the standard WooCommerce class names, but your specific theme
   may wrap things differently. If something doesn't pick up the
   new style, send a screenshot and I'll adjust the selectors.
   ============================================================ */

body.woocommerce-cart {
  background: #0b0b0b !important;
  color: #fff !important;
}

body.woocommerce-cart .site-header,
body.woocommerce-cart header {
  background: #0b0b0b !important;
  border-bottom: 1px solid #1e1e1e !important;
}

body.woocommerce-cart .site-footer,
body.woocommerce-cart footer {
  background: #080808 !important;
  color: #777 !important;
}

body.woocommerce-cart h1,
body.woocommerce-cart h2,
body.woocommerce-cart h3 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #fff !important;
}

body.woocommerce-cart a {
  color: #f0c86a;
}

/* Cart table */
body.woocommerce-cart table.shop_table {
  background: #111 !important;
  border: 1px solid #262626 !important;
  color: #e8e6e0 !important;
}

body.woocommerce-cart table.shop_table th {
  color: #aaa7a0 !important;
  border-bottom: 1px solid #262626 !important;
}

body.woocommerce-cart table.shop_table td {
  border-bottom: 1px solid #1e1e1e !important;
}

body.woocommerce-cart .quantity input.qty {
  background: #161616 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

/* Remove (x) icon */
body.woocommerce-cart .product-remove a {
  color: #d9534f !important;
}

/* Cart totals box */
body.woocommerce-cart .cart_totals {
  background: #111 !important;
  border: 1px solid #4b3d23 !important;
  border-radius: 16px !important;
  padding: 24px !important;
}

body.woocommerce-cart .cart_totals h2 {
  color: #fff !important;
}

body.woocommerce-cart .cart_totals table {
  background: transparent !important;
  color: #e8e6e0 !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
  border-color: #262626 !important;
}

/* Checkout / update cart buttons */
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
body.woocommerce-cart input[name="update_cart"],
body.woocommerce-cart button.checkout-button {
  background: linear-gradient(135deg, #f0c86a, #d9a93f) !important;
  color: #111 !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

/* Coupon field */
body.woocommerce-cart .coupon input#coupon_code {
  background: #161616 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

/* ============================================================
   Joy+ Cart Page — Hestia Pro theme-specific fixes
   (targets the real elements found via browser inspector)
   ============================================================ */

/* The blue gradient banner under the top nav */
body.woocommerce-cart .page-header,
body.woocommerce-cart .header-filter-gradient {
  background: linear-gradient(135deg, #1a1a1a, #0b0b0b) !important;
}

/* Footer navigation links (Gratitudes, Visions, The Zone, etc.) */
body.woocommerce-cart #colophon a,
body.woocommerce-cart .site-footer a,
body.woocommerce-cart .footer-widget-area a,
body.woocommerce-cart .bottom-bar a,
body.woocommerce-cart footer a {
  color: #f0c86a !important;
}

body.woocommerce-cart #colophon a:hover,
body.woocommerce-cart .site-footer a:hover,
body.woocommerce-cart .bottom-bar a:hover {
  color: #d9a93f !important;
}

.woocommerce-checkout .site-footer .search-form,
.woocommerce-checkout .site-footer nav,
.woocommerce-checkout footer .widget_search,
.woocommerce-checkout footer nav.footer-nav {
  display: none !important;
}

.woocommerce-checkout footer ul,
.woocommerce-checkout footer .menu {
  display: none !important;
}

.woocommerce-checkout #colophon .footer-menu,
.woocommerce-checkout #colophon nav {
  display: none !important;
}
h2.coaches-h2 {
  margin-left: auto;
  margin-right: auto;
}
h2.coaches-h2 {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.woocommerce-checkout .entry-header,
.woocommerce-checkout .page-header,
.woocommerce-checkout header.entry-header {
  background: #000000 !important;
}
.woocommerce-checkout #primary.page-header {
  background-color: #000000 !important;
  background-image: none !important;
}

.woocommerce-checkout .header-filter-gradient {
  background: #000000 !important;
}

.woocommerce-checkout .header-filter-gradient::before,
.woocommerce-checkout .header-filter-gradient::after {
  background: #000000 !important;
  opacity: 1 !important;
}