/* Dynamic settings */
.wcbab-buttons{{
  --wcbab-font-size: 16px;
  --wcbab-pad-y: 14px;
  --wcbab-pad-x: 18px;
  --wcbab-radius: 12px;
  --wcbab-gap: 10px;
  --wcbab-add-bg: #0f1a2b;
  --wcbab-add-bg-hover: #0b1220;
  --wcbab-add-text: #ffffff;
  --wcbab-add-text-hover: #ffffff;
  --wcbab-buy-bg: #ff7a00;
  --wcbab-buy-bg-hover: #ff5f00;
  --wcbab-buy-text: #ffffff;
  --wcbab-buy-text-hover: #ffffff;
  --wcbab-add-width: 50%;
  --wcbab-buy-width: 50%;
  --wcbab-anim-dur: 1.2s;
  --wcbab-icon-size: 18px;
  --wcbab-icon-gap: 8px;
  --wcbab-text-anim-dur: 1.2s;
}}

/* Direct color enforcement */
.wcbab-buttons .wcbab-btn-add,
.wcbab-buttons button.single_add_to_cart_button,
.wcbab-buttons input.single_add_to_cart_button,
.wcbab-buttons button[name="add-to-cart"],
.wcbab-buttons input[name="add-to-cart"],
.wcbab-buttons a.add_to_cart_button,
.wcbab-buttons a.button.add_to_cart_button,
.wcbab-buttons a.ajax_add_to_cart,
.wcbab-buttons button.add_to_cart_button{
  background-image: none !important;
  background-color: #0f1a2b !important;
  color: #ffffff !important;
}
.wcbab-buttons .wcbab-btn-add:hover,
.wcbab-buttons button.single_add_to_cart_button:hover,
.wcbab-buttons input.single_add_to_cart_button:hover,
.wcbab-buttons button[name="add-to-cart"]:hover,
.wcbab-buttons input[name="add-to-cart"]:hover,
.wcbab-buttons a.add_to_cart_button:hover,
.wcbab-buttons a.button.add_to_cart_button:hover,
.wcbab-buttons a.ajax_add_to_cart:hover,
.wcbab-buttons button.add_to_cart_button:hover{
  background-image: none !important;
  background-color: #0b1220 !important;
  color: #ffffff !important;
}

.wcbab-buttons .wcbab-btn-buy,
.wcbab-buttons a.wcbab-buy-link,
.wcbab-buttons button[name="wcbab_buy_now"],
.wcbab-buttons input[name="wcbab_buy_now"]{
  background-image: none !important;
  background-color: #ff7a00 !important;
  color: #ffffff !important;
}
.wcbab-buttons .wcbab-btn-buy:hover,
.wcbab-buttons a.wcbab-buy-link:hover,
.wcbab-buttons button[name="wcbab_buy_now"]:hover,
.wcbab-buttons input[name="wcbab_buy_now"]:hover{
  background-image: none !important;
  background-color: #ff5f00 !important;
  color: #ffffff !important;
}

/* Layout enforcement (settings-driven, cache-safe) */
.wcbab-buttons[data-wcbab="1"]{
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

@media (max-width: 520px){
  .wcbab-buttons[data-wcbab="1"]{
    flex-direction: column !important;
  }
  .wcbab-buttons[data-wcbab="1"] > *{
    width: 100% !important;
    flex: 1 1 auto !important;
  }
}