/**
 * Minimum-order status + cart CTA disabled layout (public ordering flow).
 * External file avoids Livewire @once <style> removal on morph updates.
 */

#cart-box .gsts-minorder,
#cart-box .gsts-minorder-status {
  margin-block-start: 0.8rem;
  padding: 0.8rem 0.9rem 0.85rem;
  border-radius: 14px;
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-inline-start-width: 4px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fafc 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
  display: block;
  visibility: visible;
}

#cart-box .gsts-minorder--below,
#cart-box .gsts-minorder-status.is-below {
  border-inline-start-color: #f59e0b;
}

#cart-box .gsts-minorder--reached,
#cart-box .gsts-minorder-status.is-reached {
  border-inline-start-color: #22c55e;
}

#cart-box .gsts-minorder__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.5rem;
  margin-block-end: 0.5rem;
}

#cart-box .gsts-minorder__label {
  font-weight: 700;
  font-size: 0.82rem;
  letter-spacing: 0.005em;
  color: #475569;
}

#cart-box .gsts-minorder__target {
  font-weight: 800;
  font-size: 0.92rem;
  color: #1f2937;
  white-space: nowrap;
}

#cart-box .gsts-minorder__track,
#cart-box .gsts-minorder-progress {
  position: relative;
  block-size: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: #eaeef4;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.07);
}

#cart-box .gsts-minorder__fill,
#cart-box .gsts-minorder-progress-bar {
  display: block;
  block-size: 100%;
  inline-size: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #f0a14f 0%, #df8226 100%);
  transition: inline-size 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

#cart-box .gsts-minorder--reached .gsts-minorder__fill,
#cart-box .gsts-minorder-status.is-reached .gsts-minorder-progress-bar {
  background: linear-gradient(90deg, #34d399 0%, #16a34a 100%);
}

#cart-box .gsts-minorder__status {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-block-start: 0.6rem;
}

#cart-box .gsts-minorder__icon {
  flex: 0 0 auto;
  font-size: 1.02rem;
  line-height: 1.25;
  margin-block-start: 0.03rem;
}

#cart-box .gsts-minorder--below .gsts-minorder__icon {
  color: #d97706;
}

#cart-box .gsts-minorder--reached .gsts-minorder__icon {
  color: #16a34a;
}

#cart-box .gsts-minorder__copy {
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  min-inline-size: 0;
}

#cart-box .gsts-minorder__title {
  font-size: 0.87rem;
  font-weight: 800;
  line-height: 1.25;
  color: #1f2937;
}

#cart-box .gsts-minorder--below .gsts-minorder__title {
  color: #9a3412;
}

#cart-box .gsts-minorder--reached .gsts-minorder__title {
  color: #15803d;
}

#cart-box .gsts-minorder__sub {
  font-size: 0.82rem;
  font-weight: 600;
  line-height: 1.3;
  color: #64748b;
}

#cart-box .gsts-minorder--below .gsts-minorder__sub {
  color: #b45309;
}

#cart-box .gsts-minorder__current {
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.3;
  color: #94a3b8;
  margin-block-start: 0.12rem;
}

#cart-box .ti-checkout-btn.gsts-cta-disabled {
  cursor: not-allowed;
  color: #5b6675 !important;
  background: #edf0f5 !important;
  border: 1px solid #d6dce5 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  pointer-events: none;
}

#cart-box .ti-cart-summary-row:has(.ti-checkout-btn.gsts-cta-disabled) {
  grid-template-columns: 1fr !important;
  flex-wrap: wrap;
}

#cart-box .ti-cart-summary-row .ti-checkout-btn.gsts-cta-disabled {
  grid-column: 1 / -1;
  flex: 1 1 100%;
  inline-size: 100% !important;
  max-width: 100% !important;
  min-inline-size: 0;
  white-space: normal;
}

#cart-box .ti-checkout-btn:focus-visible {
  outline: 3px solid rgba(223, 130, 38, 0.45);
  outline-offset: 2px;
}

html[dir="rtl"] #cart-box .gsts-minorder__head {
  flex-direction: row-reverse;
}

html[dir="rtl"] #cart-box .gsts-minorder__copy {
  text-align: right;
  align-items: flex-end;
}

html[dir="rtl"] #cart-box .gsts-minorder__status {
  flex-direction: row-reverse;
}

@media (prefers-reduced-motion: reduce) {
  #cart-box .gsts-minorder__fill {
    transition: none;
  }
}