.elementor-336 .elementor-element.elementor-element-d297037{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-336 .elementor-element.elementor-element-8c5ef38{--display:flex;--justify-content:center;}.elementor-336 .elementor-element.elementor-element-51988d3{text-align:center;}.elementor-336 .elementor-element.elementor-element-51988d3 .elementor-heading-title{font-size:24px;}.elementor-336 .elementor-element.elementor-element-87acf4b{text-align:center;}.elementor-336 .elementor-element.elementor-element-1c20ed7{text-align:center;}.elementor-336 .elementor-element.elementor-element-29ae2ff .cart button, .elementor-336 .elementor-element.elementor-element-29ae2ff .cart .button{padding:15px 15px 15px 15px;background-color:var( --e-global-color-secondary );transition:all 0.2s;}.elementor-336 .elementor-element.elementor-element-29ae2ff .quantity .qty{transition:all 0.2s;}.elementor-336 .elementor-element.elementor-element-f4f57d4{--display:flex;}.elementor-336 .elementor-element.elementor-element-6f003a0{--n-accordion-title-font-size:1rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-336 .elementor-element.elementor-element-6f003a0 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-primary );}:where( .elementor-336 .elementor-element.elementor-element-6f003a0 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-336 .elementor-element.elementor-element-77bc554{--display:flex;}.elementor-336 .elementor-element.elementor-element-77bc554:not(.elementor-motion-effects-element-type-background), .elementor-336 .elementor-element.elementor-element-77bc554 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(max-width:767px){.elementor-336 .elementor-element.elementor-element-d297037{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-336 .elementor-element.elementor-element-77bc554{--min-height:290px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-29ae2ff *//* === Quantity Box Styling (Perfectly aligned version) === */
form.cart .quantity {
  display: flex;
  align-items: center; /* keeps all elements vertically aligned */
  justify-content: space-between;
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #fafafa;
  margin: 0 0 15px 0;
  box-sizing: border-box;
  overflow: hidden;
  height: 48px; /* fixed consistent height */
}

/* Remove number input arrows */
form.cart .quantity input::-webkit-inner-spin-button,
form.cart .quantity input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.cart .quantity input[type=number] {
  -moz-appearance: textfield;
}

/* Input styling */
form.cart .quantity input.qty {
  flex: 1;
  text-align: center;
  border: none;
  background: transparent;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  outline: none;
  height: 100%;
  line-height: 48px; /* ensures vertical centering */
}

/* - / + Buttons */
form.cart .quantity .qty-btn {
  border: none;
  background: transparent !important; /* remove any background */
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  color: #333;
  width: 48px; /* fixed button width for symmetry */
  height: 100%;
  display: flex;
  align-items: center;   /* perfect vertical centering */
  justify-content: center;
  padding: 0;            /* remove any extra space */
  line-height: 1;        /* fixes + alignment issue */
  transition: color 0.2s ease; /* only color changes if needed */
}

form.cart .quantity .qty-btn:hover,
form.cart .quantity .qty-btn:active,
form.cart .quantity .qty-btn:focus {
  background: transparent !important; /* ensure no background on hover/active/focus */
  color: #333; /* color stays same */
}

/* Full-width Add to Cart Button */
form.cart .single_add_to_cart_button {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  padding: 12px 0;
  border-radius: 6px;
  background-color: #7c3aed; /* your purple color */
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

form.cart .single_add_to_cart_button:hover {
  background-color: #5b21b6;
  transform: translateY(-1px);
}
form.cart .single_add_to_cart_button:active {
  transform: translateY(0);
}

/* Responsive tweak */
@media (max-width: 480px) {
  form.cart .quantity {
    height: 44px;
  }
  form.cart .quantity .qty-btn {
    width: 44px;
    font-size: 20px;
  }
  form.cart .single_add_to_cart_button {
    font-size: 15px;
  }
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent
;
}

Hover variation

table tbody>tr:nth-child(even):hover>td, table tbody>tr:nth-child(even):hover>th {
    background-color: transparent;
}



/* ✅ Keep select field styling */
#booking_time_select,
#booking_time select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #ccc; /* <-- your visible field border */
  background-color: #fff; /* or transparent if you prefer */
  display: block;
  box-shadow: none !important;
  outline: none !important;
}

/* ✅ Hide decorative pseudo-elements that were causing the curved grey lines */
#booking_time::before,
#booking_time::after,
#booking_time_select::before,
#booking_time_select::after,
.booking-field::before,
.booking-field::after {
  content: none !important;
  display: none !important;
}

/* Optional: remove unwanted outlines from surrounding wrappers */
#booking_time,
.booking-field {
  outline: none !important;
  box-shadow: none !important;
  border: none !important; /* just the wrapper, not the select itself */
  background: transparent !important;
}

/* Container */
.custom-doc-form #uploaded_docs {
  border: 2px dashed #ccc;
  border-radius: 10px;
  padding: 15px;
  background-color: #f9f9f9;
  cursor: pointer;
  display: block;
  width: 100%;
  transition: background-color 0.3s ease;
}

/* Hover */
.custom-doc-form #uploaded_docs:hover {
  background-color: #f1f1f1;
}

/* WebKit Button */
.custom-doc-form #uploaded_docs::-webkit-file-upload-button {
  background: #0073aa;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.custom-doc-form #uploaded_docs::-webkit-file-upload-button:hover {
  background: #005f8d;
}

/* Firefox Button */
.custom-doc-form #uploaded_docs::file-.elementor-336 .elementor-element.elementor-element-29ae2ff-button {
  background: #0073aa;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 5px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}

.custom-doc-form #uploaded_docs::file-.elementor-336 .elementor-element.elementor-element-29ae2ff-button:hover {
  background: #005f8d;
}/* End custom CSS */