/* Add custom CSS styles below */ 
.s-cart-summary-content {
  display: none;
}

@media (max-width: 767px) {
  .header-container .justify-end {
    display: none;
  }
}

.footer-images::after {
    content: 'مؤسسة سمبوستنا لتقديم الوجبات';
    display: flex;
    color: black;
    font-size: 14px;
    text-align: center;
    height: 100px;
}

.tabs-wrapper {
  margin: 20px auto !important;
}

.tabs__special {
  margin: 13px;
}

/* edit the special products in the home page */
/* 1. Parent Wrapper: Forces equal height for columns */
.salla-card-container {
  display: flex;
  align-items: stretch; /* This forces the image and text to match heights */
  gap: 24px;            /* Adjust spacing between image and text */
}

/* 2. Image Container: Stretches to full height */
.salla-img-wrapper {
  flex: 1;
  display: block;
}

/* 3. The actual Image: Crops perfectly without distortion */
.salla-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;    /* Prevents the image from squeezing or flattening */
  object-position: center;
  border-radius: 8px;   /* Optional: rounds image edges to match Salla's UI */
}

/* 4. Text Content Container */
.salla-text-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; /* Optional: Centers text vertically next to the image */
}

/* Align the new icon and the text label vertically stacked */
.bottom-header-cart .header-btn.btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    height: auto !important;
    gap: 4px; /* Space between the sicon-cart2 and the text */
}

/* Style the newly injected "السلة" text label */
.bottom-header-cart .cart-text-label {
    font-size: 11px; /* Optimal size for mobile bottom bars */
    color: #000000;  /* Adjust hex to match your active/inactive nav theme */
    font-weight: 500;
    line-height: 1;
    display: block;
}

/* Optional: Ensure the notification badge count (0) stays pinned cleanly above the new layout */
.bottom-header-cart .s-cart-summary-wrapper {
    position: relative;
}