/* AJIT - Warianty produktu 0.1.6 */
.ajitvariants {
  margin: 12px 0 16px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background: #fff;
}
.ajitvariants__summary {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  user-select: none;
}
.ajitvariants__summary::-webkit-details-marker { display: none; }
.ajitvariants__count { color: #888; font-weight: 400; }
.ajitvariants__chevron {
  margin-left: auto;
  width: 9px; height: 9px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: rotate(45deg);
  transition: transform .15s ease;
}
.ajitvariants[open] .ajitvariants__chevron { transform: rotate(225deg); }
.ajitvariants__list {
  display: flex;
  gap: 10px;
  padding: 0 12px 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.ajitvariants__item {
  position: relative;
  flex: 0 0 auto;
  width: 200px;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  padding: 10px;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.ajitvariants__item--current {
  border-color: #2b6cb0;
  box-shadow: 0 0 0 1px #2b6cb0 inset;
  background: #f4f8fc;
}
.ajitvariants__badge {
  position: absolute;
  top: 6px; right: 6px;
  background: #d90429;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 2px;
  z-index: 1;
}
.ajitvariants__link {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  flex: 1 1 auto;
}
.ajitvariants__link:hover .ajitvariants__label { text-decoration: underline; }
.ajitvariants__img {
  width: 56px; height: 56px;
  object-fit: contain;
  flex: 0 0 auto;
  border-radius: 2px;
  background: #fafafa;
}
.ajitvariants__img--empty { display: inline-block; }
.ajitvariants__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ajitvariants__label { font-weight: 600; font-size: 14px; line-height: 1.25; }
.ajitvariants__prices { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.ajitvariants__price { font-size: 14px; font-weight: 700; }
.ajitvariants__price--promo { color: #d90429; }
.ajitvariants__price-old { color: #999; font-size: 12px; }
.ajitvariants__unit { color: #777; font-size: 12px; }
.ajitvariants__cart {
  margin-top: 8px;
  border: 1px solid var(--theme-color-default, #2b6cb0);
  background: var(--theme-color-default, #2b6cb0);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 8px;
  border-radius: 2px;
  cursor: pointer;
  transition: background .15s ease, filter .15s ease;
}
.ajitvariants__cart:hover { background: var(--theme-color-default, #235a94); filter: brightness(.88); }
.ajitvariants__cart[disabled] { opacity: .6; cursor: wait; }
.ajitvariants__oos, .ajitvariants__current-label {
  margin-top: 8px;
  font-size: 12px;
  color: #888;
  text-align: center;
}
.ajitvariants__current-label { color: #2b6cb0; font-weight: 600; }
@media (max-width: 560px) {
  .ajitvariants__item { width: 170px; }
}

/* --- 0.1.2: drag-scroll na liscie wariantow --- */
.ajitvariants__list { cursor: grab; }
.ajitvariants__list.ajitvariants--dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}
.ajitvariants__list.ajitvariants--dragging a,
.ajitvariants__list.ajitvariants--dragging button { pointer-events: none; }

/* --- 0.1.2/0.1.3: chipsy gramatur na listingu --- */
.ajitvariants-chips {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 6px 0 4px;
  text-align: left;
}
.ajitvariants-chips__info {
  font-size: 12px;
  line-height: 1.4;
  color: #333;
  display: flex;
  align-items: baseline;
  gap: 5px;
  flex-wrap: wrap;
}
.ajitvariants-chips__info strong { font-weight: 700; }
.ajitvariants-chips__for { color: #999; }
/* w bloku ceny miniaturki: lekki odstep od kwoty, pelna szerokosc kafelka */
.product-price-and-shipping .ajitvariants-chips { margin-top: 5px; width: 100%; }
.ajitvariants-chips__dot { color: #bbb; }
.ajitvariants-chips__unitprice { color: #777; font-size: 11px; }
.ajitvariants-chips__row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
/* 0.1.7: info "za X · Y zl/kg" wciagniete inline za kwote */
.ajitvariants-chips__info--inline {
  display: inline-flex;
  align-items: baseline;
  vertical-align: baseline;
  white-space: nowrap;
  margin-left: -5px; /* domkniecie odstepu od kwoty (column-gap 7px - 5px = 2px) */
}
/* 0.1.10: kontener ceny jako flex — kwota i info w jednym rzedzie, gdy sie mieszcza;
   przy braku miejsca info zawija sie w calosci (flex-wrap) */
.ajitvariants-priceline {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 7px;
  row-gap: 1px;
}
.ajitvariants-priceline .price { white-space: nowrap; }
/* na listingu mniejszy font, zeby kwota + info miescily sie w kafelku ~200px */
.product-miniature .ajitvariants-chips__info--inline { font-size: 11px; }
.product-miniature .ajitvariants-chips__info--inline .ajitvariants-chips__unitprice { font-size: 11px; }
.ajitvariants-chips__chip {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #ddd;
  border-radius: 2px; /* zgodnie ze standardem strony */
  font-size: 11px;
  line-height: 1.5;
  color: #444;
  background: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .15s ease, color .15s ease;
}
a.ajitvariants-chips__chip:hover {
  border-color: var(--theme-color-default, #2b6cb0);
  color: var(--theme-color-default, #2b6cb0);
  text-decoration: none;
}
.ajitvariants-chips__chip--current {
  border-color: var(--theme-color-default, #2b6cb0);
  background: var(--theme-color-default, #2b6cb0);
  color: #fff;
}

/* --- 0.1.6: linia "za X · Y zl/kg" pod cena na karcie produktu --- */
.ajitvariants-pp { font-size: 13px; color: #333; }
/* 0.1.8: linia wsunieta inline za kwote na karcie produktu */
.ajitvariants-pp--inline {
  display: inline;
  margin: 0 0 0 10px;
  white-space: nowrap;
  vertical-align: baseline;
  font-weight: 400;
}
.ajitvariants-pp strong { font-weight: 700; }
.ajitvariants-pp__for { color: #999; }

/* --- 0.2.0/0.2.5: "Inne warianty (N)" jako akordeon — desktop + mobile (opcja BO) --- */
.ajitvariants-chips__toggle { display: none; }
.ajitvariants-chips--ddmode { position: relative; width: 100%; }
.ajitvariants-chips--ddmode .ajitvariants-chips__row { display: none; }
/* 0.2.7: PORTAL — otwarta lista jest przenoszona przez JS do <body> i pozycjonowana
   pod przyciskiem; zaden overflow przodka (karuzele owl!) nie moze jej przyciac */
.ajitvariants-rowlist {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0;
  position: absolute;
  z-index: 9999;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .13);
  max-height: 320px;
  overflow-y: auto;
}
.ajitvariants-chips--ddmode .ajitvariants-chips__toggle {
  display: flex;
  align-items: center;
  justify-content: space-between; /* tekst z lewej, strzalka dobita do prawej */
  gap: 5px;
  width: 100%; /* pasek na caly kafelek */
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.4;
  color: #333;
  cursor: pointer;
  text-align: left;
}
.ajitvariants-chips__caret {
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #666;
  transition: transform .15s ease;
  flex: 0 0 auto;
}
.ajitvariants-chips--open .ajitvariants-chips__caret { transform: rotate(180deg); }
.ajitvariants-rowlist .ajitvariants-chips__chip {
  border: 0;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  padding: 8px 10px;
  font-size: 13px;
  text-align: left;
  background: #fff;
  color: #333;
}
.ajitvariants-rowlist .ajitvariants-chips__chip:last-child { border-bottom: 0; }
.ajitvariants-rowlist .ajitvariants-chips__chip--current {
  background: var(--theme-color-default, #2b6cb0);
  color: #fff;
}

/* --- 0.2.1: karta produktu — widok "lista pionowa" (opcja BO) --- */
.ajitvariants--listmode .ajitvariants__list {
  flex-direction: column;
  overflow-x: visible;
  gap: 0;
  cursor: default;
  border: 1px solid #e3e3e3;
  border-radius: 2px;
}
.ajitvariants--listmode .ajitvariants__item {
  width: 100%;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  padding: 8px 10px;
}
.ajitvariants--listmode .ajitvariants__item:last-child { border-bottom: 0; }
.ajitvariants--listmode .ajitvariants__item--current {
  border: 0;
  border-bottom: 1px solid #eee;
  background: #f2f8fd;
}
.ajitvariants--listmode .ajitvariants__link {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}
.ajitvariants--listmode .ajitvariants__img,
.ajitvariants--listmode .ajitvariants__img--empty {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
.ajitvariants--listmode .ajitvariants__info {
  flex-direction: row;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
  text-align: left;
}
.ajitvariants--listmode .ajitvariants__label { font-size: 14px; }
.ajitvariants--listmode .ajitvariants__unit { font-size: 11px; color: #888; }
.ajitvariants--listmode .ajitvariants__cart {
  flex: 0 0 auto;
  width: auto;
  padding: 6px 12px;
  font-size: 12px;
}
.ajitvariants--listmode .ajitvariants__current-label { flex: 0 0 auto; width: auto; }
.ajitvariants--listmode .ajitvariants__badge { position: static; margin-right: 4px; }
@media (max-width: 767px) {
  .ajitvariants--listmode .ajitvariants__info { flex-direction: column; gap: 1px; }
  .ajitvariants--listmode .ajitvariants__cart { padding: 6px 9px; }
}

/* --- 0.2.2/0.2.5: zawartosc chipa — w trybie chipsow tylko etykieta, w liscie pelny wiersz --- */
.ajitvariants-chips__chipimg,
.ajitvariants-chips__chipprice { display: none; }
.ajitvariants-rowlist .ajitvariants-chips__chip {
    display: flex;
    align-items: center;
    gap: 9px;
}
.ajitvariants-rowlist .ajitvariants-chips__chipimg {
    display: block;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    object-fit: contain;
    background: #fff;
    border-radius: 2px;
  }
.ajitvariants-rowlist .ajitvariants-chips__chiplabel {
    flex: 1 1 auto;
    min-width: 0;
  }
.ajitvariants-rowlist .ajitvariants-chips__chipprice {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 auto;
    line-height: 1.25;
  }
.ajitvariants-rowlist .ajitvariants-chips__chipprice-main {
    font-weight: 700;
    font-size: 13px;
  }
.ajitvariants-rowlist .ajitvariants-chips__chipprice-unit {
    font-size: 10.5px;
    color: #888;
  }
.ajitvariants-rowlist .ajitvariants-chips__chip--current .ajitvariants-chips__chipprice-unit {
    color: #dbeefe;
}