.custsearch{
    padding: 10px;
    background-color: #2dade0;
    max-width:none;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px; 
}
.search-bar {
    border-radius: 50px;
  }

  .search-button {
    border-radius: 50px;
    /* border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; */
    margin-left: -42px;
    /* background-color: #2dade0; */
  }
  .navsection{
    /* position: fixed; */
  }

/* Container for horizontal scroll */
ul.menu-categories {
    /* display: flex; */
    overflow-x: auto;
    white-space: nowrap;
    padding: 0;
    margin-bottom: 70px;
    justify-content: center;
    list-style: none;
    font-family: poppins;
  }
  
  .menu-categories::-webkit-scrollbar {
    display: none; /* Hide scrollbar for WebKit browsers */
    font-family: poppins;
  }
  
  .menu-categories li {
    padding: 10px 20px;
    margin: 0 10px;
    background-color: #b6b9b100; /* Green Olive color for active */
    color:#ffffff;
    border-radius: 50px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    transition: background-color 0.3s, transform 0.3s;
    font-family: poppins;
  }
  
  .menu-categories li:hover {
    background-color: #2DADE0;
    transform: scale(1.05);
    font-family: poppins;
  }
  
  .menu-categories li.active-category {
    background-color: #2DADE0;
    font-family: poppins;
  }
  
  .menu-categories li.inactive-category {
    background-color: transparent;
    color: #2DADE0;
    border: 2px solid #2DADE0;
    font-family: poppins;
  }
  
  .menu-categories li.inactive-category:hover {
    background-color: #2DADE0;
    color: white;
    font-family: poppins;
  }

   /* Menu plats */

.menus_tab {
    margin: 20px 0;
}
.menu-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-evenly;
}

.menu-card {
    background-color: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s ease;
    width: 100%;
    max-width: 300px;
}

.menu-card:hover {
    transform: scale(1.05);
}

.menu-card-image {
    background-size: cover;
    background-position: center;
    height: 180px;
    width: 100%;
}

.menu-card-content {
    padding: 15px;
    text-align: center;
    font-family: poppins;
}

.menu-card-title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px;
    font-family: poppins;
}

.menu-card-description {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 10px;
    font-family: poppins;
}

.menu-card-price {
    font-size: 20px;
    color: #6B8E23;
    font-weight: bold;
    font-family: poppins;
}
.footer_section {
    background-color: #2DADE0; /* Ajoute un fond bleu */
    padding: 20px 0; /* Ajoute un peu d'espace autour du contenu */
    text-align: center; /* Centre le texte */
    color: white; /* Rend le texte blanc pour un meilleur contraste */
}

.footer_section .copyright {
    font-size: 16px; /* Taille du texte */
    margin: 0; /* Supprime les marges par défaut */
}


/* Responsive design */
@media (max-width: 768px) {
    .menu-grid {
        flex-direction: column;
        align-items: center;
    }

    .menu-card {
        width: 100%;
        max-width: 100%;
    }
    .menu-categories {
        padding: 0 15px;
        font-family: poppins;
      }
}