/* ════════════════════════════════════════════════════════════════════════
   08-woo.css — WooCommerce globální prvky

   Zatím: systémové hlášky (message / info / error) — výchozí modré pruhy
   přebarvené do jazyka webu. Košík, pokladna a účet přijdou v další dávce.

   WC i Divi mají na hláškách vlastní silné selektory (vč. ::before ikony),
   proto !important (viz skill woocommerce.md §13). Hlášky se vypisují
   i mimo .woocommerce wrapper (vlastní PHP šablony), selektory jsou
   proto globální.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Společný tvar ───────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-error li,
ul.woocommerce-error {
  list-style: none !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 0 0 24px;
  padding: 14px 18px !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  background: var(--bg-soft) !important;
  color: var(--black-voala) !important;
  font-family: var(--font-base) !important;
  font-size: clamp(15px, calc(14.26px + 0.19vw), 16px) !important;
  line-height: 1.5;
}

/* Výchozí ikona/pruh pryč */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-error li::before,
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after {
  display: none !important;
  content: none !important;
}

ul.woocommerce-error { margin: 0 0 24px !important; }
ul.woocommerce-error li { margin: 0 !important; padding: 0 !important; }

/* ── Varianty ────────────────────────────────────────────────────────── */
/* Úspěch (přidáno do košíku…) */
.woocommerce-message {
  background: var(--success-soft) !important;
  border-color: var(--success-border) !important;
  color: var(--success) !important;
}

/* Chyba */
.woocommerce-error,
ul.woocommerce-error {
  background: var(--red-voala-soft) !important;
  border-color: rgba(234, 81, 91, .35) !important;
  color: var(--red-voala-dark) !important;
}
ul.woocommerce-error {
  display: flex;
  flex-direction: column;
  align-items: flex-start;   /* align-items: center ze společného tvaru by odstavce centrovalo */
  gap: 6px;
  padding: 14px 18px !important;
  border-radius: var(--radius-sm) !important;
  font-family: var(--font-base) !important;
}

/* ── Tlačítko v hlášce (Zobrazit košík) — červený pill vpravo ────────── */
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-message a.wc-forward,
.woocommerce-info a.wc-forward {
  order: 2;
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 34px;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: var(--radius-pill) !important;
  background: var(--red-voala) !important;
  color: var(--white-voala) !important;
  font-family: var(--font-base) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: background var(--t-fast);
}
.woocommerce-message a.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-message a.wc-forward:hover,
.woocommerce-info a.wc-forward:hover {
  background: var(--red-voala-dark) !important;
  color: var(--white-voala) !important;
}
.woocommerce-message a.button::after,
.woocommerce-info a.button::after {
  display: none !important;
  content: '' !important;
}

/* Odkazy v textu hlášky */
.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button) {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 640px) {
  .woocommerce-message a.button,
  .woocommerce-info a.button {
    margin-left: 0 !important;
    order: 0;
    width: 100%;
  }
}


/* ════════════════════════════════════════════════════════════════════════
   WOO STRÁNKY (košík, pokladna, účet, děkovačka) — klasické shortcody
   Wrapper .vo-woo-content dodává page.php (plná šířka místo prózy 972).
   ════════════════════════════════════════════════════════════════════════ */

.vo-woo-content {
  margin-top: 0;
  font-family: var(--font-base);
  text-align: left;
}

/* Odstavce (01-base.css nuluje margin — např. instrukce k platbě na
   děkovačce pak byly nalepené na sobě i na nadpisu pod nimi) */
.vo-woo-content p { margin: 0 0 1em; }
.vo-woo-content p.form-row { margin: 0 0 16px; }
.vo-woo-content p:last-child { margin-bottom: 0; }
.vo-woo-content p.form-row:last-child { margin-bottom: 16px; }

/* Nadpisy uvnitř Woo obsahu (Celkem k platbě, Fakturační údaje, Vaše
   objednávka…) — Divi/boilerplate 800 → jazyk webu */
.vo-woo-content h2,
.vo-woo-content h3 {
  margin: 0 0 18px;
  padding: 0;
  font-family: var(--font-base);
  font-size: clamp(20px, calc(18.51px + 0.381vw), 24px) !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.3;
  color: var(--black-voala);
}

/* ── Formulářové prvky — jednotně (Divi vnucuje šedé #eee pozadí) ────── */
.vo-woo-content input.input-text,
.vo-woo-content textarea,
.vo-woo-content select,
.vo-woo-content .qty {
  width: 100%;
  min-height: 48px;
  padding: 0 14px !important;
  font-family: var(--font-base) !important;
  font-size: 15px !important;
  color: var(--black-voala) !important;
  background: #fff !important;
  border: 1.5px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  transition: border-color var(--t-fast);
}
.vo-woo-content textarea {
  min-height: 110px !important;
  padding: 12px 14px !important;
  line-height: 1.5;
}
.vo-woo-content input.input-text:focus,
.vo-woo-content textarea:focus,
.vo-woo-content select:focus,
.vo-woo-content .qty:focus {
  border-color: var(--red-voala) !important;
  outline: 0;
}
.vo-woo-content .select2-container .select2-selection--single {
  min-height: 48px;
  background: #fff !important;
  border: 1.5px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
}
.vo-woo-content .select2-container .select2-selection__rendered { line-height: 46px; padding-left: 14px; }
.vo-woo-content .select2-container .select2-selection__arrow { height: 46px; }

.vo-woo-content .form-row { margin: 0 0 16px; padding: 0; }
.vo-woo-content .form-row label {
  display: block;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: var(--black-voala);
}
.vo-woo-content .required { color: var(--red-voala); text-decoration: none; }

/* ── Tlačítka — pill jazyk webu, bez Divi šipky ──────────────────────── */
.vo-woo-content a.button,
.vo-woo-content button.button,
.vo-woo-content input.button,
.vo-woo-content #place_order {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px;
  padding: 0 22px !important;
  border: 1.5px solid var(--red-voala) !important;
  border-radius: var(--radius-pill) !important;
  background: transparent !important;
  color: var(--red-voala) !important;
  font-family: var(--font-base) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background var(--t-fast), color var(--t-fast);
}
.vo-woo-content a.button:hover,
.vo-woo-content button.button:hover,
.vo-woo-content input.button:hover {
  background: var(--red-voala) !important;
  color: var(--white-voala) !important;
}
.vo-woo-content a.button::after,
.vo-woo-content button.button::after {
  display: none !important;
  content: '' !important;
}
.vo-woo-content .button:disabled,
.vo-woo-content .button[disabled] {
  opacity: .5;
  cursor: not-allowed;
}

/* Hlavní CTA (Přejít k pokladně, Objednat) — plný červený pill */
.vo-woo-content .checkout-button,
.vo-woo-content a.checkout-button.button,
.vo-woo-content #place_order,
.vo-woo-content button#place_order.button {
  width: 100%;
  height: 50px;
  background: var(--red-voala) !important;
  color: var(--white-voala) !important;
  border-color: var(--red-voala) !important;
  font-size: 16px !important;
}
.vo-woo-content .checkout-button:hover,
.vo-woo-content #place_order:hover {
  background: var(--red-voala-dark) !important;
  border-color: var(--red-voala-dark) !important;
}

/* ── KOŠÍK ───────────────────────────────────────────────────────────── */
.vo-woo-content table.cart {
  width: 100%;
  margin: 0 0 8px;
  border: 0 !important;
  border-collapse: collapse;
}
.vo-woo-content table.cart th,
.vo-woo-content table.cart td {
  padding: 14px 12px;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: none !important;
  text-align: left;
  vertical-align: middle;
}
.vo-woo-content table.cart thead th {
  padding-top: 0;
  font-size: var(--fs-small);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--muted);
}

/* Odebrat — červený kroužek s křížkem */
.vo-woo-content table.cart a.remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1.5px solid var(--red-voala);
  border-radius: var(--radius-pill);
  color: var(--red-voala) !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}
.vo-woo-content table.cart a.remove:hover {
  background: var(--red-voala);
  color: var(--white-voala) !important;
}

.vo-woo-content table.cart td.product-thumbnail img {
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-map);
}
.vo-woo-content table.cart td.product-name a {
  color: var(--black-voala);
  font-weight: 500;
  text-decoration: none;
}
.vo-woo-content table.cart td.product-name a:hover { color: var(--red-voala); }
.vo-woo-content table.cart .quantity .qty {
  width: 72px;
  text-align: center;
}
.vo-woo-content table.cart td.product-subtotal { font-weight: 600; }

/* Řádek s akcemi (kupon + aktualizovat) */
.vo-woo-content table.cart td.actions { padding: 16px 0 0; border-bottom: 0 !important; }
.vo-woo-content table.cart td.actions .coupon {
  display: inline-flex;
  gap: 10px;
  float: left;
}
.vo-woo-content table.cart td.actions .coupon .input-text {
  width: 180px;
  min-height: 44px;
}
.vo-woo-content table.cart td.actions > .button { float: right; }

/* Souhrn košíku — karta */
.vo-woo-content .cart-collaterals { margin-top: 24px; }
.vo-woo-content .cart_totals {
  width: 100%;
  max-width: 460px;
  margin-left: auto;
  float: none !important;
  padding: 24px;
  background: var(--bg-soft);
  border-radius: var(--radius);
}
.vo-woo-content .cart_totals h2 { margin-bottom: 14px; }
.vo-woo-content .cart_totals table.shop_table {
  width: 100%;
  margin: 0 0 16px;
  border: 0 !important;
  border-collapse: collapse;
}
.vo-woo-content .cart_totals th,
.vo-woo-content .cart_totals td {
  padding: 10px 0;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: none !important;
  font-size: 15px;
  text-align: left;
  vertical-align: top;
}
.vo-woo-content .cart_totals th { font-weight: 500; color: var(--muted); width: 40%; }
.vo-woo-content .cart_totals td { text-align: right; }
.vo-woo-content .cart_totals .order-total th,
.vo-woo-content .cart_totals .order-total td {
  border-bottom: 0 !important;
  font-weight: 700;
  color: var(--black-voala);
  font-size: 17px;
}
.vo-woo-content .cart_totals .order-total .woocommerce-Price-amount { color: var(--red-voala); }

/* Doprava — radia pod sebou, zarovnaná doprava */
.vo-woo-content .cart_totals ul#shipping_method,
.vo-woo-content ul#shipping_method {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.vo-woo-content ul#shipping_method li {
  display: flex;
  align-items: center;          /* tečka svisle na střed řádku s textem */
  justify-content: flex-end;
  gap: 8px;
  margin: 0 0 8px;
  padding: 0;
}
.vo-woo-content ul#shipping_method li:last-child { margin-bottom: 0; }
.vo-woo-content ul#shipping_method li::before { content: none; }
.vo-woo-content ul#shipping_method input[type="radio"] {
  accent-color: var(--red-voala);
  flex: 0 0 auto;
  margin: 0;
  width: 16px;
  height: 16px;
}
.vo-woo-content ul#shipping_method label {
  margin: 0;
  font-size: 14.5px;
  font-weight: 400;
  text-align: left;             /* text nezalamovat pod tečku a nezarovnávat doprava */
  white-space: nowrap;
}
@media (max-width: 420px) {
  /* Na velmi úzkém displeji se název dopravy smí zalomit */
  .vo-woo-content ul#shipping_method label { white-space: normal; }
}
.vo-woo-content .woocommerce-shipping-destination { font-size: var(--fs-small); color: var(--muted); }

.vo-woo-content .wc-proceed-to-checkout { padding: 0; }

/* Prázdný košík */
.vo-woo-content .cart-empty { text-align: center; }
.vo-woo-content .return-to-shop { text-align: center; margin-top: 8px; }

/* ── POKLADNA ────────────────────────────────────────────────────────── */
@media (min-width: 1024px) {
  .vo-woo-content form.checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 8px 48px;
    align-items: start;
  }
  .vo-woo-content form.checkout #customer_details { grid-column: 1; grid-row: 1 / span 4; }
  .vo-woo-content form.checkout #order_review_heading { grid-column: 2; }
  .vo-woo-content form.checkout #order_review { grid-column: 2; }
}

/* Fakturační / doručovací sloupce uvnitř — pod sebou (floaty pryč) */
.vo-woo-content #customer_details .col-1,
.vo-woo-content #customer_details .col-2 {
  float: none !important;
  width: 100% !important;
  margin: 0 0 8px;
}
.vo-woo-content .col2-set::before,
.vo-woo-content .col2-set::after { content: none !important; display: none !important; }

.vo-woo-content #ship-to-different-address {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px !important;
}
.vo-woo-content #ship-to-different-address input { accent-color: var(--red-voala); margin: 0; }

/* Objednávka — karta */
.vo-woo-content #order_review {
  padding: 24px;
  background: var(--bg-soft);
  border-radius: var(--radius);
}
.vo-woo-content #order_review_heading { margin-top: 8px; }
.vo-woo-content table.woocommerce-checkout-review-order-table {
  width: 100%;
  margin: 0 0 16px;
  border: 0 !important;
  border-collapse: collapse;
}
.vo-woo-content .woocommerce-checkout-review-order-table th,
.vo-woo-content .woocommerce-checkout-review-order-table td {
  padding: 10px 0;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: none !important;
  font-size: 15px;
  text-align: left;
  vertical-align: top;
}
.vo-woo-content .woocommerce-checkout-review-order-table td:last-child { text-align: right; }
.vo-woo-content .woocommerce-checkout-review-order-table .order-total th,
.vo-woo-content .woocommerce-checkout-review-order-table .order-total td {
  border-bottom: 0 !important;
  font-weight: 700;
  font-size: 17px;
}
.vo-woo-content .woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount { color: var(--red-voala); }

/* Platební metody — vybíratelné karty */
.vo-woo-content #payment { background: none !important; }
.vo-woo-content #payment ul.payment_methods {
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none;
  border: 0 !important;
}
.vo-woo-content #payment ul.payment_methods li {
  margin: 0 0 10px;
  padding: 12px 14px;
  background: #fff;
  border: 1.5px solid var(--line);
  border-radius: var(--radius-sm);
  list-style: none;
}
.vo-woo-content #payment ul.payment_methods li::before { content: none; }
.vo-woo-content #payment ul.payment_methods li:has(input:checked) { border-color: var(--red-voala); }
.vo-woo-content #payment ul.payment_methods li label {
  display: inline;
  font-weight: 600;
  font-size: 15px;
}
.vo-woo-content #payment input[type="radio"] { accent-color: var(--red-voala); margin-right: 6px; }
.vo-woo-content #payment div.payment_box {
  margin: 10px 0 0 !important;
  padding: 10px 12px !important;
  background: var(--bg-soft) !important;
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--muted);
}
.vo-woo-content #payment div.payment_box::before { display: none !important; }
.vo-woo-content .woocommerce-privacy-policy-text {
  margin: 0 0 14px;
  font-size: var(--fs-small);
  color: var(--muted);
}
.vo-woo-content .woocommerce-privacy-policy-text a { color: var(--red-voala); text-decoration: underline; }
.vo-woo-content .place-order { padding: 0 !important; }

/* ── MŮJ ÚČET ────────────────────────────────────────────────────────── */
.vo-woo-content:has(.woocommerce-MyAccount-navigation) .woocommerce {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.vo-woo-content .woocommerce:has(.woocommerce-MyAccount-navigation) {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.vo-woo-content .woocommerce::before,
.vo-woo-content .woocommerce::after { content: none !important; display: none !important; }

.vo-woo-content .woocommerce-MyAccount-navigation {
  flex: 0 0 250px;
  float: none !important;
  width: 250px !important;
  padding: 16px;
  background: var(--bg-soft);
  border-radius: var(--radius);
}
.vo-woo-content .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.vo-woo-content .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vo-woo-content .woocommerce-MyAccount-navigation li::before { content: none; }
.vo-woo-content .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 9px 14px;
  border-radius: var(--radius-pill);
  color: var(--black-voala);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background var(--t-fast), color var(--t-fast);
}
.vo-woo-content .woocommerce-MyAccount-navigation li a:hover { color: var(--red-voala); }
.vo-woo-content .woocommerce-MyAccount-navigation li.is-active a {
  background: var(--red-voala);
  color: var(--white-voala);
}
.vo-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.vo-woo-content .woocommerce-MyAccount-content {
  flex: 1 1 auto;
  float: none !important;
  width: auto !important;
  min-width: 0;
}
.vo-woo-content .woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  border: 0 !important;
  border-collapse: collapse;
}
.vo-woo-content .woocommerce-MyAccount-content table.shop_table th,
.vo-woo-content .woocommerce-MyAccount-content table.shop_table td {
  padding: 12px 10px;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: none !important;
  text-align: left;
}
.vo-woo-content .woocommerce-MyAccount-content fieldset {
  margin: 24px 0 0;
  padding: 0;
  border: 0;
}
.vo-woo-content .woocommerce-MyAccount-content legend {
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 600;
}

/* Adresy — karty pod sebou (floaty .col2-set jsou křehké) */
.vo-woo-content .woocommerce-Addresses .col-1,
.vo-woo-content .woocommerce-Addresses .col-2 {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px;
  padding: 20px;
  background: var(--bg-soft);
  border-radius: var(--radius);
}
.vo-woo-content .woocommerce-Address-title h2 { font-size: 18px !important; }
.vo-woo-content address { border: 0 !important; padding: 0 !important; font-style: normal; }

/* Přihlášení / registrace */
.vo-woo-content form.login,
.vo-woo-content form.register {
  max-width: 460px;
  margin: 0 auto;
  padding: 24px;
  background: var(--bg-soft);
  border-radius: var(--radius);
  border: 0 !important;
}
.vo-woo-content .lost_password { font-size: var(--fs-small); }
.vo-woo-content .lost_password a { color: var(--red-voala); text-decoration: underline; }
.vo-woo-content .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px !important;
}
.vo-woo-content .woocommerce-form-login__rememberme input { accent-color: var(--red-voala); }

/* ── DĚKOVAČKA (order received) ──────────────────────────────────────── */
.vo-woo-content .woocommerce-thankyou-order-received {
  margin: 0 0 24px;
  font-size: clamp(18px, calc(17.26px + 0.19vw), 20px);
  font-weight: 600;
  color: var(--success);
  text-align: center;
}
/* Flex místo gridu — auto šířky položek: žádné prázdné okno na začátku
   a dlouhý e-mail nepřetéká do sousední buňky */
.vo-woo-content ul.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 40px;
  margin: 0 0 32px !important;
  padding: 20px 24px !important;
  background: var(--bg-soft);
  border-radius: var(--radius);
  list-style: none;
}
.vo-woo-content ul.woocommerce-order-overview li {
  float: none !important;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none;
  font-size: var(--fs-small);
  color: var(--muted);
  overflow-wrap: anywhere;
}
.vo-woo-content ul.woocommerce-order-overview li::before,
.vo-woo-content ul.woocommerce-order-overview li::after { content: none !important; display: none !important; }
.vo-woo-content ul.woocommerce-order-overview li strong {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  color: var(--black-voala);
}

/* Nadpisy sekcí děkovačky — odsazení od bloku nad nimi */
.vo-woo-content .woocommerce-order-details__title,
.vo-woo-content .woocommerce-column__title,
.vo-woo-content section.woocommerce-customer-details > h2 {
  margin-top: clamp(28px, 4vw, 44px);
}

/* Variace položky v tabulce objednávky („Typ: Diář…") — drobně a tlumeně.
   !important: WC i Divi dávají dt/dd vlastní velikosti, marginy a odsazení
   (dvojice pak nebyla na společné lince a byla odskočená doprava). */
.vo-woo-content dl.variation {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  margin: 6px 0 0 !important;
  padding: 0 !important;
}
.vo-woo-content dl.variation dt,
.vo-woo-content dl.variation dd,
.vo-woo-content dl.variation dd p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-base) !important;
  font-size: var(--fs-small) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--muted) !important;
}
.vo-woo-content dl.variation dt { font-weight: 600 !important; }
.vo-woo-content dl.variation dd p { display: inline; }

/* Totéž na děkovačce/v účtu — tam WC používá ul.wc-item-meta místo dl */
.vo-woo-content ul.wc-item-meta {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  list-style: none;
}
.vo-woo-content ul.wc-item-meta li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
.vo-woo-content ul.wc-item-meta li::before { content: none; }
.vo-woo-content ul.wc-item-meta .wc-item-meta-label,
.vo-woo-content ul.wc-item-meta p {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--font-base) !important;
  font-size: var(--fs-small) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--muted) !important;
}
.vo-woo-content ul.wc-item-meta .wc-item-meta-label { font-weight: 600 !important; }

.vo-woo-content table.woocommerce-table--order-details {
  width: 100%;
  margin: 0 0 32px;
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--bg-soft);
  border-radius: var(--radius);
  overflow: hidden;
}
.vo-woo-content .woocommerce-table--order-details th,
.vo-woo-content .woocommerce-table--order-details td {
  padding: 12px 20px;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  background: none !important;
  text-align: left;
}
.vo-woo-content .woocommerce-table--order-details tfoot tr:last-child th,
.vo-woo-content .woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: 0 !important;
  font-weight: 700;
}
.vo-woo-content .woocommerce-table--order-details tfoot tr:last-child .woocommerce-Price-amount { color: var(--red-voala); }

.vo-woo-content .woocommerce-customer-details address {
  padding: 20px !important;
  background: var(--bg-soft);
  border-radius: var(--radius) !important;
}

/* ── Spodní vzduch nad patičkou ──────────────────────────────────────── */
.vo-woo-content > .woocommerce { display: block; }

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .vo-woo-content .woocommerce:has(.woocommerce-MyAccount-navigation) { flex-direction: column; }
  .vo-woo-content .woocommerce-MyAccount-navigation { flex: 0 0 auto; width: 100% !important; }
  .vo-woo-content .cart_totals { max-width: none; }
}
@media (max-width: 640px) {
  .vo-woo-content table.cart td.actions .coupon { float: none; width: 100%; }
  .vo-woo-content table.cart td.actions .coupon .input-text { flex: 1 1 auto; width: auto; }
  .vo-woo-content table.cart td.actions > .button { float: none; width: 100%; margin-top: 10px; }
}