/* ==========================================================================
   GLOBAL NOTIFICATION AND BOX TEXT VISIBILITY OVERRIDE
   ========================================================================== */
.new-customer,
.new-customer *,
.new-customer-form,
.alertBox,
.alertBox *,
.alertBox-message,
.alert {
  color: #2B6CB0 !important; }

/* ==========================================================================
   ACCOUNT DROPDOWN SIGN-IN LIST VISIBILITY FIX
   ========================================================================= */
div#account-dropdown-signin-list,
div#account-dropdown-signin-list *,
div#account-dropdown-signin-list a,
div#account-dropdown-signin-list li {
  color: #737373 !important; }

/* form fill increment number color fix */
.form-increment .form-input {
  color: #0000EE !important; }

/* span tab title color fix */
span.tab-title {
  color: #737373 !important; }

/*card body text color fix */
.card-body .card-text {
  color: #0000EE !important; }

h1, h2, h3, h4, h5, h6 {
  color: #808080 !important; }

.search-suggestion > :last-child {
  color: #000 !important; }

.previewCart-emptyBody {
  color: #000 !important; }

.previewCartCheckout-subtotal {
  color: #000 !important; }

.previewCartCheckout {
  color: #000 !important; }

.navUser .dropdown-menu {
  background-color: #2F3640 !important; }

/* 1. Compress the spacing and height of each individual cart item row */
.previewCartItem {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  margin-bottom: 2px !important;
  border-bottom: 1px solid #eee !important;
  display: flex !important;
  /* Forces layout rows to stay tight and clean */
  align-items: center !important; }

/* 2. Shrink the product image thumbnail size so rows can become shorter */
.previewCartItem-image {
  width: 40px !important;
  /* Drops image width down from standard size */
  height: 40px !important;
  /* Drops image height down */
  min-width: 40px !important;
  padding: 0 !important; }

.previewCartItem-image img {
  max-height: 400%;
  object-fit: contain !important; }

/* 3. Tighten the text content area next to the image */
.previewCartItem-content {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  font-size: 0.75rem !important;
  /* Shrinks text size slightly to save vertical space */
  line-height: 1.2 !important; }

/* 4. Target the text links, prices, and quantities to make them compact */
.previewCartItem-name,
.previewCartItem-brand,
.previewCartItem-price {
  font-size: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important; }

/* 5. Force the outer preview wrapper box to stay on the screen */
.previewCart,
.previewCart-wrapper,
#previewCart {
  max-height: 500px !important;
  overflow-y: scroll !important;
  /* Guarantees a physical scrollbar appears on the box */
  overflow-x: hidden !important; }