/* stylesheet_zz_obchod.css - GENEROVÁNO nástrojem tools/p5_barvy/barvy_obchodu.py z obchod.json (sekce "barvy" a "vzhled").
   Ruční úpravy zde se při další stavbě ztratí. Vlastní ruční CSS obchodu patří do vzhled/obchod.css (připojí se níže)
   nebo do site_specific_styles.php. Soubor se načte automaticky jako poslední z "stylesheet*.css" (zz). */

:root {
  --obchod-primarni: #1f2328;
  --obchod-sekundarni: #111417;
  --obchod-akcent: #e8590c;
  --obchod-pozadi: #ffffff;
  --obchod-text: #1f2328;
  --obchod-odkaz: #1f2328;
  --obchod-hlavicka: #ffffff;
  --obchod-navigace: #f4f5f6;
  --obchod-patice: #f4f5f6;
  --obchod-fokus: rgba(31, 35, 40, 0.3);
  --cmf-slaby: #6a6d70;
  --cmf-ramecek: #cecfd0;
  --cmf-lehke: #eff0f0;
  --obchod-zaobleni: 1rem;
  --obchod-zaobleni-tlacitek: .5rem;
  --obchod-font-telo: Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", "Segoe UI", sans-serif;
  --obchod-font-nadpisy: Avenir, Montserrat, Corbel, "URW Gothic", "Century Gothic", "Segoe UI", sans-serif;
}

body, input, button, select, textarea, .btn, .form-control, .custom-select, .dropdown-menu, .popover, .tooltip { font-family: var(--obchod-font-telo); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .leftBoxHeading, .rightBoxHeading, .centerBoxHeading, .card-header, .navbar-brand { font-family: var(--obchod-font-nadpisy); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 800; }
.card, .alert, .form-control, .custom-select, .dropdown-menu, .modal-content, .list-group-item, .page-link, .badge, .popover, .toast, .input-group-text, .progress { border-radius: var(--obchod-zaobleni); }
#navMainWrapper nav.navbar { border-bottom-left-radius: var(--obchod-zaobleni) !important; border-bottom-right-radius: var(--obchod-zaobleni) !important; }
.list-group-flush > .list-group-item { border-radius: 0; }
.card-header:first-child { border-radius: calc(var(--obchod-zaobleni) - 1px) calc(var(--obchod-zaobleni) - 1px) 0 0; }
.btn, .btn-group > .btn, button.button_in_cart { border-radius: var(--obchod-zaobleni-tlacitek); }
.card, .modal-content, .dropdown-menu, .btn, .navbar { box-shadow: none; }

/* --- mosty: komponenty Bootstrapu 4, které šablona nevybarvuje přes 129 barev (fokus, zaškrtávátka, aktivní položky, odznaky) --- */
.form-control:focus, .custom-select:focus { border-color: var(--zca_button_background_color); box-shadow: 0 0 0 .2rem var(--obchod-fokus); }
.btn:focus, .btn.focus, .page-link:focus, .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .2rem var(--obchod-fokus); }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: var(--zca_button_background_color); }
.custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: var(--zca_button_background_color); background-color: var(--zca_button_background_color); }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: var(--zca_button_background_color_hover); border-color: var(--zca_button_background_color_hover); }
.list-group-item.active, .nav-pills .nav-link.active, .nav-pills .show > .nav-link, .dropdown-item.active, .dropdown-item:active { color: var(--zca_button_text_color); background-color: var(--zca_button_background_color); border-color: var(--zca_button_background_color); }
.badge-primary, .bg-primary { color: var(--zca_button_text_color) !important; background-color: var(--zca_button_background_color) !important; }
.text-primary { color: var(--zca_button_link_color) !important; }
.border-primary { border-color: var(--zca_button_background_color) !important; }
.btn-outline-primary { color: var(--zca_button_link_color); border-color: var(--zca_button_background_color); background-color: transparent; }
.btn-outline-primary:hover { color: var(--zca_button_text_color); background-color: var(--zca_button_background_color); }
.progress-bar { background-color: var(--zca_button_background_color); }
.nav-tabs .nav-link.active { color: var(--zca_body_text_color); }
::selection { background: var(--obchod-fokus); }

#hdr-img img { max-width: 100%; height: auto; }

/* ===== vzhled/obchod.css (ručně psané CSS obchodu) ===== */
/* Ermax.cz - CSS obchodu: hlavička podle návrhu (světlá lišta s výhodami, logo s ikonou, vyhledávání s oranžovým tlačítkem, tmavý košík, jednořádková nabídka).
   Barvy z proměnných palety (--obchod-*). */

/* horní lišta */
.bs-hlavicka-lista { background: #f4f5f6; border-bottom: 1px solid #ececee; color: #4b5157; font-size: .78rem; }
.bs-hlavicka-lista a, .bs-hlavicka-lista a:visited { color: #4b5157; }
.bs-hlavicka-lista-vnitrek { min-height: 2.1rem; }

/* hlavní řádek: logo, vyhledávání, účet, košík; telefon je v horní liště */
.bs-hlavicka-telefon { display: none !important; }
.bs-hlavicka-hledani input[name="keyword"] { border: 1px solid #d6dade; border-radius: 8px 0 0 8px; height: 2.9rem; font-size: .95rem; padding-left: 1rem; }
.bs-hlavicka-hledani input[name="keyword"]::placeholder { color: #8a9096; }
.bs-hlavicka-hledani button, .bs-hlavicka-hledani .btn { background: var(--obchod-akcent, #e8590c) !important; border-color: var(--obchod-akcent, #e8590c) !important; color: #fff !important; border-radius: 0 8px 8px 0; min-width: 3.2rem; }
.bs-hlavicka-kosik { background: #1f2328; color: #fff; border: 0; border-radius: 8px; }
.bs-hlavicka-kosik a, .bs-hlavicka-kosik a:visited, .bs-hlavicka-kosik * { color: #fff; }
.bs-hlavicka-kosik .cm-kosik { background: #1f2328; border-color: #1f2328; box-shadow: none; }
.bs-hlavicka-kosik .cm-kosik:hover { border-color: var(--obchod-akcent, #e8590c); }
.bs-hlavicka-kosik .cm-kosik-castka::before { color: #b8bec4; }
.bs-hlavicka-kosik .cm-kosik i { color: var(--obchod-akcent, #e8590c); }
.bs-hlavicka-kosik .cm-kosik-pocet { background: var(--obchod-akcent, #e8590c); color: #fff; }

/* nabídka: tlačítko Všechny kategorie + 7 nejdůležitějších skupin, velká písmena, aktivní položka podtržená akcentem */
.bs-nav { background: #fff; border-bottom: 1px solid #ececee; }
.bs-nav .bs-vsechny-kategorie-tlacitko { background: transparent; color: var(--obchod-text, #1f2328); border: 0; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; }
.bs-nav-seznam .nav-link { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; color: var(--obchod-text, #1f2328); border-bottom: 2px solid transparent; padding: .9rem .9rem; }
.bs-nav-seznam .nav-item.active .nav-link, .bs-nav-seznam .nav-link:hover { border-bottom-color: var(--obchod-akcent, #e8590c); color: var(--obchod-akcent, #e8590c); }
@media (min-width: 992px) {
    .bs-nav-seznam > li.bs-nav-kategorie:nth-child(n+8) { display: none !important; }
    .bs-nav-seznam { flex-wrap: nowrap; }
}

/* patička: klidná, světlá */
#navSuppWrapper, .bs-patice { background: #f6f7f8; }