/* ============================================================ Sjednocení barev — bazaroveregaly.cz Systém: modrá = navigace + akce | ČERVENÁ = výhradně sleva zelená = jen "skladem" | žlutá/oranžová = zrušeno Vytvořeno: 2026-06-19 Nasazení viz head-snippet.html (prolink v ) nebo vložit obsah do Vzhled a obsah → Editor vzhledu → Vlastní CSS. ============================================================ */ :root { --c-brand: #239ceb; --c-brand-cta: #1577c2; --c-brand-cta-dk: #11629f; --c-sale: #d7263d; --c-sale-dk: #b71d31; --c-instock: #2e7d32; --c-ink: #1f1f1f; --c-muted: #767676; --c-border: #dadada; } /* 1) SLEVA = ČERVENÁ ----------------------------------------- */ .flag.flag-discount, .flag.flag-akce-vyprodej { background-color: var(--c-sale) !important; color: #fff !important; } /* text uvnitř slevové vlajky zůstává bílý (čitelný na červené) */ .flag-discount .price-save, .flag-discount .price-standard, .flag-discount span, .flag-akce-vyprodej span { color: #fff !important; } /* mimo vlajku: samostatná úspora červeně, přeškrtnutá cena šedě */ .price-save { color: var(--c-sale) !important; } .price-standard { color: var(--c-muted) !important; } .price-final { color: var(--c-ink); } /* 2) BRAND modrá: odkazy + sjednocení druhé modré + filtr ----- */ a { color: var(--c-brand); } a:hover { color: var(--c-brand-cta-dk); } .menu-item a { border-color: var(--c-brand) !important; } .ui-slider-range, .ui-slider-handle { background-color: var(--c-brand) !important; border-color: var(--c-brand) !important; } .filter-more, .filter-more--more { color: var(--c-brand) !important; border-color: var(--c-brand) !important; } /* 3) PRIMÁRNÍ CTA "koupit": plná brand modrá ------------------ */ .btn.btn-cart, .btn.btn-lg, .btn.add-to-cart-button, .btn.btn-conversion { background-color: var(--c-brand-cta) !important; border-color: var(--c-brand-cta) !important; color: #fff !important; } .btn.btn-cart:hover, .btn.btn-cart:focus, .btn.btn-lg:hover, .btn.btn-lg:focus, .btn.add-to-cart-button:hover, .btn.add-to-cart-button:focus, .btn.btn-conversion:hover, .btn.btn-conversion:focus { background-color: var(--c-brand-cta-dk) !important; border-color: var(--c-brand-cta-dk) !important; } /* 4) SEKUNDÁRNÍ tlačítko: pryč žlutá/oranžová ----------------- */ .btn.btn-default { background-color: #fff !important; border-color: var(--c-border) !important; color: var(--c-ink) !important; } .btn.btn-default:hover, .btn.btn-default:focus { background-color: #f6f6f6 !important; border-color: var(--c-brand) !important; color: var(--c-brand-cta-dk) !important; } /* 5) DOSTUPNOST: jeden instock token (jen text) -------------- */ .availability-label { color: var(--c-instock) !important; } /* 6) VYHLEDÁVÁNÍ = akce -> modrá (scoped, filtrů se nedotkne) - */ .search-form .query-input, .search-form .search-input { border-color: var(--c-brand) !important; } .search-form .query-input:focus, .search-form .search-input:focus { border-color: var(--c-brand-cta) !important; box-shadow: 0 0 0 2px rgba(35, 156, 235, .2); } .search-form .btn.btn-default { background-color: var(--c-brand-cta) !important; border-color: var(--c-brand-cta) !important; color: #fff !important; } .search-form .btn.btn-default:hover, .search-form .btn.btn-default:focus { background-color: var(--c-brand-cta-dk) !important; border-color: var(--c-brand-cta-dk) !important; color: #fff !important; }