@charset "utf-8";
/* CSS Document */

/* =======================================================================
   menu-patch-vX.css  —  Bistrot 139
   Scopo:
   - Nasconde immagini prodotto
   - Rimuove spazi “fantasma” lasciati dalle immagini
   - Griglia a 2 colonne su desktop / 1 colonna ≤ 889px
   - Su mobile/tablet: Titolo a sinistra, Price a destra (non assoluto),
     Descrizione sotto, senza sovrapposizioni
   ======================================================================= */

/* 1) Niente immagini prodotto */
.product-img,
.wproduct-img {
  display: none !important;
}

/* 2) Elimina spazio riservato alle immagini (se wrapper presente) */
.product-content,
.wproduct-content {
  margin-left: 0 !important;
  padding-right: 20px !important;
}

/* 3) Contenitore card → Flex (niente più float) */
.contenitore {
  display: flex !important;
  flex-wrap: wrap;
}

/* 4) Card a due colonne su desktop */
.contenitore .col-50 {
  float: none !important;
  width: 50% !important;
  box-sizing: border-box;
  padding: 20px;
  text-align: left;
}

/* 5) Clearfix figli di .contenitore non servono con Flex */
.contenitore > .clearfix {
  display: none !important;
}

/* 6) Evita altezze minime superflue sui box prodotto */
.tab-item {
  min-height: auto !important;
}

/* =======================================================================
   Mobile/Tablet — fino a 889px: 1 colonna + reflow del contenuto
   ======================================================================= */
@media (max-width: 889px) {
  /* Una colonna sotto 890px */
  .contenitore .col-50 {
    width: 100% !important;
  }

  /* Reimpaginazione interna della card:
     - Titolo (sx), Price (dx) sulla prima riga
     - Descrizione a tutta larghezza sotto
  */
  .tab-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 0 !important;
  }

  /* Evita righe spurie create dai <br> nel markup */
  .tab-item br {
    display: none !important;
  }

  /* Titolo a sinistra */
  .tab-item h4 {
    order: 1;
    flex: 1 1 auto;
    margin: 0;
  }

  /* Price a destra, NON assoluto su mobile/tablet */
  .tab-item .price {
    order: 2;
    position: static !important;
    margin-left: auto;
    width: 64px;
    height: 64px;
    border-radius: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }

  /* Descrizione (o eventuale wrapper) sotto a tutta larghezza */
  .tab-item p,
  .tab-item .product-content,
  .tab-item .wproduct-content {
    order: 3;
    flex: 0 0 100%;
    margin-top: 8px;
    padding-right: 0 !important;
  }
}

/* Compatta ulteriormente su schermi più stretti */
@media (max-width: 480px) {
  .tab-item .price {
    width: 56px;
    height: 56px;
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .tab-item .price {
    width: 50px;
    height: 50px;
    font-size: 11px;
  }
}