/* random_categories ---------------------------------------------------  */
.horizontal-menu-categories {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex; /* Using Flexbox for the container */
  justify-content: space-evenly; /* Distributes space evenly between the children */
  align-items: center; /* Align items vertically */
  flex-wrap: wrap; /* Allows items to wrap as needed */
  width: 100%; /* Ensures the ul element takes full width */
}

.horizontal-menu-categories .menu-item {
  flex-grow: 1; /* Allows each item to grow and fill available space */
  text-align: center; /* Centers text within each item */
  box-sizing: border-box; /* Includes padding and border in the element's width */
}

.horizontal-menu-categories .menu-item a {
  display: block; /* Block level for link to fill the container */
  padding: 20px; /* Padding for better touch targets and appearance */
  text-decoration: none;
  color: rgb(255, 255, 255);
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
  width: 100%; /* Makes sure the anchor tag takes up the entire width of the li */
}

.horizontal-menu-categories .menu-item a:hover {
  color: var(--e-global-color-primary);
  font-weight: 600;
}

/* Hide the toggle button on larger screens */
.toggle-categories-btn {
  display: none;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .horizontal-menu-categories {
    display: none; /* Hide the menu by default on smaller screens */
    flex-direction: column; /* Stack items vertically */
    width: 100%; /* Ensure full width */
  }

  .horizontal-menu-categories .menu-item {
    width: 100%; /* Each item takes full width on smaller screens */
  }

  /* Show the toggle button on smaller screens */
  .toggle-categories-btn {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    background-color: #704821 !important;
    padding: 15px 5px 5px 5px;
  }
}

/* // random_categories ---------------------------------------------------  */