.logo-img{
    width: 10rem;
}
/* This is a comment */
/* This is another comment */
.shop-list-container{
    max-height: 45dvh;
    overflow-y: auto;
}
body.modal-open {
  overflow: hidden;
}
.modal-price{
  color: #bbbbbb!important;
}
.modal {
    display: none; 
    position: fixed; 
    z-index: 999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.4); 
  }
  
  /* Custom color for text-muted */
  .text-muted {
    color: #e4dbda !important; /* Example: Change to Tomato color */
  }

  .modal-content {
    background-color: #fefefe;
    margin: auto;  /* Auto margin to horizontally center */
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    top: 50%;  /* Position it from the top */
    transform: translateY(-50%); 
    position: relative; /* Center it vertically */
  }
  /* Close button */
  .close {
    font-size: 30px;          /* Size of the X */
    padding: 10px;            /* Increase the clickable area */
    background: transparent;  /* Remove background */
    border: none;             /* Remove border */
    color: black;             /* Color of the X */
    cursor: pointer;         /* Show pointer cursor on hover */
    font-family: Arial, sans-serif; /* Optional: use a clean font */
    position: fixed;          /* Fixed position relative to the viewport */
    top: 10px;                /* Position from the top */
    right: 10px;               /* Position from the left */
    z-index: 9999;            /* Ensure it appears above other content */
  }
  
  .close:hover {
    color: red;               /* Change color on hover */
  }
  
  .close:focus {
    outline: none;            /* Remove default focus outline (optional, but use custom styles for better accessibility) */
  }

.list-group-item {
    border-bottom: 1px solid #ddd; /* Add a light border */
    border-radius: 0;     /* Optional: Rounded corners */
    transition: box-shadow 0.3s ease; /* Smooth transition for hover effect */
}

.list-group-item:hover {
    background-color: #e9e9e9; /* Optional: Light background on hover */
}