.outlet-card.selected {
    border-color: none!important;
    box-shadow: none!important;
}

.search-container {
    margin: 15px 15px;
}


.content.selectoutletcontent {
    padding: 0px 15px;
    background: #fff;
}

.outlet-card.col-md-6.selected {
    padding: 0px;
}
svg.lucide.lucide-clock.w-3.h-3.text-gray-400 {
    width: 15px;
}

.status-info {
    font-size: 15px;
}

h3.outlet-name {
    font-size: 16px;
    margin-bottom: 8px;
}

.outlet-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


#outletsContainer {
  display: flex;
  flex-wrap: wrap; /* wrap to next row */
  gap: 20px;       /* space between cards */
  background: transparent!important;
  margin: 0px;
}

#outletsContainer .outlet-card {
  flex: 1 1 calc(50% - 20px); /* 2 columns */
  box-sizing: border-box;
  padding: 0px;
}

.outlet-status-row {
    margin-bottom: 15px;
}

.outlet-card.selected {
    border-color: #dd9099!important;
}


.status-info {
  display: flex;
  justify-content: space-between; /* left vs right */
  align-items: center;
  width: 100%;
}

.left-section {
  display: flex;
  align-items: center;
  gap: 6px;
}

.status-open {
  color: #28a745; /* green for open */
  font-weight: 600;
}

.status-divider {
  color: #999;
}

.time-text {
  color: #333;
  font-size: 14px;
}

.distance {
  color: #666;
  font-size: 14px;
}

@media screen and (min-width:768px){
.outlet-image {
    min-height: 250px;
}

.content.selectoutletcontent {
    padding-bottom: 30px;
}}



/* ✅ Mobile adjustments — still one line */
@media (max-width: 768px) {
  .status-info {
    gap: 5px!important;
    font-size: 13px;
  }

  .time-text {
    font-size: 13px;
    max-width: 130px; /* trims long text on small screens */
  }

  .distance {
    font-size: 13px;
  }
}

/* Optional fine-tuning for smaller screens */
@media (max-width: 768px) {
  .time-text {
    max-width: 180px;
  }

  .distance {
    font-size: 13px;
  }
}



@media screen and (max-width:768px){
div#outletsContainer {
    margin: 0px;
}

#outletsContainer .outlet-card {
  flex: 1 1 calc(100%); /* 2 columns */
  box-sizing: border-box;
  padding: 0px;
}

.com_dt_outlet_printer.com-dt-outlet-printer.view-outletprinters section#sp-main-body{
    padding-bottom: 50px;
  }}