/* ppbackorder: amber = Bootstrap warning palette used by PrestaShop alerts */
.ppbackorder-note,
.ppbackorder-rownote,
.ppbackorder-sticky-note {
  color: #8a6d3b;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 4px;
}
.ppbackorder-notice.alert {
  background: #fcf8e3;
  border: 1px solid #faebcc;
  color: #8a6d3b;
  font-size: 13px;
  line-height: 1.45;
  padding: 10px 14px;
  margin: 0 0 12px;
  border-radius: 0;
}
#product-availability.ppbackorder-short { color: #8a6d3b; }
#ppcombinationtable .ppb-stock-cell { white-space: nowrap; }
#ppcombinationtable .ppb-stock-qty,
#ppcombinationtable .ppb-stock-label { display: block; }
#ppcombinationtable .ppb-stock-cell.ppb-zero .ppb-stock-label { color: #8a6d3b; }
/* RU "Можете заказать" on one line pushes the table 33px wide in the 993-1199px range (content box ~960px;
   from 1200px it fits). There, and only in Russian, the label may wrap; the template keeps the icon on the last
   word with  . Allowed everywhere, the table squeezed this column and wrapped it even where it fits. */
@media (min-width: 993px) and (max-width: 1199.98px) {
  body.lang-ru #ppcombinationtable .ppb-stock-cell.ppb-zero .ppb-stock-label { white-space: normal; }
}
/* info icon after "Galima užsakyti"; its box is one floating element (front.js), so the table's scroll box cannot clip it */
.ppb-info {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  border: 1px solid currentColor;
  border-radius: 50%;
  font: italic bold 11px/14px Georgia, serif;
  text-align: center;
  vertical-align: 1px;
  cursor: help;
}
#product-availability .ppb-info { margin-left: 5px; } /* the theme's flex row drops the space before it */
.ppb-info:focus { outline: 2px solid #faebcc; outline-offset: 1px; }
.ppb-tip {
  display: none;
  position: fixed;
  z-index: 10000;
  max-width: 260px;
  padding: 8px 10px;
  background: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
  color: #8a6d3b;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
}
.ppb-tip.is-open { display: block; }
.ppbackorder-sticky-note { clear: both; text-align: right; }
/* Quantity box of the combination table on desktop: ppcombinationtable caps it at 50px, which leaves room for
   one or two digits next to the browser's number arrows; 72px fits four. Here and not in ppcombinationtable's
   own CSS because this file's URL carries ?v=<file time>, so browsers fetch the change. <=992px is full width already. */
@media (min-width: 993px) {
  /* fixed, not just capped: on a tight table the flex row squeezed it to ~23px; the name column wraps instead.
     "section#" outranks the module's own rule, which live loads later (CSS combining puts it in the theme cache file). */
  section#ppcombinationtable .table-bordered td.add-to-cart-td .qty-select { flex: 0 0 72px; width: 72px; max-width: 72px; margin-right: 10px; }
  section#ppcombinationtable .table-bordered td.add-to-cart-td .qty-select input { width: 100%; }
}
/* checkout summary: the note is its own list row under the product line; the line's layout is untouched */
#cart-summary-product-list li.ppbackorder-note-row { list-style: none; margin: -8px 0 14px; padding: 0; text-align: right; }