/* 
 * Fichier     : pizza.css
 * Auteur      : Yannick FRANÇOIS E.I. (firmoday.fr)
 * Date        : 08/2025
 * Version     : 1.0
 */
/* Titre de catégorie */
.categorie-title {
    color: #DBDADA;
	margin-bottom: 15px;
}
/* Nom de pizza */
.item-name {
    color: #E6332F;
}
/* Description */
.item-description {
    color: #A7A6AB;
	margin-bottom: 15px; /* espace sous la description */
}
/* Prix */
.item-price {
    color: #A7A6AB;
}
.categories {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* espace entre les colonnes */
}
/*
.categorie {
  flex: 0 0 calc(33.333% - 20px);  3 colonnes avec l'espace 
  box-sizing: border-box;
  padding: 10px;
}
*/
.categorie {
  flex: 0 0 calc(33.333% - 20px);
  box-sizing: border-box;
  padding: 15px;
  border: 2px solid rgba(180, 180, 180, 0.4); /* gris clair semi-transparent */
  border-radius: 8px;
  background: transparent;
  box-shadow: 0 0 6px 2px rgba(180, 180, 180, 0.3); /* effet diffus, style craie */
  margin-bottom: 20px;
  transition: box-shadow 0.3s ease;
}
.item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.item-name {
    color: #E6332F;
    margin: 0;
    font-size: 1em;
    flex: 1;
}
.item-price {
    color: #A7A6AB;
    margin: 0;
    white-space: nowrap;
}
/* Responsive : mobile et tablettes */
@media (max-width: 768px) {
  .categorie {
    flex: 0 0 100%;
  }
}