/*
 * Veškeré ruční CSS webu na jednom místě.
 *
 * Sloučeno 2. 8. 2026 ze čtyř zdrojů, které se do té doby přebíjely
 * (pořadí bloků zachovává původní kaskádu — Customizer se načítal
 * poslední, proto je poslední i tady):
 *
 *   1. Code Snippet #81 „Upravy produktové stranky"
 *   2. Simple Custom CSS and JS #440765 „Oprava zobrazování ikon"
 *   3. Simple Custom CSS and JS #444882 „Fix radio buttons a checkboxy pokladna"
 *   4. Customizer > Additional CSS
 *
 * Původní zdroje jsou vyprázdněné/vypnuté; zálohy v
 * .rollback/2026-08-01/css-zdroje-prod.json. Nové úpravy vzhledu patří
 * SEM (přes git), ne do administrace.
 */

/* ═══ 1. Úpravy produktové stránky (ex snippet #81) ═══ */

/* ============================================
   1. ODKAZ NA TABULKU VELIKOSTÍ
   Pouze pro krátký popis produktu
   ============================================ */

.woocommerce-product-details__short-description a[href*="adler-description"],
.woocommerce-product-details__short-description a[href*="rozmery-tricek"],
.woocommerce-product-details__short-description a[href*="rozmery"] {
  color: #e8390e;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.woocommerce-product-details__short-description a[href*="adler-description"]:hover,
.woocommerce-product-details__short-description a[href*="rozmery-tricek"]:hover,
.woocommerce-product-details__short-description a[href*="rozmery"]:hover {
  color: #c92f09;
}


/* ============================================
   2. ADLER HTML TABULKA
   Pouze pro blok .adler-size-spec
   ============================================ */

.adler-size-spec {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 1.5rem 0;
  max-width: 100%;
}

.adler-size-spec__heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 0.75rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #555;
  line-height: 1.3;
}

.adler-size-spec__heading::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  background: #e8390e;
  border-radius: 2px;
  flex: 0 0 auto;
}

.adler-size-spec__wrap {
  border: 1px solid #e2e2e2;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  background: #fff;
}

.adler-size-spec table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 0.8125rem;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff;
}

.adler-size-spec thead th {
  background: #333 !important;
  color: #fff !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center !important;
  padding: 0.6rem 0.5rem !important;
  border: 0 !important;
  line-height: 1.2;
}

.adler-size-spec thead th:first-child {
  text-align: left !important;
  padding-left: 1rem !important;
  width: 52px;
}

.adler-size-spec tbody tr {
  border-bottom: 1px solid #ececec !important;
  transition: background 120ms ease;
  background: #fff;
}

.adler-size-spec tbody tr:last-child {
  border-bottom: none !important;
}

.adler-size-spec tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.adler-size-spec tbody tr:hover,
.adler-size-spec tbody tr:nth-child(even):hover {
  background: #fff3f0 !important;
}

.adler-size-spec tbody td {
  text-align: center !important;
  padding: 0.55rem 0.5rem !important;
  font-size: 0.8125rem !important;
  font-variant-numeric: tabular-nums;
  color: #333 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 1.35;
}

.adler-size-spec tbody td:first-child {
  text-align: left !important;
  padding-left: 1rem !important;
  font-weight: 800 !important;
  font-size: 0.85rem !important;
  color: #e8390e !important;
  letter-spacing: 0.03em;
}

.adler-size-spec__note {
  margin-top: 0.6rem;
  font-size: 0.7rem;
  color: #999;
  font-style: italic;
}

.adler-size-spec img {
  max-width: 100%;
  height: auto;
  display: block;
}


/* ============================================
   3. MOBIL
   ============================================ */

@media (max-width: 500px) {
  .adler-size-spec__wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .adler-size-spec table {
    min-width: 460px !important;
  }

  .adler-size-spec__heading {
    font-size: 0.72rem;
  }
}

/* ═══ 2. Oprava zobrazování ikon (ex custom-css-js #440765) ═══ */

/* Oprava ikon ve WooCommerce info, error, message, success boxech */

/* Info box (modrý) - ikona info */
.woocommerce-info::before {
    content: "ℹ" !important;
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Success box (zelený) - ikona check */
.woocommerce-message::before {
    content: "✓" !important;
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Error box (červený) - ikona warning */
.woocommerce-error::before {
    content: "⚠" !important;
    font-family: Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Alternativní řešení s Font Awesome (pokud máte Font Awesome) */
/*
.woocommerce-info::before {
    content: "\f05a" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.woocommerce-message::before {
    content: "\f00c" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.woocommerce-error::before {
    content: "\f071" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}
*/

/* ═══ 3. Pokladna — radio buttons a checkboxy (ex custom-css-js #444882) ═══ */

/* === Sjednoceni VSECH radio buttonu a checkboxu na pokladne === */

/* Reset vsech radio buttonu na pokladne */
.woocommerce-checkout input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid #767676 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
  padding: 0 !important;
  outline: none !important;
  flex-shrink: 0 !important;
}

/* Radio button checked stav */
.woocommerce-checkout input[type="radio"]:checked {
  border-color: #000 !important;
  background: radial-gradient(circle, #000 0%, #000 35%, #fff 40%, #fff 100%) !important;
}

/* Skryt pseudo-elementy ktere mohou prepisovat vzhled */
.woocommerce-checkout input[type="radio"]::before,
.woocommerce-checkout input[type="radio"]::after {
  display: none !important;
}

/* Label pseudo-elementy pro radio - payment methods */
#payment .payment_methods li label::before,
.wc_payment_method label::before {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid #767676 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

#payment .payment_methods li input[type="radio"]:checked + label::before,
.wc_payment_method input[type="radio"]:checked + label::before {
  border-color: #000 !important;
  background: radial-gradient(circle, #000 0%, #000 35%, #fff 40%, #fff 100%) !important;
}

/* Shipping method radio buttons */
.woocommerce-shipping-methods input[type="radio"],
#shipping_method input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid #767676 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.woocommerce-shipping-methods input[type="radio"]:checked,
#shipping_method input[type="radio"]:checked {
  border-color: #000 !important;
  background: radial-gradient(circle, #000 0%, #000 35%, #fff 40%, #fff 100%) !important;
}

/* Urgency radio buttons (pospicham/nepospicham) */
.woocommerce-checkout input[type="radio"][name="dobirka_urgency"],
.woocommerce-checkout .dobirka-urgency input[type="radio"],
#order_review input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid #767676 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  padding: 0 !important;
}

#order_review input[type="radio"]:checked {
  border-color: #000 !important;
  background: radial-gradient(circle, #000 0%, #000 35%, #fff 40%, #fff 100%) !important;
}

/* Checkboxy - sjednoceni */
.woocommerce-checkout input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  min-height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  border-radius: 3px !important;
  border: 2px solid #767676 !important;
  background: #fff !important;
  box-shadow: none !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
  padding: 0 !important;
  outline: none !important;
  flex-shrink: 0 !important;
}

.woocommerce-checkout input[type="checkbox"]:checked {
  background: #000 !important;
  border-color: #000 !important;
}

.woocommerce-checkout input[type="checkbox"]:checked::after {
  content: '\2713' !important;
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-align: center !important;
  position: absolute !important;
  top: -1px !important;
  left: 1px !important;
}

/* Transform/scale reset */
.woocommerce-checkout input[type="radio"],
.woocommerce-checkout input[type="checkbox"] {
  transform: none !important;
}

/* ═══ 4. Customizer > Additional CSS (načítal se poslední — musí zůstat poslední) ═══ */

#ttol-show_shipping {
	display: block;
	margin-bottom: 1.618em!important;
}

.toret-delivery-information{
	display:block;
	margin-bottom: 0
}

.variations_form {
	margin-bottom: 0!important;
}

.wc-block-grid__product-link > .acoplw-badge {
  display: none;
}

/* skrytí tabulky množstevních slev 
div.summary.entry-summary h4,
#mxn_bulk_price_table,
div.summary.entry-summary > small,
#post-7 > div > div > form > div.mxn-bulk-discount-wrap > h4
{
  display: none !important;
}
*/

  .preskrtnute {
    text-decoration: line-through;
  }

/* Fix product tiles in product list on mobile */
@media (max-width: 767px) {
	ul.products li.product img {
		max-height: 800px;
	}
}




.single_add_to_cart_button {
  background-color: #28a745 !important; /* sytě zelená */
  color: #fff !important;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  padding: 14px 28px;
  font-size: 26px;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.single_add_to_cart_button:hover {
  background-color: #23923d !important; /* o něco tmavší při hoveru */
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}

.trust-icons {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin-top: 20px;
  padding: 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 15px;
  color: #333;
}

.trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Ikonka košíku před textem. Bílé SVG místo emoji 🛒 — emoji vykresluje
   každý systém po svém a na iOS z něj byl fotorealistický vozík, který
   se k tlačítku nehodil. */
.single_add_to_cart_button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: -3px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") center / contain no-repeat;
}




/* Skryje text s třídou mxn-dodani na produktových stránkách */
.woocommerce-variation-availability .mxn-dodani {
    display: none !important;
}

b,strong {
    font-weight: 400;
}




/* ===== Heureka pager – pěkné číslování ===== */
.mp-pager { margin: 24px 0; }
.mp-pager ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
  align-items:center;
  justify-content:center; /* zarovnání doprostřed; změň na flex-start pokud chceš vlevo */
}

/* položky */
.mp-pager li{
  line-height:1;
}

/* odkazy – „tabletky“ */
.mp-pager a,
.mp-pager strong{           /* strong = aktuální stránka z wrapperu */
  display:inline-block;
  min-width:36px;
  padding:8px 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  text-align:center;
  text-decoration:none;
  font-weight:500;
  transition:all .15s ease;
}

/* normální odkaz */
.mp-pager a{
  background:#fff;
  color:#111827;
}
.mp-pager a:hover{
  border-color:#9ca3af;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}

/* aktuální stránka */
.mp-pager strong{
  background:#111827;
  color:#fff;
  border-color:#111827;
}

/* předchozí/další – opticky menší “šipky” */
.mp-pager li:first-child a,
.mp-pager li:last-child a{
  padding:8px 14px;
}

/* mobil – zmenšíme pilulky */
@media (max-width:480px){
  .mp-pager a, .mp-pager strong{ min-width:32px; padding:7px 10px; }
  .mp-pager ul{ gap:6px; }
}

/* ROZBALOVANÍ SEO TEXTU V KATEGORIICH wrap */
/* základní obal */
.category-description-wrapper {
    position: relative;
    margin-bottom: 20px;
}

/* skrytý obsah */
.category-description-content {
    max-height: 140px;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

/* rozbalený obsah */
.category-description-wrapper.expanded .category-description-content {
    max-height: 2500px;
}

/* fade efekt */
.category-description-fade {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #F7F7F7 90%);
    pointer-events: none;
    transition: opacity 0.3s ease;
}

/* fade schovaný po rozbalení */
.category-description-wrapper.expanded .category-description-fade {
    opacity: 0;
}

/* odkaz „další…“ */
.category-readmore-link {
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    color: #0073aa;
}

.category-readmore-link:hover {
    color: #005177;
}
/* === Pulsování textu v Notibar liště === */
.njt-nofi-container-content .njt-nofi-notification-bar .njt-nofi-text {
    animation: promoPulse 2s ease-in-out infinite !important;
}

@keyframes promoPulse {
    0%   { opacity: 1; transform: scale(1); }
    50%  { opacity: 0.85; transform: scale(1.15); }
    100% { opacity: 1; transform: scale(1); }
}

/* === Základ Notibar lišty === 
.njt-nofi-container-content .njt-nofi-notification-bar.njt-nofi-bgcolor-notification {
    position: relative;
    overflow: hidden;
    background-color: #2962ff !important;
}
*/


/* === Nekonečné vertikální sněžení přes ::before === 


.njt-nofi-container-content .njt-nofi-notification-bar.njt-nofi-bgcolor-notification::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(https://123triko.cz/wp-content/uploads/2026/03/velikonoce.jpg);
    background-repeat: repeat;
    background-size: 300px auto; 
    background-position: 0 0;
    background-size: 300px 300px;      


    opacity: 1;
    pointer-events: none;


    animation: snowInfinite 12s linear infinite;
}


@keyframes snowInfinite {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 200px;
    }
}


.njt-nofi-container-content .njt-nofi-notification-bar.njt-nofi-bgcolor-notification > * {
    position: relative;
    z-index: 1;
}

 === */




/* === červené kolečko na mobilu dole v liště === */
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(255,0,0,0.6); }
  70% { box-shadow: 0 0 0 8px rgba(255,0,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,0,0,0); }
}

.storefront-handheld-footer-bar ul li.cart .count {
    background-color: #ff0000;
    color: #ffffff;
    border-color: #d38b0e;
	  animation: pulse 1.5s infinite;
}

/* === Vetsi mezera na mobilu zleva/zprava === */
@media (max-width: 768px) {
  body #main {
    padding: 20px !important;
  }
}

/* === Responsivní velikostní tabulka === */
.size-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.size-table th,
.size-table td {
  padding: 6px 8px;
  border: 1px solid #ddd;
  text-align: center;
}
.size-table thead th {
  background-color: #f5a623;
  color: #fff;
  font-weight: 600;
}
.size-table tbody th {
  text-align: left;
  font-weight: 600;
  background-color: #f9f9f9;
}

@media (max-width: 768px) {
  .size-table {
    font-size: 12px;
  }
  .size-table th,
  .size-table td {
    padding: 4px 3px;
  }
  .size-table tbody th {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .size-table,
  .size-table thead,
  .size-table tbody,
  .size-table th,
  .size-table td,
  .size-table tr {
    display: block;
  }
  .size-table thead {
    display: none;
  }
  .size-table tbody tr {
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
  }
  .size-table tbody th {
    background-color: #f5a623;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-size: 13px;
  }
  .size-table tbody td {
    display: flex;
    justify-content: space-between;
    padding: 6px 10px;
    border: none;
    border-bottom: 1px solid #eee;
    text-align: right;
  }
  .size-table tbody td::before {
    content: attr(data-label);
    font-weight: 600;
    text-align: left;
    color: #333;
  }
  .size-table tbody td:last-child {
    border-bottom: none;
  }
}


/* ═══ 5. TLAČÍTKA — JEDNOTNÝ SYSTÉM (přidáno 2. 8. 2026) ═══
 *
 * Audit napočítal 15+ vizuálních variant. Sjednocuje se na tři typy
 * v barvách, které web už používá — žádné nové odstíny:
 *
 *   NÁKUP       zelená  #28a745  (Přidat do košíku, Do košíku, Objednat)
 *   PROCHÁZENÍ  oranžová #935f06 (Zobrazit, Výběr možností, Číst více…)
 *               — ztmavená z #d38b0e kvůli kontrastu bílého textu (5,4:1)
 *   SLUŽEBNÍ    tmavá   #333333  (Hledej)
 *
 * Tvar pro všechny: rádius 3 px (dnes nejčastější), váha 600, bez
 * verzálek, min. výška pohodlného dotyku. Prefix `body` drží vyšší
 * specificitu než starší pravidla výš v tomhle souboru.
 */

/* — NÁKUP — */
body .single_add_to_cart_button,
body .mxn-koupit__btn,
body #place_order,
body .checkout-button,
body .wc-proceed-to-checkout .button {
	background-color: #28a745 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	padding: 12px 24px !important;
}
body .single_add_to_cart_button:hover,
body .mxn-koupit__btn:hover,
body #place_order:hover,
body .checkout-button:hover,
body .wc-proceed-to-checkout .button:hover {
	background-color: #1e7e34 !important;
	color: #fff !important;
}
/* Hlavní tlačítko produktu o stupeň větší (mělo 26 px, pokladna 22,7 px). */
body .single_add_to_cart_button { font-size: 18px !important; padding: 14px 28px !important; }
body #place_order { height: auto !important; }

/* — PROCHÁZENÍ — */
body .button:not(.single_add_to_cart_button):not(#place_order):not(.checkout-button),
body .add_to_cart_button,
body .wc-block-grid__product-add-to-cart .button,
body .maxon-banner-btn,
body .uagb-cta__button,
body .wp-block-uagb-buttons a.uagb-buttons-repeater,
body .uagb-post__read-more a,
body .woocommerce-pagination .page-numbers.current {
	background-color: #935f06 !important; /* bývalo #d38b0e — bílý text na něm měl 2,81:1 */
	color: #fff !important;
	border: 0 !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	padding: 11px 20px !important;
}
body .button:not(.single_add_to_cart_button):not(#place_order):not(.checkout-button):hover,
body .add_to_cart_button:hover,
body .maxon-banner-btn:hover,
body .uagb-cta__button:hover,
body .uagb-post__read-more a:hover {
	background-color: #7a4f05 !important;
	color: #fff !important;
}
/* V mřížkách produktů menší písmo i odsazení, ať se vejdou — ale nikdy
   míň než čitelných 13,5 px (bývalo tu 8,8 px). */
body ul.products .add_to_cart_button,
body .wc-block-grid__product-add-to-cart .button {
	font-size: 13.5px !important;
	padding: 9px 14px !important;
}

/* — SLUŽEBNÍ — */
body .dgwt-wcas-search-submit,
body .widget_product_search [type="submit"] {
	background-color: #333 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 3px !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	text-transform: none !important;
}
body .dgwt-wcas-search-submit:hover,
body .widget_product_search [type="submit"]:hover { background-color: #1f1f1f !important; }

/* Viditelný focus pro klávesnici — do teď nebyl žádný. */
body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body select:focus-visible {
	outline: 2px solid #333 !important;
	outline-offset: 2px;
}

/* ═══ 6. TYPOGRAFIE — JEDNOTNÁ ŠKÁLA (přidáno 2. 8. 2026) ═══
 *
 * Audit naměřil H1 ve třech velikostech (26/28/41,9 px) a vahách
 * 300–600, šest podob H2 na jedné stránce a nadpisy v pěti barvách.
 * Škála: H1 28, H2 22, H3 18, H4 16 — vše váha 600, jednotné řádkování.
 * Barvy nadpisů se plošně nemění (části webu mají bílé nadpisy na
 * tmavých plochách) — opravují se jen prokázané kolize s přístupností.
 */
body h1 { font-size: 28px !important; line-height: 1.25 !important; font-weight: 600 !important; }
body h2 { font-size: 22px !important; line-height: 1.3  !important; font-weight: 600 !important; }
body h3 { font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; }
body h4 { font-size: 16px !important; line-height: 1.4  !important; font-weight: 600 !important; }
/* Přednastavené velikosti Gutenbergu (.has-large-font-size…) mají od
   WordPressu vlastní !important a vyšší specificitu než element — nadpisy
   se jim musí přebít zvlášť. */
body h1[class*="font-size"] { font-size: 28px !important; }
body h2[class*="font-size"] { font-size: 22px !important; }
body h3[class*="font-size"] { font-size: 18px !important; }
body h4[class*="font-size"] { font-size: 16px !important; }
@media (max-width: 767px) {
	body h1, body h1[class*="font-size"] { font-size: 24px !important; }
	body h2, body h2[class*="font-size"] { font-size: 20px !important; }
}

/* Názvy produktů v mřížkách a karuselech jsou položky výpisu, ne nadpisy
   sekcí — bez výjimky by je škála nafoukla na 22 px. */
body ul.products h2,
body .wc-block-grid__product-title,
body .related.products ul.products h2,
body .product-slider h2 {
	font-size: 15px !important;
	line-height: 1.4 !important;
	font-weight: 500 !important;
}

/* Dlaždice výhod měly modrou z výchozího nastavení pluginu (#0693e3,
   kontrast 3,3:1) — s webem nesouvisí, sjednocuje se s ostatními nadpisy. */
body .uagb-ifb-title, body .uagb-ifb-title * { color: #333333 !important; }

/* Podtituly bannerů měly řádkování 1,0 — slepené řádky. */
body .maxon-banner-subtitle { line-height: 1.35 !important; }
body .maxon-banner-title { line-height: 1.2 !important; }

/* Odstavce: tělo 16 px / 1,6 už web má správně; jen pojistka, aby drobné
   texty neklesaly pod čitelných 13 px. */
body .site-main p, body .site-main li { font-size: max(1em, 13px); }

/* ═══ 7. KONZISTENCE A PŘÍSTUPNOST — 2. audit (2. 8. 2026) ═══
 * Nálezy z claudedocs/ANALYZA-KONZISTENCE.md. */

/* Formulářové prvky dědí písmo webu — Storefront jim nutil Source Sans
   Pro (57 výskytů na produktu), Ecomail formulář Raleway. */
body select, body input, body textarea, body button { font-family: inherit !important; }
body [class*="ec-v-form"], body [class*="ec-v-form"] * { font-family: Jost, Arial, sans-serif !important; }

/* Štítek „Novinka“ (růžek, třída bsfive): limetka zůstává, text tmavý —
   bílá na ní měla 1,87:1, tmavá má 8,45:1. Široký pruh (bsfifteen) je
   jiný prvek se stejným rodičem — tam patří bílá na červené (4,8:1). */
body .acoplw-badge-icon.acoplw-bsfive .acoplw-blockText { color: #1f2328 !important; }
body .acoplw-badge-icon.acoplw-bsfifteen { height: auto !important; line-height: 1.35 !important; }
body .acoplw-badge-icon.acoplw-bsfifteen .acoplw-blockText {
	color: #fff !important;
	font-size: 11px !important;
	line-height: 1.35 !important;
	padding: 3px 6px !important;
	height: auto !important;
}

/* Volby varianty v mini košíku byly bílé na světlém podkladu (3,37:1). */
body .widget_shopping_cart .variation,
body .widget_shopping_cart .variation *,
body .woocommerce-mini-cart-item .variation,
body .woocommerce-mini-cart-item .variation * { color: #383838 !important; }

/* Dotykové plochy: strom kategorií měl řádky 20 px, křížek košíku 23 px.
   Norma žádá 24, cíl je pohodlných ~34. */
body .widget_product_categories li a,
body .product-categories li a { display: inline-block; padding: 5px 0; }
/* Vyšší řádek posunul střed textu — kolečko +/− (plugin wcsca, absolutně
   na top:5px) se musí posunout s ním, jinak visí nad textem. */
body .product-categories .wcsca-icon,
body .widget_product_categories .wcsca-icon { top: 12px !important; }
body .site-footer li a { display: inline-block; padding: 4px 0; }
body .woocommerce-pagination .page-numbers {
	min-width: 36px;
	min-height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
body a.remove,
body .remove_from_cart_button {
	width: 34px !important;
	height: 34px !important;
	line-height: 34px !important;
	font-size: 20px !important;
}



/* ═══ 8. POPIS KATEGORIE — ROZBALENÍ (2. 8. 2026) ═══
   Dlouhé popisy kategorií se skládají na výšku pěti řádků se ztrácivým
   přechodem, stejně jako popis na stránce produktu. Skládá to skript
   v custom.js a jen tehdy, když je popis skutečně dlouhý. */
body .term-description.mxn-kat-popis--slozeny {
	max-height: 150px;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, rgba(0,0,0,0) 97%);
	mask-image: linear-gradient(to bottom, #000 55%, rgba(0,0,0,0) 97%);
}
body .mxn-kat-popis__prepinac {
	display: inline-block;
	margin: 2px 0 10px;
	padding: 4px 0;
	border: 0;
	background: none;
	color: #a85400;
	font-size: 14px;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

/* ═══ 9. VERTIKÁLNÍ RYTMUS (2. 8. 2026) ═══
 *
 * Mezery mezi bloky vznikaly mimoděk z em-odvozených hodnot (8,4 px,
 * 22,65 px, 4,58 px…). Tady se řídí explicitně, na stupnici
 * 8 / 12 / 16 / 24 / 32 px. Pravidla míří na výpisy a obsah — ne na
 * hlavičku a patičku, které mají vlastní kompozici.
 */

/* hledání a drobečková navigace — pod drobky nulová mezera, vzduch
   dodává jednotně padding .site-main (16 px) */
body .site-search { margin: 8px 0 !important; padding: 0 !important; }
body .storefront-primary-navigation { margin-bottom: 0 !important; }
body .woocommerce-breadcrumb { margin: 8px 0 0 !important; padding: 0 !important; }
body .site-main { padding-top: 16px !important; }
/* obal řazení měřil 110 px při obsahu 24 px */
body .storefront-sorting { margin: 0 0 8px !important; padding: 0 !important; }

/* hlavička výpisu: H1 těsně k podtitulu, podtitul k odkazům podkategorií */
body .woocommerce-products-header { margin: 0 0 4px !important; padding: 0 !important; }
body .woocommerce-products-header__title { margin: 0 0 8px !important; }
body .woocommerce-products-header h2,
body .term-description h2 { margin: 0 0 12px !important; }
body .term-description p { margin: 0 0 12px !important; }
body .term-description p:last-child { margin-bottom: 0 !important; }
body .mxn-kat-popis__prepinac { margin: 4px 0 20px !important; padding: 4px 0 !important; }

/* řazení, počet výsledků, stránkování, mřížka */
body .site-main .woocommerce-ordering { margin: 0 0 12px !important; }
body .site-main .woocommerce-result-count { margin: 4px 0 8px !important; padding: 0 !important; }
body .site-main .woocommerce-pagination { margin: 8px 0 24px !important; padding: 0 !important; }
body ul.products { margin-top: 12px !important; }
body ul.products li.product { margin-bottom: 24px !important; }

/* rytmus nadpisů v obsahu: vzduch nad, méně pod — text patří k nadpisu */
body .entry-content h2, body .site-main .term-description ~ * h2 { margin-top: 24px !important; }
body .entry-content h3 { margin-top: 20px !important; margin-bottom: 8px !important; }

/* ── 9b. Rytmus souhrnu produktu (2. 8. 2026) ─────────────────────────
   Naměřeno: název→popis 7, popis→odkaz 6, odkaz→záložky 2, galerie→název
   téměř 0. Sjednoceno na škálu; zatoulané <br><br> ze šablony mezi
   formulářem a štítky nahrazuje řízená mezera. */
body .summary .woocommerce-product-gallery { margin-bottom: 16px !important; }
body .single-product .product_title { margin: 0 0 8px !important; }
body .summary .mxn-popis__text { margin: 0 0 4px !important; }
body .summary .mxn-popis-vice { margin: 0 0 16px !important; }
body .summary .mxn-related-products { margin-bottom: 16px !important; }
body .summary > br { display: none !important; }
body #woocommerce-product-tags { margin-top: 16px !important; }

/* ═══ 10. KOŠÍK (2. 8. 2026) ═══
 *
 * Stránka košíku byla dlouhodobě rozbitá — ověřeno A/B testem se stavem
 * CSS před sjednocováním (vypadala stejně): miniatura 200 px roztahovala
 * tabulku přes okraj kontejneru (sloupec Množství uříznutý) a na mobilu
 * se obrázek roztahoval přes celou šířku. */

/* Miniatura patří do tabulky, ne přes ni. */
body table.cart td.product-thumbnail img,
body table.shop_table td.product-thumbnail img {
	max-width: 72px !important;
	width: 72px !important;
	height: auto !important;
}
body table.cart .variation { font-size: 12.5px; margin: 4px 0 0; }
body table.cart td, body table.cart th { vertical-align: middle !important; }

/* Pojistka: kdyby se tabulka přesto nevešla, roluje uvnitř sebe a neřeže
   sloupce o okraj stránky. */
body .woocommerce-cart-form { overflow-x: auto; }

/* Mobil: skládané řádky s popiskem vlevo a hodnotou vpravo, obrázek malý
   a na středu. */
@media (max-width: 767px) {
	body table.shop_table_responsive tbody tr {
		display: block;
		padding: 8px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	body table.shop_table_responsive tbody td {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 6px 8px !important;
		border: 0 !important;
		text-align: right;
	}
	body table.shop_table_responsive tbody td.product-thumbnail {
		justify-content: center;
	}
	body table.shop_table_responsive tbody td.product-thumbnail img {
		max-width: 96px !important;
		width: 96px !important;
	}
	/* Buňka s názvem nese i seznam voleb — flex ji lámal na název vlevo
	   a volby vpravo, štítek „Produkt:“ se půlil uprostřed slova. Jede
	   jako blok: název nahoře, volby kompaktně pod ním. */
	body table.shop_table_responsive tbody td.product-name {
		display: block !important;
		text-align: left !important;
	}
	body table.shop_table_responsive tbody td.product-name::before { content: none !important; }
	body table.cart td.product-name > a {
		font-weight: 600;
		font-size: 15px;
		display: inline-block;
		margin-bottom: 2px;
	}
	body table.cart .variation {
		display: block;
		margin: 4px 0 0 !important;
		font-size: 12.5px !important;
		color: #5b5b5b;
		line-height: 1.5;
	}
	body table.cart .variation dt,
	body table.cart .variation dd {
		display: inline !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}
	body table.cart .variation dt { font-weight: 600; }
	body table.cart .variation dd p { display: inline; margin: 0; }
	/* každá dvojice popisek–hodnota na vlastním řádku */
	body table.cart .variation dd::after { content: ""; display: block; }
	body table.shop_table_responsive tbody td.actions { display: block !important; text-align: left; }
}

/* ═══ 11. SYSTÉMOVÉ HLÁŠKY — MODERNÍ KARTY (2. 8. 2026) ═══
 *
 * Původně plné barevné bloky s bílým textem a emoji ikonou (ℹ️), kterou
 * si každý systém kreslí jinak. Nově: bílá karta, barevná linka vlevo,
 * tmavý text a jednotné SVG ikony. Ikona je absolutně v levém horním
 * rohu, protože .woocommerce-error bývá <ul> s více položkami — flex
 * nebo grid by položky rozházel do řádku. */
body .woocommerce-info,
body .woocommerce-message,
body .woocommerce-error {
	position: relative !important;
	display: block !important;
	background: #fff !important;
	color: #383838 !important;
	border: 1px solid #e6e6e6 !important;
	border-left-width: 4px !important;
	border-radius: 6px !important;
	padding: 14px 16px 14px 48px !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .06) !important;
	text-shadow: none !important;
	list-style: none !important;
	font-size: 14.5px !important;
	line-height: 1.5 !important;
}
body .woocommerce-info a,
body .woocommerce-message a,
body .woocommerce-error a { color: inherit; }
body .woocommerce-error li { margin: 0 0 6px !important; }
body .woocommerce-error li:last-child { margin-bottom: 0 !important; }

body .woocommerce-info::before,
body .woocommerce-message::before,
body .woocommerce-error::before {
	content: "" !important;
	position: absolute !important;
	left: 14px !important;
	top: 14px !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 !important;
	background-size: 22px 22px !important;
	background-repeat: no-repeat !important;
	font-size: 0 !important;
}

body .woocommerce-info { border-left-color: #5a7184 !important; }
body .woocommerce-info::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235a7184' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E") !important;
}
body .woocommerce-message { border-left-color: #28a745 !important; }
body .woocommerce-message::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328a745' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") !important;
}
body .woocommerce-error { border-left-color: #c62828 !important; }
body .woocommerce-error::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c62828' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") !important;
}

/* Tlačítko uvnitř hlášky („Zobrazit košík“) drží vpravo a nerozbíjí text. */
body .woocommerce-message .button,
body .woocommerce-info .button { float: right; margin-left: 12px; }

/* ═══ 12. POKLADNA — HLÁŠKY NAHOŘE (2. 8. 2026) ═══
 *
 * Tři karty (přihlášení, kupon, výzva ke kontrole) odsouvaly formulář
 * o celou obrazovku. Výzva je odstraněná v PHP, kupon přesunutý
 * k rekapitulaci; přihlášení zůstává nahoře, ale jako tichý řádek,
 * ne karta. */
body .woocommerce-form-login-toggle .woocommerce-info {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 4px 0 4px 30px !important;
	font-size: 13.5px !important;
	color: #5b5b5b !important;
}
body .woocommerce-form-login-toggle .woocommerce-info::before {
	left: 0 !important;
	top: 4px !important;
	width: 20px !important;
	height: 20px !important;
	background-size: 20px 20px !important;
}
body .woocommerce-form-login-toggle .woocommerce-info a { color: #a85400 !important; }
/* Kupon u rekapitulace: karta toggleru zhubne na řádek se stejným vzhledem. */
body .woocommerce-form-coupon-toggle .woocommerce-info {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 4px 0 4px 30px !important;
	font-size: 13.5px !important;
	color: #5b5b5b !important;
}
body .woocommerce-form-coupon-toggle .woocommerce-info::before {
	left: 0 !important;
	top: 4px !important;
	width: 20px !important;
	height: 20px !important;
	background-size: 20px 20px !important;
}
body .woocommerce-form-coupon-toggle .woocommerce-info a { color: #a85400 !important; }

/* ═══ 13. ÚVOD — „KAŽDÝ TÝDEN NOVÉ MOTIVY“ JAKO SLIDER (2. 8. 2026) ═══
 *
 * Blok nových produktů skládal na mobilu obří karty pod sebe. Nově jede
 * jako vodorovný pás se swipe a přichytáváním (scroll-snap) — bez další
 * knihovny. Malé karty: na mobilu 42 % šířky (dvě celé + vykukující třetí),
 * na počítači 180 px. Stejný pás jede i „Výběr z motivů“
 * (handpicked-products). */
body.home .wc-block-product-new .wc-block-grid__products,
body.home .wc-block-handpicked-products .wc-block-grid__products {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	scroll-snap-type: x mandatory;
	gap: 10px;
	padding: 4px 2px 12px !important;
	margin: 0 !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
body.home .wc-block-product-new .wc-block-grid__products::-webkit-scrollbar,
body.home .wc-block-handpicked-products .wc-block-grid__products::-webkit-scrollbar { display: none; }
body.home .wc-block-product-new .wc-block-grid__product,
body.home .wc-block-handpicked-products .wc-block-grid__product {
	flex: 0 0 180px !important;
	max-width: 180px !important;
	width: 180px !important;
	margin: 0 !important;
	scroll-snap-align: start;
}
/* Menší karty → menší text a tlačítka, ať pás zůstane nízký. */
body.home .wc-block-product-new .wc-block-grid__product-title,
body.home .wc-block-handpicked-products .wc-block-grid__product-title {
	font-size: 13px !important;
	line-height: 1.35 !important;
}
body.home .wc-block-product-new .wc-block-grid__product .button,
body.home .wc-block-handpicked-products .wc-block-grid__product .button {
	font-size: 12.5px !important;
	padding: 8px 12px !important;
}
@media (max-width: 767px) {
	body.home .wc-block-product-new .wc-block-grid__product,
	body.home .wc-block-handpicked-products .wc-block-grid__product {
		flex-basis: 42% !important;
		max-width: 42% !important;
		width: 42% !important;
	}
}

/* „Mohlo by se vám líbit“ na produktu — stejný malý pás jako na úvodu.
   Sekce musí podtéct plovoucí galerii a souhrn: filtr změnil počet
   sloupců na 8 a tématové clear vázané na .columns-3 přestalo platit —
   sekce pak ležela PŘES formulář a blokovala klikání (2. 8. 2026). */
body.single-product .up-sells.products,
body.single-product .related.products { clear: both !important; }

body.single-product .related.products ul.products,
body.single-product .up-sells.products ul.products {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	scroll-snap-type: x mandatory;
	gap: 10px;
	padding: 4px 2px 12px !important;
	margin: 0 !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
body.single-product .related.products ul.products,
body.single-product .up-sells.products ul.products::-webkit-scrollbar { display: none; }
body.single-product .related.products ul.products,
body.single-product .up-sells.products ul.products li.product {
	flex: 0 0 180px !important;
	max-width: 180px !important;
	width: 180px !important;
	margin: 0 !important;
	scroll-snap-align: start;
}
@media (max-width: 767px) {
	body.single-product .related.products ul.products,
body.single-product .up-sells.products ul.products li.product {
		flex-basis: 42% !important;
		max-width: 42% !important;
		width: 42% !important;
	}
}

/* Šipky pásů — bílé kruhy po stranách, doplňují swipe (nenahrazují ho). */
body .mxn-pas__sipka {
	position: absolute !important;
	top: 42%;
	transform: translateY(-50%);
	z-index: 5;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	/* Bez !important šipku deformovalo obecné odsazení tlačítek z tématu
	   (13×31 px) na ovál. */
	width: 38px !important;
	height: 38px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 1px solid #e6e6e6 !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, .95) !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12) !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: #333 !important;
	cursor: pointer;
}
body .mxn-pas__sipka[style*="display: none"] { display: none !important; }
body .mxn-pas__sipka--zpet { left: 4px; }
body .mxn-pas__sipka--dal { right: 4px; }

/* Pojistka proti vodorovnému roztažení stránky — cokoli přeteče doprava
   (klonované slajdy karuselu, absolutní prvky), nesmí vytvořit boční
   rolování celého webu. `clip` na rozdíl od `hidden` neláme sticky. */
html, body { overflow-x: clip !important; }
body .mxn-pas__sipka:hover { background: #fff; }

/* Admin lišta WordPressu (vidí jen přihlášení správci): na telefonu se
   její pravá polovina (avatar, hledání) zalamovala do druhého řádku přes
   hlavičku webu. Na malých displejích se schovává — ovládání vlevo
   zůstává. Zákazníků se netýká. */
@media (max-width: 782px) {
	body.admin-bar #wpadminbar #wp-admin-bar-top-secondary { display: none !important; }
}

/* ── 14. Produkt: pás jistot místo složené bitmapy ─────────────────────
   V postranním panelu visel jeden obrázek (4x-garance.png) se čtyřmi
   odznaky ve dvou řadách. Texty v něm zastaraly: „28 LET TRADICE" —
   tiskne se od roku 1996, tedy třicet let — a přeškrtnutá lebka útočila
   na konkurenci, což z webu zmizelo už při přepisu bloku důvěry.
   custom.js obrázek nahrazuje pásem čtyř malých ikon vedle sebe;
   samotný obrázek skrývá CSS, aby neproblikl, než skript naběhne. */
img[src*="4x-garance"],
img[data-lazy-src*="4x-garance"] { display: none; }

.mxn-jistoty {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 6px;
	margin: 0 0 16px;
}
.mxn-jistoty__polozka {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
	font-size: 11px;
	line-height: 1.3;
	color: #333333;
}
.mxn-jistoty__polozka svg { color: #a85400; flex: none; }

/* ── 15. Produkt: recenze z Heureky pod souhrnem (jen mobil) ───────────
   Markup dodává inc/heureka-reviews.php. Na desktopu recenze vypisuje
   levý sloupec, proto se pás ukazuje jen na mobilu, kde se sloupec řadí
   až pod veškerý obsah a nikdo ho nevidí. Pás je stejný vzor jako
   slidery v sekci 13 — šipky mu přidává custom.js. */
.mxn-recenze { display: none; }

@media (max-width: 767.98px) {
	/* clear: both ze stejného důvodu jako u „Mohlo by se vám líbit" —
	   záložky s popisem jsou float a flexový pás by se jim vyhýbal,
	   takže by mezi nadpisem a recenzemi zela díra přes celou výšku
	   záložek. */
	.mxn-recenze { display: block; clear: both; margin: 8px 0 24px; }

	/* Na mobilu se levý sloupec řadí pod obsah a výpis recenzí by tam
	   byl podruhé (poprvé je v pásu výše) — widgety s výpisem se proto
	   na mobilu skrývají. Dvě pravidla schválně: id jsou křehká (změní
	   se při přeuspořádání widgetů), :has() zas neznají staré
	   prohlížeče a v čárkovém seznamu by shodil celé pravidlo. */
	#secondary #block-7,
	#secondary #text-7 { display: none; }
	#secondary .widget:has(.heureka-shop-reviews) { display: none; }
}
.mxn-recenze__nadpis { font-size: 18px; margin: 0 0 10px; }
.mxn-recenze__obal { position: relative; }
.mxn-recenze .heureka-shop-reviews {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	gap: 10px;
	padding-bottom: 6px;
	-webkit-overflow-scrolling: touch;
}
.mxn-recenze .heureka-shop-review-wrap {
	flex: 0 0 78%;
	scroll-snap-align: start;
	box-sizing: border-box;
	margin: 0;
	padding: 12px;
	background: #ffffff;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
/* Karta nesmí stát na stylech Toretu — jeho CSS se nahrává jen tam, kde
   běží widget, a bez něj se hvězdy (SVG bez rozměrů) roztáhnou na celou
   šířku karty. Rozměry i barvy si pás určuje sám. */
.mxn-recenze .heureka-shop-review-left { flex: none; }
.mxn-recenze .heureka-shop-review-left img { width: 40px; height: auto; }
.mxn-recenze .heureka-shop-review-right { min-width: 0; font-size: 13.5px; }
.mxn-recenze .heureka-shop-review-rating svg.star {
	width: 14px;
	height: 14px;
	display: inline-block;
	fill: #d9d9d9;
}
.mxn-recenze .heureka-shop-review-rating svg.star.filled { fill: #f0a30a; }

/* ── 16. Produkt: podrobný popis textilu na rozkliknutí ────────────────
   Podrobný popis (fotky, tabulka velikostí, návod na měření) má přes
   deset obrazovek a odsouvá „Mohlo by se vám líbit" do nedohledna.
   Sbaluje ho JavaScript (custom.js), ne CSS — kdyby skript nenaběhl,
   zůstane popis rozbalený, tedy dnešní stav. Stejná úvaha jako
   u krátkého popisu motivu (inc/product-description-collapse.php).
   Sbalený popis zůstává zčásti vidět a do ztracena mizí maskou,
   stejně jako popis motivu a popis kategorie. overflow: hidden tu
   krom ořezu i uzavírá plovoucí ikony na začátku popisu — bez něj
   by měl kontejner nulovou výšku a ořez by neměl co řezat. */
.mxn-detail--slozeny {
	overflow: hidden;
	max-height: 14em;
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, rgba(0, 0, 0, 0) 97%);
	mask-image: linear-gradient(to bottom, #000 55%, rgba(0, 0, 0, 0) 97%);
}

.mxn-detail-prepinac {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 18px 0 6px;
	padding: 10px 18px;
	border: 1.5px solid #935f06;
	border-radius: 3px;
	background: #ffffff;
	color: #935f06;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.mxn-detail-prepinac svg { transition: transform .15s ease; }
.mxn-detail-prepinac[aria-expanded="true"] svg { transform: rotate(180deg); }

/* ── 17. Produkt: sbalení nabídky barev ────────────────────────────────
   Textily s desítkami odstínů dělaly z výběru barvy čtyři řádky koleček.
   custom.js nechá prvních devět a zbytek schová za „Více barev"; třídu
   dostávají jednotlivé vzorky, protože viditelnost per textil řídí
   plugin třídou d-none a CSS samo počítat viditelné neumí. */
.swatch.mxn-barva-skryta { display: none !important; }

.mxn-barvy-prepinac {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 6px 0 0;
	padding: 0;
	border: 0;
	background: none;
	color: #c9310c;
	font-family: inherit;
	font-size: 13px;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.mxn-barvy-prepinac svg { transition: transform .15s ease; }
.mxn-barvy-prepinac[aria-expanded="true"] svg { transform: rotate(180deg); }