.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-fd07ebb{--display:flex;--overlay-opacity:0.5;--padding-top:7%;--padding-bottom:7%;--padding-left:5%;--padding-right:5%;}.elementor-11 .elementor-element.elementor-element-fd07ebb:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-fd07ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://pinballmachinessouthafrica.co.za/wp-content/uploads/2026/06/Over-the-Edge-Arcade-Prize-Game-4.jpeg");background-position:center center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-fd07ebb::before, .elementor-11 .elementor-element.elementor-element-fd07ebb > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-fd07ebb > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-fd07ebb > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-fd07ebb > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-fd07ebb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-8b9bb43{text-align:center;}.elementor-11 .elementor-element.elementor-element-8b9bb43 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-a2533fd );}.elementor-widget-woocommerce-breadcrumb .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-breadcrumb .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-701ca32 .woocommerce-breadcrumb{color:var( --e-global-color-a2533fd );text-align:center;}.elementor-11 .elementor-element.elementor-element-701ca32 .woocommerce-breadcrumb > a{color:var( --e-global-color-secondary );}.elementor-11 .elementor-element.elementor-element-24023b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-11 .elementor-element.elementor-element-24023b6:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-24023b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a2533fd );}.elementor-widget-woocommerce-cart .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-woocommerce-cart .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-fd07ebb{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-fd07ebb{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:12%;--padding-bottom:12%;--padding-left:5%;--padding-right:5%;}.elementor-11 .elementor-element.elementor-element-8b9bb43 .elementor-heading-title{font-size:30px;}.elementor-11 .elementor-element.elementor-element-701ca32 .woocommerce-breadcrumb{font-size:13px;}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-2802acf *//* ==========================================================================
   Complete WooCommerce Cart CSS - Pinball Machines South Africa
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Fix Horizontal Scroll Bar & Outer Layout
   -------------------------------------------------------------------------- */
html, body {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.woocommerce-cart,
.woocommerce-cart *,
.woocommerce-cart *::before,
.woocommerce-cart *::after {
  box-sizing: border-box !important;
}

.woocommerce-cart .entry-content,
.woocommerce-cart .woocommerce,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Eliminate Extra Outer Theme Containers & Double Frames */
.woocommerce-cart .entry-content > .woocommerce,
.woocommerce-cart .entry-content > .woocommerce > .woocommerce-cart-form,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .cart-collaterals,
div.woocommerce > div.woocommerce,
.woocommerce-cart section,
.woocommerce-cart article,
.woocommerce-cart .coupon,
.woocommerce-cart div.coupon-form {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   2. Product Table Layout
   -------------------------------------------------------------------------- */
.woocommerce-cart table.shop_table.cart {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin-bottom: 20px !important;
}

.woocommerce-cart table.shop_table.cart th {
  background-color: #000000 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  letter-spacing: 0.5px !important;
  padding: 12px 14px !important;
  border: none !important;
}

.woocommerce-cart table.shop_table.cart td {
  padding: 12px 14px !important;
  vertical-align: middle !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #1f2937 !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a {
  color: #000000 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.woocommerce-cart table.shop_table.cart td.product-name a:hover {
  color: #d12525 !important;
}

.woocommerce-cart a.remove {
  color: #9ca3af !important;
  font-size: 18px !important;
  text-decoration: none !important;
}

.woocommerce-cart a.remove:hover {
  color: #d12525 !important;
  background: transparent !important;
}

.woocommerce-cart table.shop_table.cart img {
  border-radius: 6px !important;
  width: 55px !important;
  height: auto !important;
}

/* --------------------------------------------------------------------------
   3. Quantity Controls
   -------------------------------------------------------------------------- */
.woocommerce-cart .quantity input.qty {
  width: 38px !important;
  height: 34px !important;
  text-align: center !important;
  border: 1px solid #cbd5e1 !important;
  font-weight: 700 !important;
  color: #000000 !important;
  background: #ffffff !important;
}

.woocommerce-cart .quantity .plus,
.woocommerce-cart .quantity .minus {
  background-color: #f8fafc !important;
  color: #000000 !important;
  border: 1px solid #cbd5e1 !important;
  width: 30px !important;
  height: 34px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  cursor: pointer !important;
}

.woocommerce-cart .quantity .plus:hover,
.woocommerce-cart .quantity .minus:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

/* --------------------------------------------------------------------------
   4. Coupon & Update Cart Action Bar
   -------------------------------------------------------------------------- */
.woocommerce-cart td.actions {
  background-color: #ffffff !important;
  padding: 14px !important;
  border-top: 1px solid #e2e8f0 !important;
}

.woocommerce-cart .coupon input[type="text"] {
  height: 36px !important;
  padding: 0 10px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  background-color: #ffffff !important;
  max-width: 100% !important;
}

.woocommerce-cart button[name="apply_coupon"],
.woocommerce-cart input[name="apply_coupon"] {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  border: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.woocommerce-cart button[name="apply_coupon"]:hover {
  background-color: #d12525 !important;
}

.woocommerce-cart button[name="update_cart"],
.woocommerce-cart input[name="update_cart"] {
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background-color: #6b7280 !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  border: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  float: right !important;
}

.woocommerce-cart button[name="update_cart"]:hover {
  background-color: #000000 !important;
}

/* --------------------------------------------------------------------------
   5. Select2 / Form Dropdowns Branding (Fixes Blue Highlight & Fields)
   -------------------------------------------------------------------------- */
/* Main Selection Box */
.select2-container--default .select2-selection--single {
  height: 38px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 5px !important;
  background-color: #ffffff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px !important;
  color: #000000 !important;
  padding-left: 10px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px !important;
}

/* Active Dropdown Container Width Fix */
.select2-container {
  max-width: 100% !important;
  width: 100% !important;
}

.select2-dropdown {
  border: 1px solid #000000 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Replace Default Blue Selection with Brand Black/Red */
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #d12525 !important; /* Brand Red */
  color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #000000 !important; /* Selected Item Black */
  color: #ffffff !important;
}

/* Standard Inputs & Selects */
.woocommerce-shipping-calculator input[type="text"],
.woocommerce-shipping-calculator select {
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
  background-color: #ffffff !important;
  font-size: 12px !important;
  color: #000000 !important;
  margin-bottom: 8px !important;
}

.woocommerce-shipping-calculator input[type="text"]:focus,
.woocommerce-shipping-calculator select:focus {
  border-color: #d12525 !important;
  outline: none !important;
}

.woocommerce-shipping-calculator button.button {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  border: none !important;
  text-transform: uppercase !important;
  width: auto !important;
  display: inline-block !important;
}

.woocommerce-shipping-calculator button.button:hover {
  background-color: #d12525 !important;
}

/* --------------------------------------------------------------------------
   6. Cart Totals & Proceed to Checkout Button
   -------------------------------------------------------------------------- */
.woocommerce-cart .cart_totals {
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  background: #ffffff !important;
  max-width: 100% !important;
}

.woocommerce-cart .cart_totals h2 {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 12px !important;
  border-bottom: 2px solid #000000 !important;
  padding-bottom: 6px !important;
}

.woocommerce-cart .cart_totals table.shop_table {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
}

.woocommerce-cart .cart_totals table.shop_table tr th,
.woocommerce-cart .cart_totals table.shop_table tr td {
  padding: 8px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: transparent !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart a.checkout-button {
  display: inline-block !important;
  width: auto !important;
  min-width: 160px !important;
  float: right !important;
  text-align: center !important;
  background-color: #d12525 !important; /* Brand Red */
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 10px 16px !important;
  height: auto !important;
  line-height: 1.3 !important;
  border-radius: 5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 6px rgba(209, 37, 37, 0.2) !important;
  transition: all 0.2s ease !important;
  margin-top: 10px !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart a.checkout-button:hover {
  background-color: #000000 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.woocommerce-cart .wc-proceed-to-checkout::after {
  content: "";
  display: table;
  clear: both;
}/* End custom CSS */