html {
  min-height: 100%;
  margin-left: calc(100vw - 100%);
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  /* Removed any position properties to prevent covering content */
}
header{border-bottom: 1px solid #81a2b0;}
h2 {color: #00667f;}
h3 {color: #00667f;}
h4 {color: #00667f;}
.style1 {
  color: rgba(0, 0, 0, 0);
  background-color: #ccc;
}
.style2 {
  background-color: #453e3e;
}
.card-img-top {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -o-object-fit:contain;
       object-fit:contain;
}
.card-body{
    -webkit-box-flex:0;
        -ms-flex-positive:0;
            flex-grow:0;
}

.noHover{
    pointer-events: none;
}

/* Prevent content from being covered by footer if needed */
main,
.container {
  margin-bottom: 2rem;
}

/* Delivery Filter Button Styles */
#deliveryFilter .d-flex {
  gap: 0.5rem;
}

#deliveryFilter .btn {
  background-color: #6c757d;
  border-color: #6c757d;
  color: white;
  transition: all 0.3s ease;
  flex: 1;
  min-width: 120px;
}

#deliveryFilter .btn:hover {
  background-color: #5a6268;
  border-color: #545b62;
}

#deliveryFilter .btn.active {
  background-color: #00667f;
  border-color: #00667f;
  color: white;
  font-weight: bold;
  border-bottom: 3px solid #7d3e7e;
  box-shadow: inset 0 -3px 0 rgba(125, 62, 126, 0.5);
}