/* ======= DEVPRO MOBILE BUTTON FIX ======= */

/* garantir que containers não escondem o botão */
.item-cardapio,
.item-cardapio .info,
.item-cardapio .catbar-wrapper,
.item-cardapio .catbar-scroll {
    overflow: visible !important;
}

/* corrigir altura automática no mobile */
.item-cardapio .info {
    min-height: auto !important;
    height: auto !important;
}

/* botão sempre visível, alinhado e clicável */
.item-cardapio a.btn,
.item-cardapio a.btn.btn-primary {
    display: inline-block !important;
    padding: 10px 14px !important;
    margin-top: 10px !important;
    font-size: 14px !important;
    color: #fff !important;
    background: #2196f3 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
    text-decoration: none !important;
    visibility: visible !important;
    opacity: 1 !important;
}



/* =========================
   MOBILE: 1 PRODUCT PER ROW
   ========================= */

@media (max-width: 768px) {

  .product-grid,
  .row-prod,
  .row-prod > .item-cardapio,
  .row-prod > .product-card,
  .item-cardapio { 
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
  }

  .row-prod { display: block !important; }
  .row-prod > * { width: 100% !important; flex: none !important; }

  .item-cardapio,
  .product-card {
      margin: 10px 0 !important;
      padding: 14px !important;
      border-radius: 6px !important;
      box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
  }

  .item-cardapio .img,
  .product-card .right,
  .item-cardapio .right {
      float: none !important;
      display: block !important;
      width: auto !important;
      max-width: 120px !important;
      margin: 8px auto 0 auto !important;
      text-align: center !important;
  }

  .item-cardapio .img img,
  .product-card img {
      width: auto !important;
      max-width: 100% !important;
      height: auto !important;
      display: inline-block !important;
  }

  .item-cardapio .info,
  .product-card .left,
  .item-cardapio .info .price {
      width: 100% !important;
      display: block !important;
      margin-bottom: 8px !important;
  }

  .item-cardapio a.btn,
  .item-cardapio .btn {
      display: inline-block !important;
      margin: 10px auto 0 auto !important;
      float: none !important;
      text-align: center !important;
  }

  .item-cardapio .divider,
  .product-card .divider {
      display: none !important;
  }
}


/* === DevPro Auto Patch (button-scoping) === */

/* DevPro: Ensure product card buttons are not affected by .cat-item / .active from menu */
.item-cardapio a.cat-item.active,
.item-cardapio a.cat-item,
.item-cardapio a.active,
.item-cardapio a.cat-item.active.btn {
  background: #2196f3 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  display: inline-block !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  text-decoration: none !important;
}

/* Safety: keep containers from hiding buttons */
.item-cardapio, .item-cardapio .info, .item-cardapio .catbar-wrapper, .item-cardapio .catbar-scroll {
  overflow: visible !important;
  height: auto !important;
  min-height: auto !important;
}


/* === DevPro Card Clickable Patch === */

/* DevPro: REMOVE VER / PEDIR BUTTON */
.item-cardapio a.btn,
.item-cardapio a.btn.btn-primary {
    display: none !important;
}

/* DevPro: CARD AS CLICKABLE BUTTON */
.item-cardapio {
    cursor: pointer !important;
    transition: 0.2s ease !important;
}
.item-cardapio:hover {
    background: #f5f5f5 !important;
    transform: scale(1.01) !important;
}