/* Prednostné vybavenie (EXPRES49) – vzhled řádku služby v košíku svihej.sk
   Jen CSS. Načítá se řádkem v SK HTML kódy → Záhlaví:
   <link rel="stylesheet" href="/user/documents/upload/prednost_sk_1.css">
   Soubor má cache rok – další verze = nový název (prednost_sk_2.css). Schváleno 10. 11. 2026. */

li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-row-inner {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  padding: 16px;
  border: 2px solid transparent;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s;
}
li.up-cart-services-row:has(input[data-code="EXPRES49"]):hover .up-cart-services-row-inner { border-color: #e0e0e0; }
li.up-cart-services-row:has(input[data-code="EXPRES49"]):has(input:checked) .up-cart-services-row-inner { border-color: #e72376; }

/* zaškrtávátko: vlastní vzhled místo šablonového ::before */
li.up-cart-services-row:has(input[data-code="EXPRES49"]) input.up-cart-services-checkbox {
  position: static !important;
  opacity: 1 !important;
  clip: auto !important;
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 2px solid #111;
  border-radius: 6px;
  background: #fff center / 14px no-repeat;
  grid-row: 1;
  grid-column: 1;
  cursor: pointer;
}
li.up-cart-services-row:has(input[data-code="EXPRES49"]) input.up-cart-services-checkbox:checked {
  background-color: #e72376 !important;
  border-color: #e72376 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* název; ::after roztáhne klikací plochu labelu přes celý box */
li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-label {
  position: static !important;
  grid-row: 1;
  grid-column: 2;
  margin: 0;
  padding: 0 !important;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #111;
  cursor: pointer;
}
li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-label::before { display: none !important; }
li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-label::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  border: 0 !important;
  transform: none !important;
  border-radius: 8px;
}

li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-price {
  grid-row: 1;
  grid-column: 3;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  color: #111;
  white-space: nowrap;
}

li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-description {
  grid-row: 2 !important;
  grid-column: 2 / 4 !important;
  margin: 0;
  max-width: none !important;
  width: auto !important;
  font-size: 14px;
  line-height: 1.45;
  color: #666;
}

@media (prefers-reduced-motion: reduce) {
  li.up-cart-services-row:has(input[data-code="EXPRES49"]) .up-cart-services-row-inner { transition: none; }
}