/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.1
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 


/*************************************************************************************************************************************************/
/***************************************** WOOCOMMERCE ADD TO CART STYLES / REVISIONS ***********************************************************/
/*************************************************************************************************************************************************/

/* Hide default dropdown */
.woocommerce div.product form.cart .variations select {
  display: none;
}

/* Flavour options inside <td> */
.woocommerce div.product form.cart .flavour-options {
  display: flex;
  flex-direction: row; /* stack vertically */
}

/* Each choice styled as bordered box */
.woocommerce div.product form.cart .flavour-options label {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  cursor: pointer;
  /* font-weight: 500; */
  border: 1px solid #000;
  padding: 1rem;
  margin: 0;
  min-width: 30%;
  justify-content: center;
  color: #000;
  font-family: Rubik;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

/* Radio button styling */
.woocommerce div.product form.cart .flavour-options input[type="radio"] {
  accent-color: #c49a6c;
  width: 18px;
  height: 18px;
}

/* Quantity selector */
.woocommerce div.product form.cart .quantity {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.woocommerce div.product form.cart .quantity input.qty {
  width: 50px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 0;
  padding: 1em !important;
  font-size: 1.2rem !important;
  line-height: 1.2em;
  height: auto !important;
}

.woocommerce div.product form.cart .quantity button {
  background: #000;
  border: none;
  padding: 1.2em;
  cursor: pointer;
  font-size: 1.1rem;
  border-radius: 0;
}

/* Add to basket button */
.woocommerce div.product form.cart button.single_add_to_cart_button {
  display: block;
  width: 100%;
  padding: 1em;
  border: none;
  border-radius: 0;
  margin-top: 3rem;
  cursor: pointer;
  background: #9b6c1b !important;
  border-color: #8f600f !important;
  opacity: 1 !important;
  font-family: Rubik;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  letter-spacing: 0.54px;
  text-transform: capitalize;
}

th.label {
    width: 100%;
}

td.value {
    width: 100% !important;
    /* display: inline-flex; */
}

table.variations tr {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce div.product form.cart .flavour-options label:hover,.woocommerce div.product form.cart .flavour-options label:active {
    background: #9b6c1b;
    color: #fff;
}
