.offcanvas-body {
  padding: 0%;
}
.align-items-center {
  padding: 0 0 0 10px;
}
.offcanvas-start {
  z-index: 1062 !important;
}

#offcanvasRight {
  z-index: 1061 !important;
}

.mobile-nav {
  z-index: 1060 !important;
}

#shopModal {
  z-index: 1055 !important;
}

/* Village Modal fixes */
#villageModal {
  position: fixed !important; /* Changed from absolute to fixed */
  z-index: 9999 !important; /* Much higher z-index */
}

#villageModal.modal {
  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
}

#villageModalStuff {
  position: relative;
  z-index: 9999;
}

/* Ensure the village modal content stays on top */
#villageModal .modal-dialog {
  z-index: 10000;
  position: relative;
}

/* Optional: If the modal dialog needs to be above other fixed elements */
#villageModal .modal-content {
  position: relative;
  z-index: 10000;
}

.toast-notification {
  position: fixed;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 15px 25px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: top 0.3s ease-in-out;
  z-index: 9999;
}

.toast-notification.success {
  background-color: #4caf50;
  color: white;
}

.toast-notification.error {
  background-color: #f44336;
  color: white;
}

.toast-notification.show {
  top: 20px;
}

/* Modal Specific Styles */
.yatta-auth-modal {
  z-index: 9999 !important;
}
.modal-backdrop {
  z-index: 1050 !important;
}
.modal-backdrop.yatta-auth-backdrop {
  z-index: 9998 !important;
}

.btn-primary {
  background-color: #fe0000;
}
.min_cart_full {
  height: 100%;
}
#invoiceDetailsModal {
  z-index: 4000;
}
.modal-backdrop.invoiceDetailsModal {
  z-index: 3999 !important;
}

.supermarket-theme {
  color: #4caf50;
}