/* =========================================================
   طلبات اليوم — إزالة الفراغ السفلي داخل البطاقات
   ========================================================= */

#dailyOrdersMount .daily-menu-grid {
  align-items: start !important;
  grid-auto-rows: auto !important;
}

/* إلغاء فرض المربع حتى لا يظهر فراغ أسفل القيم الغذائية */
#dailyOrdersMount .daily-meal-card {
  width: min(100%, 460px) !important;
  max-width: 460px !important;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-self: start !important;
  justify-self: center !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  align-content: start !important;
  column-gap: .78rem !important;
  row-gap: .46rem !important;
  padding: .72rem !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card > img {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 14px !important;
  object-fit: cover !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card > .daily-meal-copy {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: .05rem 0 !important;
  align-self: start !important;
}

#dailyOrdersMount .daily-card-tags {
  gap: .28rem !important;
  margin: 0 0 .38rem !important;
}

#dailyOrdersMount .daily-card-tags > * {
  padding: .32rem .54rem !important;
  font-size: .73rem !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card > .daily-meal-copy > h3 {
  margin: .05rem 0 .25rem !important;
  font-size: clamp(.98rem, 1.12vw, 1.2rem) !important;
  line-height: 1.4 !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card > .daily-meal-copy > p {
  margin: 0 0 .22rem !important;
  font-size: .94rem !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card > .daily-meal-copy > small {
  margin: 0 0 .26rem !important;
  font-size: .77rem !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card .daily-qty {
  grid-template-columns: 34px minmax(46px, 62px) 34px !important;
  gap: .24rem !important;
  margin-top: .05rem !important;
}

#dailyOrdersMount .daily-meal-card.daily-polished-card .daily-qty button,
#dailyOrdersMount .daily-meal-card.daily-polished-card .daily-qty input {
  height: 34px !important;
}

/* القيم الغذائية مباشرة بعد المحتوى العلوي دون أي مسافة فارغة */
#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: .42rem 0 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
  border-top: 1px dashed rgba(152, 80, 31, .22) !important;
}

#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid {
  padding: .56rem .22rem !important;
  border-radius: 12px !important;
}

#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid > .daily-nutrition-final-cell {
  min-height: 44px !important;
  padding-inline: .12rem !important;
  gap: .1rem !important;
}

#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid > .daily-nutrition-final-cell > b,
#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid > .daily-nutrition-final-cell > strong {
  font-size: .94rem !important;
}

#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid > .daily-nutrition-final-cell > small,
#dailyOrdersMount .daily-meal-card > .daily-nutrition.daily-nutrition-final > .daily-nutrition-grid > .daily-nutrition-final-cell > span {
  font-size: .64rem !important;
}

@media (max-width: 1120px) {
  #dailyOrdersMount .daily-menu-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #dailyOrdersMount .daily-meal-card {
    width: min(100%, 450px) !important;
    max-width: 450px !important;
  }
}

@media (max-width: 700px) {
  #dailyOrdersMount .daily-menu-grid {
    grid-template-columns: 1fr !important;
  }

  #dailyOrdersMount .daily-meal-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}