/* Medicine card spacing fix */

/* Make top content of medicine cards sit slightly lower for better visibility */
.med-card {
  padding-top: 2.25rem !important;
}

.med-card-top-line {
  top: 0 !important;
}

.med-stock-badge {
  top: 0.9rem !important;
  left: 1rem !important;
  right: auto !important;
  z-index: 2 !important;
}

.med-card-icon {
  margin-top: 0.95rem !important;
  margin-bottom: 1.1rem !important;
}

.med-card-name {
  margin-top: 0.15rem !important;
}

/* keep the layout clean on smaller screens too */
@media (max-width: 768px) {
  .med-card {
    padding-top: 2rem !important;
  }
  .med-stock-badge {
    top: 0.8rem !important;
    left: 0.85rem !important;
  }
  .med-card-icon {
    margin-top: 0.85rem !important;
  }
}
