/**
 * Jabłonowscy Premium 4.9 — listing kaw: kontrast flag, skale i warianty.
 */

.jkct-premium-v49 {
  --jk49-coffee: #24120c;
  --jk49-coffee-soft: #59321e;
  --jk49-gold: #d2a25f;
  --jk49-cream: #fff4e2;
  --jk49-price-surface:
    radial-gradient(circle at 50% 0, rgba(215, 170, 99, .17), transparent 55%),
    var(--jkct-v41-brown-dark, #24120c);
}

/* Panel pod flagą ma dokładnie ten sam ciemny charakter co zakres cen. */
.jkct-premium-v49 .woocommerce ul.products li.product .jkct-origin-flag {
  display: flex !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 12px 0 10px !important;
  padding: 8px 14px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #f5e6d1 !important;
  background: var(--jk49-price-surface) !important;
  border: 1px solid rgba(210, 163, 94, .43) !important;
  border-radius: 3px 13px !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04) !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-origin-flag__ribbon {
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-origin-flag img {
  width: 72px !important;
  height: 48px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border: 3px solid #fff4e1 !important;
  border-radius: 3px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;
}

/* Skala jest zawsze układem 2 × 2, z wyraźnymi stanami pustym i aktywnym. */
.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile__metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile__metrics > span {
  display: grid !important;
  min-width: 0 !important;
  min-height: 66px !important;
  padding: 9px 7px !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  align-content: center !important;
  gap: 7px !important;
  background: #f3dfc2 !important;
  border: 1px solid rgba(79, 43, 24, .24) !important;
  border-radius: 4px 11px !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile__metrics small {
  min-height: 0 !important;
  color: #3b2115 !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: .055em !important;
  text-align: center !important;
  opacity: 1 !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile .jkct-dots {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  color: #6a3b21 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile .jkct-dots i {
  display: block !important;
  width: 11px !important;
  height: 11px !important;
  flex: 0 0 11px !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #fff9ef !important;
  border: 1.5px solid #704126 !important;
  border-radius: 50% !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75) !important;
}

.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-profile .jkct-dots i.is-on {
  background: #6b3d22 !important;
  border-color: #3c2115 !important;
  box-shadow: 0 0 0 2px rgba(210, 162, 95, .34) !important;
}

/* Kafelki są poza odnośnikiem karty i przekazują wybór na kartę produktu. */
.jkct-premium-v49 .woocommerce ul.products li.product .jkct-loop-choices {
  position: relative !important;
  z-index: 4 !important;
  display: grid !important;
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 13px !important;
  gap: 12px !important;
  background: rgba(255, 249, 239, .78) !important;
  border: 1px solid rgba(79, 43, 24, .18) !important;
  border-radius: 5px 15px !important;
}

.jkct-premium-v49 .jkct-loop-choice-group {
  display: grid !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.jkct-premium-v49 .jkct-loop-choice-group__label {
  color: #4a2a19 !important;
  font: 800 9px/1.1 Arial, sans-serif !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

.jkct-premium-v49 .jkct-loop-choice-group__tiles {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
}

.jkct-premium-v49 [data-choice-group='weight'] .jkct-loop-choice-group__tiles {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.jkct-premium-v49 .jkct-loop-choice {
  display: inline-flex !important;
  min-width: 0 !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 6px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  color: #432617 !important;
  background: #fffaf1 !important;
  border: 1px solid rgba(75, 40, 21, .32) !important;
  border-radius: 4px 10px !important;
  box-shadow: none !important;
  font: 800 11px/1.15 Arial, sans-serif !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.jkct-premium-v49 .jkct-loop-choice--form > span {
  position: relative !important;
  display: block !important;
  width: 16px !important;
  height: 12px !important;
  flex: 0 0 16px !important;
  background: #85502e !important;
  border-radius: 70% 30% 70% 30% !important;
  transform: rotate(-28deg) !important;
}

.jkct-premium-v49 .jkct-loop-choice--form > span::after {
  position: absolute !important;
  top: 1px !important;
  left: 7px !important;
  width: 1px !important;
  height: 10px !important;
  content: '' !important;
  background: rgba(255, 245, 227, .78) !important;
}

.jkct-premium-v49 .jkct-loop-choice--form[data-value*='miel'] > span {
  width: 18px !important;
  height: 9px !important;
  flex-basis: 18px !important;
  background:
    radial-gradient(circle at 18% 62%, #85502e 0 1.5px, transparent 2px),
    radial-gradient(circle at 42% 34%, #85502e 0 1.5px, transparent 2px),
    radial-gradient(circle at 68% 58%, #85502e 0 1.5px, transparent 2px),
    radial-gradient(circle at 84% 30%, #85502e 0 1.5px, transparent 2px) !important;
  border-bottom: 3px solid #85502e !important;
  border-radius: 50% 50% 35% 35% !important;
  transform: none !important;
}

.jkct-premium-v49 .jkct-loop-choice--form[data-value*='miel'] > span::after {
  display: none !important;
}

.jkct-premium-v49 .jkct-loop-choice:hover,
.jkct-premium-v49 .jkct-loop-choice:focus-visible {
  color: #2d170f !important;
  background: #f1ddbf !important;
  border-color: #9d6536 !important;
  transform: translateY(-1px) !important;
}

.jkct-premium-v49 .jkct-loop-choice[aria-pressed='true'] {
  color: #fff4e2 !important;
  background: linear-gradient(135deg, var(--jk49-coffee), var(--jk49-coffee-soft)) !important;
  border-color: var(--jk49-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}

.jkct-premium-v49 .jkct-loop-choice[aria-pressed='true'] > span {
  background: #e6bb78 !important;
}

.jkct-premium-v49 .jkct-loop-choices__status {
  min-height: 1.2em !important;
  margin: -2px 0 0 !important;
  color: #6a4a37 !important;
  font: 600 10px/1.2 Arial, sans-serif !important;
  text-align: center !important;
}

.jkct-premium-v49 .jkct-loop-choices.is-complete .jkct-loop-choices__status {
  color: #4c2a19 !important;
  font-weight: 800 !important;
}

@media (max-width: 420px) {
  .jkct-premium-v49 [data-choice-group='weight'] .jkct-loop-choice-group__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}