/* Final Billing minimal styles */

/* Hide Vue templates until mounted */
[v-cloak] { display: none; }

/* Utilities matching classes used in HTML */
.m-top-10 { margin-top: 10px !important; }
.m-top-15 { margin-top: 15px !important; }
.p-top-10 { padding-top: 10px !important; }
.d-block { display: block !important; }
.wrapper { margin-top: 20px; margin-bottom: 40px; }

/* Progress bar shown on small screens */
.progress-container { position: relative; height: 4px; background: #e0e0e0; }
.progress-bar { position: absolute; left: 0; top: 0; height: 4px; width: 0; background: #1a237e; transition: width 0.3s ease; }

/* Related products pricing */
.related__product-price { font-weight: 600; margin-right: 6px; }
.related__product-price--before { color: #757575; text-decoration: line-through; font-weight: 400; }

/* Autocomplete container fix */
.autocomplete-content { max-height: 260px; overflow-y: auto; }
.autocomplete-container { position: relative; }

/* Cards spacing */
.card .card-content .flow-text { font-size: 1.3rem; }

/* Buttons */
.btn.indigo.darken-4, .btn-floating.indigo.darken-4 { background-color: #1a237e !important; }
.btn.indigo.darken-4:hover, .btn-floating.indigo.darken-4:hover { background-color: #0d1757 !important; }

/* Order summary layout */
.order-summary-card {
  /* keep the summary visible while scrolling on larger screens */
  position: sticky;
  top: 20px;
  min-height: 860px; /* requested minimum height */
  max-height: 860px; /* cap height so products scroll inside */
  display: flex;
  flex-direction: column;
}

.order-summary-card .card-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;  /* take available height above card-action */
  min-height: 0;   /* allow internal scroll areas to shrink */
}

/* Scroll area for list of added products */
.order-summary-card .order-items {
  flex: 1 1 auto;       /* take remaining space */
  min-height: 0;        /* allow flex item to shrink for scroll */
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 10px;
  padding-right: 6px;   /* space for scrollbar */
}

/* Ensure collection does not add unexpected extra space */
.order-summary-card .collection { margin-bottom: 8px; }

/* Improve item layout spacing */
.order-summary-card .collection-item .row { margin-bottom: 0; }
.order-summary-card .collection { margin-bottom: 10px; }