/*************************************************
 * WIZARDO – KLIENTSKÉ CENTRUM  v1.0.0 (31. 10. 2026)
 * Platí jen v účtu zákazníka (body.customer-page: /klient/…).
 * Tokeny --wz-* bere z wizardo-global.css (≥ 1.12.14), proto se
 * načítá AŽ ZA ním. Nové barvy nezavádí: odstíny stavů jsou
 * color-mix() z existujících tokenů.
 * Navazuje na wizardo-klient.js 1.0.0 (třídy wz-k-*).
 *
 * 0) příprava: obsah skrytý, dokud JS nepřeskládá (pojistka 1,2 s)
 * 1) plocha stránky, karty, nadpisy
 * 2) tlačítka (fialová primární, obrysová vedlejší, žádná zlatá)
 * 3) tabulky (tiché hlavičky, bez sloupců „bez DPH“), mobilní řádky
 * 4) přehled: karta poslední objednávky, stavové štítky, pomoc
 * 5) věrnostní program (Galeony): tlačítko, přetékání na mobilu,
 *    historie jako řádky, upozornění na vypršení
 * 6) navigace účtu: skupina Doklady, odhlášení dole, čipy na mobilu
 * 7) formuláře: písmo, pole 44 px, zaškrtávátko z klávesnice, nápověda
 * 8) drobnosti: stránkování, hláška o spojení objednávek
 *************************************************/

/* 0) PŘÍPRAVA – BEZ PROBLIKNUTÍ ---------------------------------- */
body.customer-page:not(.wz-k-ready) #content .content-inner,
body.customer-page:not(.wz-k-ready) .client-center-box {
  visibility: hidden;
  animation: wzKReveal 0s linear 1.2s forwards;
}
@keyframes wzKReveal { to { visibility: visible; } }

/* 1) PLOCHA A KARTY --------------------------------------------- */
body.customer-page,
body.customer-page .content-wrapper,
body.customer-page #content-wrapper {
  background-color: var(--wz-beige-page) !important;
}
body.customer-page #content .content-inner { color: var(--wz-ink); }
body.customer-page #content h1 {
  margin-bottom: 24px;
  text-wrap: balance;
}
body.customer-page #content h2 {
  margin: 36px 0 14px;
  font-size: 20px;
  font-weight: 600;
  color: var(--wz-ink-title);
  text-wrap: balance;
}
body.customer-page #content h1 + h2,
body.customer-page #content .wz-k-latest + h2 { margin-top: 0; }
@media (max-width: 767px) {
  /* nadpis stránky výrazně nad nadpisy sekcí (bylo 22,4 : 21 px) */
  body.customer-page #content h1 { font-size: 26px; line-height: 1.2; margin-bottom: 18px; }
  body.customer-page #content h2 { font-size: 18px; margin-top: 30px; }
}
body.customer-page #content ::selection { background: var(--wz-purple-tint); color: var(--wz-purple-dark); }
body.customer-page #content { font-variant-numeric: tabular-nums; }

/* bílé karty: tabulky, formulářové boxy, karta poslední objednávky */
body.customer-page #content .wz-k-card,
body.customer-page #content .content-inner > table.table,
body.customer-page #content fieldset.box,
body.customer-page #content .co-box > fieldset {
  background: var(--wz-surface) !important;
  border: 1px solid var(--wz-card-border) !important;
  border-radius: var(--wz-radius-card) !important;
  box-shadow: none !important;
}
body.customer-page #content fieldset.box { padding: 20px 22px !important; }

/* 2) TLAČÍTKA ---------------------------------------------------- */
body.customer-page #content .btn,
body.customer-page #content button.btn,
body.customer-page .client-center-box .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto !important;
  min-height: 44px;
  padding: 10px 20px !important;
  border-radius: var(--wz-radius-btn) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
/* primární: Uložit, Znovu nakoupit */
body.customer-page #content .btn-primary,
body.customer-page #content .btn.wz-k-primary {
  background: var(--wz-purple) !important;
  border: 1.5px solid var(--wz-purple) !important;
  color: #fff !important;
}
body.customer-page #content .btn-primary:hover,
body.customer-page #content .btn.wz-k-primary:hover {
  background: var(--wz-purple-dark) !important;
  border-color: var(--wz-purple-dark) !important;
}
/* vedlejší: Přidat novou adresu, Hledat, věrnostní program, Načíst další, Odhlásit se */
body.customer-page #content .btn:not(.btn-primary):not(.wz-k-primary),
body.customer-page .client-center-box .btn {
  background: var(--wz-surface) !important;
  border: 1.5px solid var(--wz-purple) !important;
  color: var(--wz-purple) !important;
}
body.customer-page #content .btn:not(.btn-primary):not(.wz-k-primary):hover,
body.customer-page .client-center-box .btn:hover {
  background: var(--wz-purple-tint) !important;
}
body.customer-page #content .btn:active { transform: translateY(1px); }
body.customer-page #content .btn:focus-visible,
body.customer-page .client-center-box .btn:focus-visible {
  outline: 2px solid var(--wz-purple) !important;
  outline-offset: 2px !important;
}
/* „Načíst další“ bez dalších záznamů = nic k načtení → pryč */
body.customer-page #content button.no-more[disabled] { display: none !important; }
@media (max-width: 767px) {
  body.customer-page #content .wz-k-actions .btn { flex: 1 1 auto; }
}

/* 3) TABULKY ----------------------------------------------------- */
body.customer-page #content table.table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
}
body.customer-page #content table.table > thead,
body.customer-page #content table.table > thead > tr { background: transparent !important; }
body.customer-page #content table.table > thead > tr > th {
  background: transparent !important;
  color: var(--wz-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--wz-card-border) !important;
  border-radius: 0 !important;
  white-space: nowrap;
}
body.customer-page #content table.table > tbody > tr > td {
  background: transparent !important;
  padding: 12px 14px !important;
  border: 0 !important;
  border-top: 1px solid var(--wz-card-border) !important;
  vertical-align: middle;
}
body.customer-page #content table.table > tbody > tr:first-child > td { border-top: 0 !important; }
body.customer-page #content table.table > tbody > tr.even > td,
body.customer-page #content table.table > tbody > tr:nth-child(even) > td { background: transparent !important; }
/* sloupce s cenou bez DPH (JS je označí podle textu hlavičky) */
body.customer-page #content .wz-k-hide { display: none !important; }

/* řádek objednávky je klikací celý (odkaz na kód zůstává pro klávesnici) */
body.customer-page #content tr.wz-k-row { cursor: pointer; }
body.customer-page #content tr.wz-k-row:hover > td { background: var(--wz-purple-tint) !important; }
body.customer-page #content tr.wz-k-row a[data-testid="linkCustomerOrder"],
body.customer-page #content tr.wz-k-row td:first-child a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--wz-purple);
  font-weight: 600;
}
body.customer-page #content a.tracking-link {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  color: var(--wz-purple);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 767px) {
  /* objednávky jako karty (Rubin je přeskládá na štítek + hodnota) */
  body.customer-page #content .content-inner > table.table {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  body.customer-page #content table.table-mobile-enriched > thead { display: none; }
  body.customer-page #content table.table-mobile-enriched > tbody > tr {
    display: block;
    margin: 0 0 10px;
    padding: 6px 4px;
    background: var(--wz-surface);
    border: 1px solid var(--wz-card-border);
    border-radius: var(--wz-radius-card);
  }
  body.customer-page #content table.table-mobile-enriched > tbody > tr > td {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 12px !important;
    border: 0 !important;
    text-align: right;
  }
  body.customer-page #content table.table-mobile-enriched > tbody > tr > td.wz-k-hide { display: none !important; }
  body.customer-page #content table.table-mobile-enriched > tbody > tr > td:empty,
  body.customer-page #content table.table-mobile-enriched > tbody > tr > td.wz-k-nocell { display: none !important; }

  body.customer-page #content table.table-mobile-enriched .client-table-heading {
    color: var(--wz-muted);
    font-size: 13px;
    font-weight: 500;
    text-align: left;
  }
  body.customer-page #content tr.wz-k-row:hover > td { background: transparent !important; }
  body.customer-page #content tr.wz-k-row a[data-testid="linkCustomerOrder"],
  body.customer-page #content tr.wz-k-row td:first-child a { min-height: 44px; }
  body.customer-page #content a.tracking-link { display: inline-flex; align-items: center; min-height: 44px; }
  /* detail objednávky: název produktu přes celou šířku */
  body.customer-page #content table.table-order-details > tbody > tr > td.p-name {
    display: block !important;
    text-align: left;
    font-weight: 600;
  }
}

/* 4) PŘEHLED: POSLEDNÍ OBJEDNÁVKA A POMOC ------------------------ */
body.customer-page #content .wz-k-latest {
  padding: 20px 22px;
  margin: 0 0 28px;
}
.wz-k-latest__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
}
.wz-k-latest__code {
  font-size: 18px;
  font-weight: 700;
  color: var(--wz-ink-title);
  text-decoration: none;
}
.wz-k-latest__code:hover { color: var(--wz-purple); text-decoration: underline; text-underline-offset: 3px; }
.wz-k-latest__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  color: var(--wz-muted);
  font-size: 14px;
}
.wz-k-latest__meta strong { color: var(--wz-ink); font-weight: 600; }
.wz-k-latest__note {
  margin: 14px 0 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--wz-ink);
  max-width: 62ch;
}
.wz-k-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}
.wz-k-actions .btn svg { width: 18px; height: 18px; flex: none; }

/* stavový štítek: text + barva, nikdy jen barva */
.wz-k-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border-radius: var(--wz-radius-pill);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  background: var(--wz-purple-tint);
  color: var(--wz-purple);
}
.wz-k-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  flex: none;
}
.wz-k-status--done {
  background: color-mix(in srgb, var(--wz-success) 13%, #fff);
  color: var(--wz-success-text);
}
.wz-k-status--cancel {
  background: color-mix(in srgb, var(--wz-muted) 11%, #fff);
  color: var(--wz-muted);
}
/* stejné štítky i v tabulkách (třídy přidá JS na nativní span.status) */
body.customer-page #content span.status.wz-k-status { font-size: 13px; }

body.customer-page #content .wz-k-older { margin-top: 0; }

/* prázdný stav bez objednávek */
.wz-k-empty {
  padding: 22px;
  margin: 0 0 28px;
}
.wz-k-empty p { margin: 0 0 14px; max-width: 58ch; line-height: 1.55; }

/* pomoc s objednávkou */
.wz-k-help {
  margin: 32px 0 0;
  padding: 18px 22px;
  background: var(--wz-surface);
  border: 1px solid var(--wz-card-border);
  border-radius: var(--wz-radius-card);
}
.wz-k-help h2 { margin: 0 0 4px !important; font-size: 17px !important; }
.wz-k-help p { margin: 0 0 10px; color: var(--wz-muted); font-size: 14px; }
.wz-k-help ul {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wz-k-help a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--wz-purple);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}
.wz-k-help a:hover { text-decoration-thickness: 2px; }
@media (max-width: 767px) {
  .wz-k-help ul { flex-direction: column; gap: 0; }
}

/* detail objednávky */
body.customer-page #content .wz-k-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  margin: -8px 0 6px;
  color: var(--wz-purple);
  font-weight: 600;
  text-decoration: none;
}
body.customer-page #content .wz-k-back:hover { text-decoration: underline; text-underline-offset: 3px; }
body.customer-page #content .wz-k-detail-summary {
  padding: 18px 22px;
  margin: 0 0 8px;
}
body.customer-page #content .wz-k-detail-summary p { margin: 0 0 10px; line-height: 1.55; }
body.customer-page #content .wz-k-detail-summary p:last-child { margin-bottom: 0; }

/* 5) VĚRNOSTNÍ PROGRAM (GALEONY) -------------------------------- */
/* mřížka Ellity: položky se nesmí roztáhnout podle tabulky (390 px: 461 px v 356) */
body.customer-page #content .mehub-bonus-profile-container,
body.customer-page #content .mehub-bonus-profile-container > div,
body.customer-page #content .mehub-bonus-profile-container > div > div,
body.customer-page #content .mehub-bonus-profile-container .card {
  min-width: 0 !important;
  max-width: 100%;
}
body.customer-page #content .mehub-bonus-profile-container > div > div { gap: 14px !important; }
body.customer-page #content .mehub-bonus-profile-container .card {
  padding: 18px 20px !important;
  border-radius: var(--wz-radius-card) !important;
  box-shadow: none !important;
}
body.customer-page #content .mehub-bonus-profile-container .card-title {
  padding: 0 !important;
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--wz-ink-title) !important;
}
body.customer-page #content .mehub-bonus-profile-container .card-title { border-bottom: 0 !important; }
body.customer-page #content .mehub-bonus-profile-container .card-text { padding: 0 !important; }
body.customer-page #content .ellity-credit-card .credit-expiration a {
  color: var(--wz-purple) !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.customer-page #content .ellity-credit-card .credit-value {
  font-size: 30px;
  font-weight: 700;
  color: var(--wz-ink-title);
  line-height: 1.15;
}
body.customer-page #content .ellity-credit-card .credit-expiration {
  margin: 6px 0 0;
  font-size: 14px;
  color: var(--wz-muted);
}
body.customer-page #content .ellity-credit-card .credit-expiration.wz-k-soon {
  display: block;
  margin-top: 10px;
  padding: 10px 12px;
  background: var(--wz-beige-active);
  border: 1px solid var(--wz-line-loyalty);
  border-radius: var(--wz-radius-btn);
  color: var(--wz-ink);
  line-height: 1.45;
}
.wz-k-explain {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--wz-ink);
  max-width: 46ch;
}
/* tlačítko „Více o Věrnostním programu“ (bylo bílé na béžové 1,07 : 1) */
body.customer-page #content .mehub-bonus-profile-container .card-actions {
  display: flex !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin-top: 14px;
}
body.customer-page #content .mehub-bonus-profile-container .card-actions .btn,
body.customer-page #content .mehub-bonus-profile-container .card-actions a {
  background: var(--wz-surface) !important;
  border: 1.5px solid var(--wz-purple) !important;
  color: var(--wz-purple) !important;
  font-weight: 600 !important;
}
body.customer-page #content .mehub-bonus-profile-container .card-actions a:focus-visible {
  outline: 2px solid var(--wz-purple) !important;
  outline-offset: 2px !important;
}
/* historie: tabulka uvnitř karty bez vlastní karty (žádné vnořené karty) */
body.customer-page #content .ellity-history-card table.table,
body.customer-page #content .ellity-history-card table.table.border {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  margin: 0;
}
body.customer-page #content .ellity-history-card table.table > thead > tr > th { padding: 8px 10px !important; }
body.customer-page #content .ellity-history-card table.table > tbody > tr > td { padding: 10px !important; font-size: 14px; }
body.customer-page #content .ellity-history-card td.wz-k-plus { color: var(--wz-success-text); font-weight: 700; }
body.customer-page #content .ellity-history-card td.wz-k-minus { color: var(--wz-muted); font-weight: 700; }
@media (max-width: 767px) {
  body.customer-page #content .mehub-bonus-profile-container > div > div { grid-template-columns: minmax(0, 1fr) !important; }
  /* historie jako řádky: datum + změna nahoře, akce a poznámka pod tím */
  body.customer-page #content .ellity-history-card table.table > thead { display: none; }
  body.customer-page #content .ellity-history-card table.table,
  body.customer-page #content .ellity-history-card table.table > tbody { display: block; width: 100%; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 12px;
    padding: 10px 0;
    border-top: 1px solid var(--wz-line-loyalty);
  }
  body.customer-page #content .ellity-history-card table.table > tbody > tr:first-child { border-top: 0; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td {
    display: block;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0;
    overflow-wrap: anywhere;
  }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td:nth-child(1) { grid-column: 1; grid-row: 1; color: var(--wz-muted); font-size: 13px; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 16px; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td:nth-child(3) { grid-column: 1; grid-row: 2; font-weight: 500; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td:nth-child(4) { grid-column: 1 / -1; grid-row: 3; color: var(--wz-muted); font-size: 13px; }
  body.customer-page #content .ellity-history-card table.table > tbody > tr > td:nth-child(4):empty { display: none; }
  body.customer-page #content .mehub-bonus-profile-container .card-actions .btn,
  body.customer-page #content .mehub-bonus-profile-container .card-actions a { width: 100% !important; }
}

/* 6) NAVIGACE ÚČTU ---------------------------------------------- */
body.customer-page .client-center-box {
  padding: 8px !important;
  background: var(--wz-surface) !important;
  border: 1px solid var(--wz-card-border) !important;
  border-radius: var(--wz-radius-card) !important;
}
body.customer-page .client-center-box ul { margin: 0; padding: 0; list-style: none; }
body.customer-page .client-center-box li { margin: 0; padding: 0; border: 0 !important; }
body.customer-page .client-center-box li > a:not(.btn),
body.customer-page .client-center-box summary {
  display: flex !important;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: var(--wz-radius-btn);
  color: var(--wz-ink) !important;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none !important;
  line-height: 1.3;
  transition: background-color .15s ease;
}
body.customer-page .client-center-box li > a:not(.btn):hover,
body.customer-page .client-center-box summary:hover { background: var(--wz-beige-hover); }
body.customer-page .client-center-box li.active > a:not(.btn),
body.customer-page .client-center-box li > a[aria-current="page"] {
  background: var(--wz-purple-tint) !important;
  color: var(--wz-purple) !important;
  font-weight: 600;
}
body.customer-page .client-center-box li.wz-k-name > a {
  font-size: 16px;
  font-weight: 700;
  color: var(--wz-ink-title) !important;
}
body.customer-page .client-center-box details > summary {
  cursor: pointer;
  list-style: none;
  justify-content: space-between;
}
body.customer-page .client-center-box details > summary::-webkit-details-marker { display: none; }
body.customer-page .client-center-box details > summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s var(--wz-ease-out);
}
body.customer-page .client-center-box details[open] > summary::after { transform: rotate(-135deg) translateY(-2px); }
body.customer-page .client-center-box details ul { padding-left: 12px; }
body.customer-page .client-center-box details li > a:not(.btn) { font-size: 14px; color: var(--wz-muted) !important; }
body.customer-page .client-center-box li.logout {
  position: static !important;
  margin-top: 8px !important;
  padding: 12px 4px 4px !important;
  border-top: 1px solid var(--wz-card-border) !important;
}
body.customer-page .client-center-box li.logout .btn { width: 100% !important; font-size: 14px !important; }
@media (prefers-reduced-motion: reduce) {
  body.customer-page .client-center-box details > summary::after { transition: none; }
}

/* čipy nahoře na mobilu */
.wz-k-chips { display: none; }
@media (max-width: 767px) {
  .wz-k-chips {
    display: flex;
    gap: 8px;
    margin: 0 -16px 20px;
    padding: 2px 16px 4px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: 16px;
  }
  .wz-k-chips::-webkit-scrollbar { display: none; }
  .wz-k-chips a {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 16px;
    background: var(--wz-surface);
    border: 1px solid var(--wz-border-input);
    border-radius: var(--wz-radius-pill);
    color: var(--wz-ink);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .wz-k-chips a[aria-current="page"] {
    background: var(--wz-purple);
    border-color: var(--wz-purple);
    color: #fff;
  }
  .wz-k-chips a:focus-visible { outline: 2px solid var(--wz-purple); outline-offset: 2px; }
}

/* 7) FORMULÁŘE -------------------------------------------------- */
body.customer-page #content .form-control,
body.customer-page #content select,
body.customer-page #content textarea,
body.customer-page #content input[type="text"],
body.customer-page #content input[type="email"],
body.customer-page #content input[type="tel"],
body.customer-page #content input[type="password"] {
  font-family: inherit !important;
  font-size: 16px !important;
  min-height: 44px;
  border: 1px solid var(--wz-border-input) !important;
  border-radius: var(--wz-radius-btn) !important;
  background-color: var(--wz-surface);
  color: var(--wz-ink);
  box-shadow: none !important;
  transition: border-color .15s ease;
}
body.customer-page #content .form-control:focus,
body.customer-page #content select:focus,
body.customer-page #content textarea:focus {
  border-color: var(--wz-purple) !important;
}
body.customer-page #content #register-form { max-width: 720px; }
body.customer-page #content .co-box + .co-box { margin-top: 16px; }

/* zaškrtávátka: Rubin je skrývá display:none → z klávesnice nedostupná.
   Necháme je v DOM průhledná přes ikonu v labelu. */
body.customer-page #content input[type="checkbox"]:not(.wz-k-cbx-skip),
body.customer-page #content input[type="radio"]:not(.wz-k-cbx-skip) {
  display: block !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}
body.customer-page #content .form-group:has(> input[type="checkbox"]),
body.customer-page #content .form-group:has(> input[type="radio"]) { position: relative; }
body.customer-page #content input[type="checkbox"]:focus-visible + label::before,
body.customer-page #content input[type="radio"]:focus-visible + label::before {
  outline: 2px solid var(--wz-purple);
  outline-offset: 2px;
}
body.customer-page #content input[type="checkbox"] + label,
body.customer-page #content input[type="radio"] + label {
  min-height: 44px;
  display: flex !important;
  align-items: center;
  text-wrap: pretty;
}
body.customer-page #content input[type="checkbox"]:checked + label::before {
  border-color: var(--wz-purple) !important;
}

/* nápověda k DIČ: místo neviditelného „?“ (2,68 : 1, bez fokusu) text pod polem */
body.customer-page #content .wz-k-hinted .show-tooltip { display: none !important; }
.wz-k-hint {
  /* šířku nediktuje (jinak by pole v řádku s popiskem spadlo pod něj) */
  width: 0;
  min-width: 100%;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: var(--wz-muted);
  max-width: 52ch;
}

/* 8) DROBNOSTI --------------------------------------------------- */
/* stránkování s jedinou stránkou */
body.customer-page #content .pagination-wrapper.wz-k-single { display: none !important; }
/* hláška „Můžeme spojit anonymní objednávky…“ jako informační karta */
body.customer-page #content .client-link.wz-k-info {
  position: relative;
  padding: 14px 52px 14px 18px;
  margin: 0 0 22px;
  background: var(--wz-purple-tint);
  border: 1px solid color-mix(in srgb, var(--wz-purple) 18%, #fff);
  border-radius: var(--wz-radius-card);
  font-size: 14px;
  line-height: 1.5;
  max-width: 78ch;
}
body.customer-page #content .client-link.wz-k-info a { color: var(--wz-purple); text-underline-offset: 3px; }
.wz-k-info__close {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--wz-radius-btn);
  background: transparent;
  color: var(--wz-purple);
  cursor: pointer;
}
.wz-k-info__close:hover { background: color-mix(in srgb, var(--wz-purple) 10%, transparent); }
.wz-k-info__close:focus-visible { outline: 2px solid var(--wz-purple); outline-offset: -4px; }
.wz-k-info__close svg { width: 16px; height: 16px; }

/* 9) DOPLŇKY PO ŽIVÉM TESTU [1.0.0] ------------------------------- */
/* ikony v tlačítkách (bez rozměru by se roztáhly) */
body.customer-page #content .btn svg { width: 18px; height: 18px; flex: none; }
/* sledovací číslo v textu detailu: odkaz, ne zlatý tučný text */
body.customer-page #content a.wz-k-inline-link {
  color: var(--wz-purple) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* předvolba telefonu (widget Shoptetu) ve stejném tvaru jako pole */
body.customer-page #content .country-flags,
body.customer-page #content .country-flags-inner {
  border-color: var(--wz-border-input) !important;
  border-radius: var(--wz-radius-btn) !important;
}
body.customer-page #content .country-flags { min-height: 44px; }
body.customer-page #content .country-flags-inner { min-height: 42px; display: flex; align-items: center; }
/* odhlášení: Rubin barví odkaz zlatě vyšší specifičností */
body.customer-page .client-center-box li.logout a.btn,
body.customer-page .client-center-box li.logout a.btn:hover { color: var(--wz-purple) !important; }
body.customer-page .client-center-box details { margin: 0; }
/* dopravce + číslo zásilky a datum se nelámou */
body.customer-page #content .wz-k-track,
body.customer-page #content [data-testid="dateTime"] { white-space: nowrap; }
/* počet záznamů v navigaci */
body.customer-page .client-center-box .wz-k-count {
  margin-left: auto;
  min-width: 24px;
  padding: 1px 8px;
  border-radius: var(--wz-radius-pill);
  background: var(--wz-beige-page);
  color: var(--wz-muted);
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
/* detail objednávky: kód produktu pod názvem, tlumeně */
body.customer-page #content .p-name__itemLink { display: block; color: var(--wz-ink); font-weight: 600; text-underline-offset: 3px; }
body.customer-page #content .p-name__codeLabel,
body.customer-page #content .p-name__code { color: var(--wz-muted); font-size: 13px; font-style: normal; font-weight: 400; }
body.customer-page #content fieldset.box > h2:first-of-type { margin-top: 0; }
@media (max-width: 767px) {
  /* řádky-karty bez přesahu (393 px v 390) */
  body.customer-page #content table.table-mobile-enriched,
  body.customer-page #content table.table-mobile-enriched > tbody { display: block; width: 100%; max-width: 100%; }
  body.customer-page #content table.table-mobile-enriched > tbody > tr > td { flex-wrap: wrap; min-width: 0; }
  body.customer-page #content table.table-mobile-enriched .wz-k-track { white-space: normal; text-align: right; }
  body.customer-page #content table.table-mobile-enriched > tbody > tr { box-sizing: border-box; width: 100%; }
  /* krátké číslo zásilky i kód objednávky = plnohodnotný cíl pro palec */
  body.customer-page #content a.tracking-link { min-width: 44px; justify-content: flex-end; }
  body.customer-page #content .wz-k-latest__code { display: inline-flex; align-items: center; min-height: 44px; }
}
/* řádek s nápovědou: popisek u horní hrany pole, ne uprostřed pole + textu */
@media (min-width: 768px) {
  body.customer-page #content .form-group.wz-k-hinted { align-items: flex-start !important; }
  body.customer-page #content .form-group.wz-k-hinted > label { margin-top: 10px; }
}