/* Vzhľad prvkov e-shopu (Shoptet) podľa MAX4BODY Design Manual. ZDROJ je tento súbor v repozitári; na webe sa od 30. 10. načítava
   KÓPIA zo Shoptetu: /user/documents/upload/m4b-web.css?v=N (Správce souborů → koreň = upload), neblokujúco (media=print → all)
   z HTML kódu „Záhlaví“. Shoptet ju drží v cache 1 rok → po každej zmene nahraj súbor znova (prepísať) a v hlavičke zvýš ?v=.
   Hlavička Shoptetu je na limite 8 192 znakov (zalomenie riadku = 2 znaky) – CSS pridávaj sem, nie do Shoptetu.
   Téma Shoptetu má Poppins s !important → písma a farby treba vynútiť. */
/* Písma (Inter) načíta m4b-amb.js až keď treba – @import by blokoval vykreslenie celého webu (PageSpeed). */

/* Hlavička Shoptetu lištu skryje (<style>.siteCookies{visibility:hidden}</style>), kým sa nenačíta tento súbor – inak na chvíľu prebleskne
   pôvodná lišta Shoptetu. Tu ju znova ukážeme; ak by sa súbor nenačítal, ukáže ju m4b-amb.js najneskôr po 3 s. */
html body .siteCookies { visibility: visible !important; }

/* ── Lišta cookies (.siteCookies) – čierny blok, krémový text, žltá iba tlačidlo Súhlasím, ostré hrany, bez tieňov ── */
/* .siteCookies = priesvitná vrstva cez stránku (nechávame), samotná lišta = .siteCookies__form */
.siteCookies .siteCookies__form {
  background: #0d0d0c !important; color: #f5f0e4 !important;
  border: 2px solid #f5f0e4 !important; border-radius: 0 !important; box-shadow: none !important;
}
.siteCookies *, .siteCookies .siteCookies__text { font-family: Inter, Arial, sans-serif !important; }
.siteCookies .siteCookies__text { color: #f5f0e4 !important; font-size: 15px !important; line-height: 1.5 !important; font-weight: 400 !important; }
.siteCookies .siteCookies__text a { color: #FFD700 !important; text-decoration: underline !important; }
html body .siteCookies .siteCookies__form .siteCookies__button, html body .siteCookies .siteCookies__form .siteCookies__link {
  border-radius: 0 !important; box-shadow: none !important; font-weight: 700 !important; font-size: 13px !important;
  letter-spacing: .12em !important; text-transform: uppercase !important; padding: 13px 22px !important; cursor: pointer;
}
html body .siteCookies .siteCookies__form .siteCookies__button { background: #FFD700 !important; color: #0d0d0c !important; border: 2px solid #FFD700 !important; }
html body .siteCookies .siteCookies__form .siteCookies__button:hover { background: #f5f0e4 !important; border-color: #f5f0e4 !important; }
html body .siteCookies .siteCookies__form .siteCookies__link { background: transparent !important; color: #f5f0e4 !important; border: 2px solid #f5f0e4 !important; text-decoration: none !important; }
html body .siteCookies .siteCookies__form .siteCookies__link:hover { border-color: #FFD700 !important; color: #FFD700 !important; }
html body .siteCookies .siteCookies__form .siteCookies__button:focus-visible, html body .siteCookies .siteCookies__form .siteCookies__link:focus-visible { outline: 2px solid #FFD700 !important; outline-offset: 2px !important; }

/* Mobil: kompaktná lišta, text nad dvoma rovnako širokými tlačidlami.
   Dlhší text alebo zväčšené písmo ostávajú dostupné posúvaním. */
@media (max-width: 767px) {
  html body .siteCookies .siteCookies__form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px !important;
    box-sizing: border-box !important;
    width: calc(100% - 16px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px auto !important;
    padding: 12px !important;
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
  }
  html body .siteCookies .siteCookies__content { display: contents !important; }
  html body .siteCookies .siteCookies__text {
    grid-column: 1 / -1;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  html body .siteCookies .siteCookies__links,
  html body .siteCookies .siteCookies__buttonWrap {
    display: block !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body .siteCookies .siteCookies__form .siteCookies__button,
  html body .siteCookies .siteCookies__form .siteCookies__link {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 8px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .04em !important;
    white-space: normal !important;
  }
}

/* ── Kontrast (PageSpeed – Dostupnosť): sivý text na kartách produktov mal 4:1, treba aspoň 4,5:1 ── */
.p .product-appendix, .p .price-measure, .p .p-desc, .p .price-standard, .p .price-standard span { color: #5c5e6b !important; }
/* štítok „Doprava zadarmo“: biely text na limetkovej (1,8:1) → čierny */
.flag.flag-freeshipping, .flag.flag-freeshipping .flag-text { color: #0d0d0c !important; }
/* úvod „Náš príbeh“: malý nadpis má opacity .55 na krémovej (4,2:1) → .65 (5,8:1) */
.welcome__left-panel div[style*="opacity: 0.55"] { opacity: .65 !important; }
/* hodnotenia: priemer 5,0 zlatý na bielej (1,8:1) → čierny (hviezdičky ostávajú zlaté), počty „47x“ čierne */
.rate-wrap .rate-average { color: #0d0d0c !important; }
.rate-wrap .rate-count { color: #0d0d0c !important; }
/* dátum pri recenziách (#7c7e8f na bielej, 4:1) */
.vote-time { color: #5c5e6b !important; }
