.button.fme_wbof_add_to_cart_button {
  white-space: nowrap;       /* Prevent text from wrapping */
  display: inline-block;     /* Ensure the button respects its content size */
  text-align: center;        /* Center the text within the button */
  font-size: 14px;           /* Adjust the font size as needed */
  padding: 10px 20px;        /* Add padding for better button size */
  line-height: 1;            /* Ensure consistent line height */
  cursor: pointer;           /* Change cursor to pointer for better UX */
}

.fme_wbof_list_ul li:first-child {
  margin-top: -20px;
}

.fme_wbof_list_ul {
  display: inline-grid;
  list-style: none;
  width: max-content;
  margin: 0px;

}

.fme_add_to_cart_button{
    background-color: #222;
    color: #fff;
}

.fme_add_to_cart_button:hover{
    background-color: #b4afaf;
    color: #fff;
}

.fme_wbof_variations-container .woocommerce-variation-description , .fme_wbof_variations-container .single_add_to_cart_button.button.alt
, .fme_wbof_variations-container .button.reset_variations ,.fme_wbof_variations-container th.label    {
  display: none;
}

.fme_wbof_variations-container .fme_qty_variable_wbof{
    width: 50px;
}


.fme_wbof_variations-container  button.reset_variations{
  border-radius: 13px;
  margin-left: 40px;
}

.fme_wbof_list_ul {
  list-style: none !important;
}

.reset_variations {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  font-weight: normal !important;
  text-transform: none !important;
} 

.fme_wbof_variations-container .variations td {
  margin: 0px;
  padding: 5px; 
}
/* Desktop styles */
.fme_wbof_categories, .orderby {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

 .fme_wbof_add_to_cart_container {
    width: 100%;
    margin-bottom: 20px;
} 


 
@media screen and (max-width: 1024px) {
  
  .fme-form-sorting-container form {
    margin: 0 !important;
    flex: 1;
  }

  
} 


/* Tablet devices (768px and below) */
@media screen and (max-width: 768px) {
 
    div#fme_wbof_example_length {
      position: relative;
      right: 1px;
  }

  
}

/* Mobile devices (576px and below) */
@media screen and (max-width: 576px) {

  .fmewbof_mini_cart_icon span {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    text-align: center;
    font-size: 22px !important;
  }
  
  
  div#fme_wbof_example_length {
    position: relative;
    right: -5px;
  }
}

@media screen and (max-width: 375px) {
  .fme-form-sorting-container {
      padding: 8px 0;
      margin-bottom: 20px;
  }
  
  .fme_wbof_categories, .orderby {
      height: 40px;
  }
  
 
}

@media screen and (max-width: 320px) {
  .fme_wbof_categories, .orderby, 
  .fme_wbof_add_to_cart_container > button,
  .fme_wbof_add_to_cart_container > .button {
      font-size: 16px; 
  }
}

.container.fme-form-sorting-container form {
  margin: 0;
}


.fmewbof_cart_widget::-webkit-scrollbar{
  display: none;
}

.product_type_variable.add_to_cart_button , .fme_product_variable.product_type_grouped {
  white-space: nowrap;
}


div#fme_wbof_example_length {
  text-align: left;
}


.fme-wbof-paging .paginate_button.page-item {
  font-size: 18px;
}


.fme-wbof-paging .paginate_button.page-item.active {
  font-size: 18px;
}

.fme-wbof-paging .pagination .page-link {
  text-decoration: none !important;
}

/* For better specificity, also target the li elements */
.fme-wbof-paging .pagination .paginate_button .page-link {
  text-decoration: none !important;
}

.fme-wbof-paging .pagination .page-link:hover {
  text-decoration: none !important;
}

.dataTables_wrapper .fme-wbof-paging .paginate_button> a{
  border: 1px solid #d7c6c6 !important;
  border-radius: 5px !important;
  padding: 0.1em 0.6em !important;
}




.fme-wbof-paging .paginate_button.page-item.active > a  {
  background: #75cce5;
  border-color: #4fc2e5;
  color: white;
  /* Add a subtle transition */
  transition: all 0.3s ease;
  /* Optional: Add a light shadow for depth */
  box-shadow: 0 2px 4px rgba(79, 194, 229, 0.3);
}

/* Hover effect for active state */
.fme-wbof-paging .paginate_button.page-item.active:hover > a {
  background: #0f98c5;
  border-color: #0e94c0;
}

.fme-wbof-paging .paginate_button.page-item.disabled .page-link{
  cursor: not-allowed !important;
} 

.fme_wbof_variations-container {
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease, visibility 0s linear 0.3s;
}

.fme_wbof_variations-container.active {
  visibility: visible;
  height: auto; /* Expands smoothly */
}


.product_type_variable.add_to_cart_button{
  cursor: pointer;
}


/* First checkbox column */
.wcro-products.dataTable th:first-child,
.wcro-products.dataTable td:first-child {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
}


.fme-wbof-paging a:focus {
    outline: none !important;
    box-shadow: none !important;
}



div.dataTables_wrapper div.dataTables_processing {
  position: relative;
}



.fme-wbof-paging .pagination li>a {
  color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}



table#fme_wbof_example tbody td {
  text-align: center !important;
}

table.wcro-products.table.dataTable thead th {
  text-align: center !important;
}

#fme_wbof_example tbody tr form.cart {
  margin: 0px !important;
}

.fme_wbof_variations-container.active .woocommerce-variation-price .price {
    text-align: center; 
    margin: 0px !important;
}


	
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  appearance: none;
  margin: 0; 
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  appearance: none;
  margin: 0; 
}
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.plus {
  display: none !important;
}
.minus {
  display: none !important;
}
#fme_wbof_example_filter{
  display: none !important;
}


.fmewbof_cart_widget dl.variation {
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.fmewbof_cart_widget dl.variation > *:nth-child(2) {
  margin: 0px 0px 0px 10px !important;
}



/* Base table styles */
.wcro-products.dataTable {
  width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse;
  table-layout: auto;
}

/* Header cells */
.wcro-products.dataTable th {
  padding: 10px;
  min-width: 125px;
}



fme-main-container-list-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

/* Top row container */
.fme-top-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}

/* Sorting container */
.fme-form-sorting-container {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 15px;
}

/* Search container */
.fme-wbof-search-container {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 300px; /* Ensures search box has enough width */
}

/* Search input */
#list_keyword {
  flex: 1;
  padding: 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
  line-height: 8px;
  /* min-width: 200px; */
}
/* Add to cart button container */
.fme_wbof_multiple_add_to_cart_container {
  display: flex;
  justify-content: flex-end; /* Aligns button to the right */
  margin: 23px 0px;
}

/* Add to cart button */
.fme_wbof_multiple_add_to_cart_button {
  padding: 10px 20px;
  cursor: pointer;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .fme-top-row {
      flex-direction: column;
      align-items: stretch;
  }
  
  .fme-wbof-search-container {
      width: 100%;
      min-width: unset;
  }
}

.fme-form-sorting-container form {
  margin: 0 !important;
}


.fme-main-container-list-page {
  margin-bottom: 36px;
}


div#fme_wbof_example_length {
  display: none;
}