/* === LPDO PEDIDOS LINEA + TITULO ABAJO REV 1.51 === */
/* No cambia iconos. Solo orden visual dentro de tarjetas de Pedidos. */

/* Volver combo Hacer pedido a proporción anterior */
#pedidos .lpdo-real-order-logo--combo {
  position: relative !important;
  width: 52px !important;
  height: 46px !important;
  min-width: 52px !important;
  min-height: 46px !important;
  max-width: 52px !important;
  max-height: 46px !important;
  margin: 0 auto 10px !important;
  display: block !important;
}

#pedidos .lpdo-real-order-logo--combo img:first-child {
  position: absolute !important;
  width: 36px !important;
  height: 36px !important;
  left: 2px !important;
  top: 0 !important;
}

#pedidos .lpdo-real-order-logo--combo img:last-child {
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  right: 0 !important;
  bottom: 0 !important;
}

/* Tarjeta: icono arriba, descripción al centro, línea y título abajo */
#pedidos .lpdo-order-card-clean {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

#pedidos .lpdo-real-order-logo {
  order: 1 !important;
  flex: 0 0 auto !important;
  margin-bottom: 12px !important;
}

#pedidos .lpdo-order-text {
  order: 2 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

#pedidos .lpdo-order-divider {
  order: 3 !important;
  flex: 0 0 auto !important;
  margin: 10px auto 8px !important;
}

#pedidos .lpdo-order-title {
  order: 4 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Desktop: títulos quedan en la misma línea baja */
@media (min-width: 769px) {
  #pedidos .lpdo-order-card-clean {
    min-height: 190px !important;
    height: 190px !important;
    padding: 22px 15px 20px !important;
  }

  #pedidos .lpdo-order-text {
    min-height: 58px !important;
    max-width: 150px !important;
  }
}

/* Mobile: mantener como estaba, pero con título abajo ordenado */
@media (max-width: 768px) {
  #pedidos .lpdo-order-card-clean {
    min-height: 145px !important;
    padding: 23px 18px 20px !important;
  }

  #pedidos .lpdo-order-text {
    min-height: 34px !important;
    max-width: 270px !important;
  }

  #pedidos .lpdo-order-divider {
    margin-top: 9px !important;
    margin-bottom: 8px !important;
  }
}