/* Hide default WooCommerce form */
.single-product form.cart {
  display: none !important;
}

/* Form container */
.wooecom_instant_order_form {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 20px;
  border: 1px solid #d9d9d9;
  padding: 15px;
  margin-bottom: -1px;
  background: #f7f7f7; /* Gray-white background */
}

/* Title */
.wooecom_information_title {
  width: 100%;
  margin: 0;
  font-size: 16px !important; /* Reduced font size to fit within form borders */
  font-weight: 700 !important; /* Bold as requested */
}

/* Theme color for specific text with shake animation */
.wooecom_theme_color {
  color: #b83375 !important; /* Theme color */
  display: inline-block; /* Required for animation to work */
  animation: shake-left-right 0.5s infinite; /* Apply left-right shake animation */
  margin-right: 8px; /* Add space to the left of "اطلب الان" in RTL */
}

/* Shake left and right animation */
@keyframes shake-left-right {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(
      -5px
    ); /* Move left by 5px (in RTL, this appears as moving right) */
  }
}

/* Form fields */
.wooecom_instant_order_form > input,
.wooecom_instant_order_form > select,
.wooecom_instant_order_form > textarea {
  width: calc(50% - 10px) !important;
  border: 1px solid #d9d9d9 !important; /* Neutral color by default */
  outline: none !important;
  border-radius: 5px !important;
  padding: 12px 10px !important;
  line-height: 1.5em !important;
  height: 48px !important; /* Uniform height for all fields */
  background: #fff !important; /* Ensure all fields have a white background */
  transition: border-color 0.3s ease !important; /* Smooth transition for border color */
}

/* Change border color and width on focus to theme color with 96% opacity */
.wooecom_instant_order_form > input:focus,
.wooecom_instant_order_form > select:focus,
.wooecom_instant_order_form > textarea:focus,
.wooecom_instant_order_form .woocommerce-input-wrapper input:focus,
.wooecom_instant_order_form .woocommerce-input-wrapper select:focus {
  border: 3px solid rgba(184, 51, 117, 0.96) !important; /* Theme color with 96% opacity */
}

/* Error Message Styling */
.error-message {
  background-color: #ff0000; /* Red background for error messages */
  color: #ffffff; /* White text */
  padding: 5px 10px; /* Padding for better appearance */
  border-radius: 3px; /* Rounded corners */
  margin-top: 5px; /* Space above the error message */
  display: block; /* Ensure it takes full width */
  font-size: 14px; /* Readable font size */
  text-align: right; /* RTL alignment */
}

/* Hide labels */
.wooecom_instant_order_form .form-row label {
  display: none !important;
}

/* Ensure selects and inputs inside wrappers also take full width and height */
.wooecom_instant_order_form .woocommerce-input-wrapper select,
.wooecom_instant_order_form .woocommerce-input-wrapper input {
  width: 100% !important;
  height: 48px !important; /* Uniform height */
  border: 1px solid #d9d9d9 !important; /* Neutral color by default */
  border-radius: 5px !important;
  padding: 12px 10px !important;
  line-height: 1.5em !important;
  transition: border-color 0.3s ease !important; /* Smooth transition for border color */
}

.wooecom_instant_order_form > textarea {
  width: 100% !important;
  height: auto !important; /* Textarea can have auto height */
  transition: border-color 0.3s ease !important; /* Smooth transition for border color */
}

/* Name and Phone wrapper */
.wooecom_name_phone_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.wooecom_name_phone_wrapper .form-row {
  flex: 1;
  min-width: 200px;
  margin: 0; /* Override any default margins */
}

/* Force phone field to be LTR with text aligned to the right */
#wooecom_phone_field .woocommerce-input-wrapper input[type="tel"] {
  direction: ltr !important;
  text-align: right !important;
}

/* State and City wrapper */
.wooecom_state_city_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}

.wooecom_state_city_wrapper .form-row {
  flex: 1;
  min-width: 200px;
  margin: 0; /* Override any default margins */
}

/* Address wrapper - centered */
.wooecom_address_wrapper {
  display: flex;
  width: 100%;
  margin: 0 auto; /* Center the wrapper */
  padding: 0;
  justify-content: center; /* Center the content */
}

/* Ensure the address field input takes full width */
.wooecom_address_wrapper .form-row-wide {
  width: 100%;
  box-sizing: border-box;
  margin: 0; /* Consistent margins */
}

.wooecom_address_wrapper input[type="text"] {
  width: 100% !important;
  box-sizing: border-box;
  padding: 12px 10px !important; /* Match other fields */
  height: 48px !important; /* Uniform height */
  border: 1px solid #d9d9d9 !important; /* Neutral color by default */
  border-radius: 5px !important;
  transition: border-color 0.3s ease !important; /* Smooth transition for border color */
}

@media only screen and (max-width: 490px) {
  .wooecom_address_wrapper {
    width: 100%; /* Ensure full width */
  }
}

/* Select dropdown arrow for State field */
#wooecom_state {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -ms-progress-appearance: none !important;
  background: #fff !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 5px top 55% !important;
}

/* Select dropdown arrow for City field */
#wooecom_city {
  display: block !important;
  padding: 12px 10px !important; /* Match other fields */
  height: 48px !important; /* Uniform height */
  line-height: 1.5em !important; /* Match other fields */
  text-align: right !important; /* Ensure RTL alignment */
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -ms-progress-appearance: none !important;
  background: #fff !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 5px top 55% !important;
}

/* Style for the placeholder option in City field */
#wooecom_city option[disabled][value=""] {
  color: #999 !important;
  line-height: 1.5em !important;
}

/* RTL adjustments for dropdown arrows with high specificity */
.rtl .wooecom_one_page_checkout #wooecom_state,
.rtl .wooecom_one_page_checkout #wooecom_city {
  background: #fff !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 5px top 55% !important;
  padding-left: 30px !important; /* Ensure space for the arrow on the left */
  padding-right: 10px !important; /* Adjust right padding */
}

.rtl .wooecom_instant_order_form > input,
.rtl .wooecom_instant_order_form > select {
  text-align: right !important;
}

/* Quantity and Address wrapper */
.wooecom_qty_address_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px; /* Maintain 20px gap between fields */
  width: 100%;
  margin-top: 0; /* Remove top margin */
  align-items: center; /* Vertically center children */
  justify-content: center; /* Horizontally center children */
}

/* Address wrapper - now first */
.wooecom_address_wrapper {
  width: 48%; /* Set to 48% width */
  order: 1; /* Should be 1 to appear first (left) */
  justify-content: flex-end;
}

/* Quantity - now second */
.wooecom_quantity {
  display: flex;
  align-items: center;
  justify-content: center; /* Center horizontally and vertically */
  width: 48%; /* Set to 48% width */
  height: 33px; /* New height for buttons */
  margin-top: -8px; /* Shift slightly higher */
  order: 2; /* Should be 2 to appear second (right) */
}

.wooecom_quantity > input[type="number"] {
  width: 33px; /* Match button width */
  height: 33px; /* Match button height */
  padding: 0; /* Remove padding to center the number vertically */
  text-align: center;
  font-weight: 600;
  font-size: 20px; /* Slightly smaller font size */
  color: black; /* Number color changed to black */
  border: none !important;
  background: transparent !important;
  outline: none !important;
  line-height: 33px; /* Center the number vertically */
}

/* Chrome, Safari, Edge, Opera */
.wooecom_quantity input::-webkit-outer-spin-button,
.wooecom_quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.wooecom_quantity input[type="number"] {
  -moz-appearance: textfield;
}

.wooecom_plus,
.wooecom_minus {
  width: 38px; /* New width */
  height: 38px; /* New height */
  text-align: center;
  cursor: pointer;
  border: 1px solid #d9d9d9; /* Uniform border on all sides */
  background: #fff;
  border-radius: 1px; /* Reduced for sharper, more square corners */
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px; /* Larger font size for + and -, closer to the number's size */
  color: black; /* Changed to black */
  box-sizing: border-box; /* Ensure border is included in dimensions */
}

.wooecom_plus:hover,
.wooecom_minus:hover {
  background: #fff;
  color: #333; /* Darker shade of black for hover */
}

/* Submit Button */
.wooecom_checkout {
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 20px auto;
  padding: 18px;
  border-radius: 5px;
  outline: none !important;
  position: relative;
  background: #b83375; /* Theme color */
  color: #fff; /* White text */
  border: 1px solid #b83375; /* Theme color border */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.wooecom_checkout:hover {
  background: #fff !important; /* White background on hover */
  color: #b83375 !important; /* Theme color text on hover */
  border: 1px solid #b83375 !important; /* Theme color border on hover */
}

.wooecom_checkout.loading {
  pointer-events: none !important;
}

.wooecom_btn_loader {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: none;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Variations */
.wooecom_variations {
  margin: 0;
  padding: 0 !important;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.wooecom_variations > li {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap !important;
  gap: 8px;
}

.variation_title {
  position: relative;
}

.variation_title input {
  display: none;
}

.variation_title input + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-weight: 400;
}

.variation_title input + label::before {
  content: "";
  width: 27px;
  height: 27px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.variation_title input + label::after {
  content: "";
  position: absolute;
  left: 7px;
  height: 13px;
  width: 13px;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #d9d9d9;
  opacity: 0;
}

.variation_title input + label:hover::after {
  opacity: 1;
}

.variation_title input:checked + label::after {
  opacity: 1;
}

/* Modern UI Styles */
ul.wooecom_variations.modern_ui {
  display: flex;
  flex-direction: column;
}

.attribute_modern_ui {
  display: flex;
  align-items: center;
  gap: 10px;
}

.attribute_modern_ui > h4 {
  margin-right: 10px;
  font-size: 14px;
  color: #000;
  font-weight: 600; /* Increased to make labels a little bit bolder */
  line-height: 1.4em;
  min-width: 60px;
}

.attribute_inner > input {
  display: none;
}

.attribute_inner > label {
  border: 1px solid #d9d9d9;
  font-size: 14px;
  color: #000;
  border-radius: 3px;
  padding: 3px 8px;
  line-height: 1.4em;
  background: #fff;
  box-shadow: 0 0 0 0;
  transition: all 0.4s ease;
  background: #fff;
  cursor: pointer;
}

.attribute_inner > label:hover {
  background: #f9f9f9;
}

.attribute_inner > input:checked + label {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8);
}

.attribute_inner.attr_color > label {
  border: 1px solid #d9d9d9;
  font-size: 0px;
  color: transparent;
  display: block;
  width: 24px;
  height: 24px;
}

.wooecom_variations.modern_ui .variation_selection {
  display: none;
}

li.attribute_modern_ui .attribute_inner > label {
  line-height: 2.2em;
}

/* Order Summary (Product-related) */
.wooecom_order_summary {
  width: 100%;
  position: relative; /* Ensure relative positioning for spinner overlay */
}

.wooecom_order_summary_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(242, 199, 216, 0.7); /* Lighter shade with 70% opacity */
  padding: 15px;
  border: 1px solid #d9d9d9;
  margin-bottom: -1px;
  user-select: none;
  cursor: pointer;
  color: #8f265a; /* Darker shade of theme color for text */
  opacity: 1 !important; /* Ensure the element itself is fully opaque */
}

.wooecom_order_summary_head > i {
  transform: rotate(0);
  transition: all 0.4s ease;
  color: #8f265a; /* Darker shade of theme color for icon */
  opacity: 1 !important; /* Ensure icon is fully opaque */
}

.wooecom_order_summary.active .wooecom_order_summary_head > i {
  transform: rotate(180deg);
}

/* Ensure Font Awesome styles are applied with very high specificity */
.wooecom_one_page_checkout .wooecom_order_summary i.fa-solid,
.wooecom_one_page_checkout .wooecom_order_summary i.fas,
.wooecom_one_page_checkout .wooecom_order_summary i.fa-brands,
.wooecom_one_page_checkout .wooecom_order_summary i.fab {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-style: normal !important;
  line-height: 1 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Explicitly set the content for Font Awesome icons */
.wooecom_one_page_checkout .wooecom_order_summary i.fa-chevron-down::before {
  content: "\f078" !important;
}

.wooecom_one_page_checkout .wooecom_order_summary i.fa-cart-shopping::before {
  content: "\f07a" !important;
}

/* Prevent any reset of the content property */
.wooecom_one_page_checkout .wooecom_order_summary i::before {
  display: inline-block !important;
}

.wooecom_price_table {
  display: none;
  position: relative;
}

.wooecom_order_summary.active .wooecom_price_table {
  display: block;
}

.order_loader_container,
.order_loader_container.wooecom-spinner-controlled {
  display: none !important; /* Hidden by default, controlled via JS */
}

.order_loader_container.active,
.order_loader_container.wooecom-spinner-controlled.active {
  display: flex !important; /* Flexbox for centering */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  background: rgba(128, 128, 128, 0.5); /* Gray overlay as requested */
  z-index: 10; /* Above order summary content */
}

.wooecom_order_loader {
  width: 30px; /* Original size */
  height: 30px;
  border: 3px solid #ffffff; /* White border as requested */
  border-bottom-color: transparent; /* Transparent bottom for spinning effect */
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.wooecom_price_table table {
  margin-bottom: 0px;
}

.wooecom_price_table > table td:first-child {
  text-align: left;
}

.wooecom_price_table > table td:last-child {
  text-align: right;
}

.wooecom_price_table > table td {
  border: none;
  padding: 15px;
}

.wooecom_price_table > table {
  border-collapse: collapse;
  border: 1px solid #d9d9d9;
}

.wooecom_price_table > table tr {
  border-bottom: 1px solid #d9d9d9;
}

.wooecom_row_total_price > td {
  font-weight: bold !important;
  color: #b83375 !important; /* Theme color for product-related element */
}

.wooecom_order_summary_title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold !important;
  text-transform: capitalize;
  opacity: 1 !important; /* Ensure text is fully opaque */
}

/* Shipping price styling with theme color */
.shipping_price .shipping-cost {
  color: #b83375; /* Theme color for shipping cost */
}

/* Additional Buttons */
.wooecom_additional_buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 15px;
}

.wooecom_phone_order,
.wooecom_whatsapp_order {
  width: 100%;
  padding: 15px;
  border-radius: 5px;
  background: #b83375; /* Theme color */
  color: #fff; /* White text */
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: block;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #b83375; /* Theme color border */
}

.wooecom_phone_order:hover,
.wooecom_whatsapp_order:hover {
  background: #fff !important; /* White background on hover */
  color: #b83375 !important; /* Theme color text on hover */
  border: 1px solid #b83375 !important; /* Theme color border on hover */
}

/* Fade-in animation for sticky footer */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Fallback for browsers that don't support Scroll-Driven Animations */
@supports not (animation-timeline: scroll()) {
  .wooecom_one_page_checkout .wooecom_sticky_footer {
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
    animation-delay: 5s; /* Fallback to 5-second delay */
  }
}

/* Scroll-Driven Animation for sticky footer */
@supports (animation-timeline: scroll()) {
  .wooecom_one_page_checkout .wooecom_sticky_footer {
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
    animation-timeline: scroll(
      root block
    ); /* Scroll along the block axis (vertical) of the root */
    animation-range: 500px 600px; /* Start animation when scrolled 500px, end at 600px */
  }
}

/* Sticky Footer */
.wooecom_one_page_checkout .wooecom_sticky_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #fff;
  z-index: 5000; /* Confirmed z-index */
  border-top: 1px solid #d9d9d9;
  display: flex !important; /* Force visibility */
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  margin-bottom: 0px;
}

.wooecom_one_page_checkout .wooecom_sticky_footer .wooecom_buy_now {
  display: block;
  padding: 10px 35px;
  border-radius: 5px;
  text-decoration: none !important;
  text-align: center;
  width: 50%; /* Adjusted width to better fit space */
  max-width: 300px; /* Maximum width for larger screens */
  background: #b83375; /* Theme color */
  color: #fff; /* White text */
  border: 1px solid #b83375; /* Theme color border */
}

.wooecom_buy_now:hover {
  background: #fff !important; /* White background on hover */
  color: #b83375 !important; /* Theme color text on hover */
  border: 1px solid #b83375 !important; /* Theme color border on hover */
}

.wooecom_footer_icons {
  display: none; /* Hide WhatsApp and phone buttons */
}

/* Other Elements */
span.wooecom_order_qty {
  background: #d9d9d9;
  color: #000;
  display: inline-block;
  padding: 3px 5px;
  border-radius: 5px;
  line-height: 1em;
  font-size: 10px;
  position: relative;
  left: -2px;
  font-weight: 600;
  top: -6px;
}

.wooecom_coupon_discount_row {
  display: none;
}

#wooecom_fixed_shipping_fe {
  display: none;
}

.wooecom_attributes {
  width: 100%;
}

.wooecom_single_attr label input {
  display: none !important;
}

.wooecom_single_attr {
  margin: 10px 0 !important;
  display: flex;
  align-items: center;
  gap: 5px;
}

.wooecom_single_attr label span {
  display: inline-block !important;
  border: 1px solid #d9d9d9 !important;
  padding: 3px 5px !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  font-size: 13px !important;
}

.wooecom_single_attr label input:checked + span {
  background: transparent !important;
  color: #000 !important;
  border-color: #000 !important;
}

.wooecom_single_attr label {
  margin-bottom: 0px !important;
}

span.wooecom_attr_label {
  font-size: 15px !important;
  min-width: 50px !important;
  display: inline-block !important;
}

.wooecom_single_attr label input:checked + span.wooecom_color_palette {
  position: relative;
}

.wooecom_single_attr label input:checked + span.wooecom_color_palette::before {
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border-radius: 5px;
  border: 1px solid #000;
  left: -3px;
  top: -3px;
}

ul.wooecom_shipping_methods {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wooecom_shipping_methods li label {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-start;
}

span.wooecom_free_shipping {
  background: transparent !important;
  color: #b83375 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
  font-weight: bold !important;
}

.wooecom_hidden {
  display: none !important;
}

.wooecom_placeholder {
  display: block;
  width: 100%;
}

.toast-center-center {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.form-hide-for-desktop {
  display: none !important;
}

#coupon_code {
  height: 48px !important; /* Uniform height */
  width: 200px;
  border: 1px solid #d9d9d9 !important; /* Neutral color by default */
  border-radius: 5px !important;
  transition: border-color 0.3s ease !important; /* Smooth transition for border color */
}

#coupon_code:focus {
  border: 3px solid rgba(184, 51, 117, 0.96) !important; /* Theme color with 96% opacity */
}

.custom-coupon-btn button {
  height: 48px !important; /* Match field height */
  line-height: 0;
}

.disabled-btn {
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

.coupon-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}

.wooecom_disabled,
.ip_block,
.cookie_block {
  position: relative;
}

.wooecom_disabled::before,
.ip_block::before,
.cookie_block::before {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: none !important;
  cursor: not-allowed;
  z-index: 1000;
}

.wooecom_notice {
  margin: 0;
  width: 100%;
  background: #d35c62;
  color: #fff;
  padding: 10px;
  position: relative;
  border-radius: 8px;
}

.wooecom_notice::before {
  content: "\f05a";
  font: var(--fa-font-solid);
  margin-right: 10px;
}

.wooecom_notice.hidden {
  display: none;
}

#apply_coupon {
  color: #fff !important; /* White text */
  transition: all 0.3s ease;
  border: 1px solid #b83375; /* Theme color border */
  width: calc(127% - 20px);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 5px;
  padding: 18px;
  outline: none !important;
  position: relative;
  background: #b83375; /* Theme color */
}

#apply_coupon:hover {
  background: #fff !important; /* White background on hover */
  color: #b83375 !important; /* Theme color text on hover */
  border: 1px solid #b83375 !important; /* Theme color border on hover */
}

/* RTL Styles */
.rtl .variation_title input + label {
  padding-left: 0px;
  padding-right: 40px;
}

.rtl .variation_title input + label::before {
  content: "";
  width: 27px;
  height: 27px;
  position: absolute;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  left: unset;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rtl .variation_title input + label::after {
  content: "";
  position: absolute;
  left: unset;
  right: 7px;
  height: 13px;
  width: 13px;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  background: #d9d9d9;
  opacity: 0;
}

.rtl .variation_title input + label:hover::after {
  opacity: 1;
}

.rtl .variation_title input:checked + label::after {
  opacity: 1;
}

.rtl ul.wooecom_shipping_methods {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rtl ul.wooecom_shipping_methods li > label {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.rtl .wooecom_shipping_methods li label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}

.rtl .wooecom_price_table > table td:first-child {
  text-align: right;
}

.rtl .wooecom_price_table > table td:last-child {
  text-align: left;
}

.rtl .wooecom_order_qty {
  left: 2px;
}

.rtl .wooecom_notice::before {
  content: "\f05a";
  font: var(--fa-font-solid);
  margin-right: 0;
  margin-left: 10px;
}

/* Media Queries */
@media (max-width: 767px) {
  .wooecom_quantity {
    width: 35% !important;
  }

  .wooecom_checkout {
    width: calc(65% - 20px) !important;
  }

  .wooecom_instant_order_form > input,
  .wooecom_instant_order_form > select {
    width: 100% !important;
  }

  .wooecom_one_page_checkout .wooecom_sticky_footer .wooecom_buy_now {
    width: 50% !important; /* Full width on mobile since icons are removed */
  }

  .wooecom_address_wrapper {
    width: 100%; /* Ensure full width */
  }
}