/* 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: #b45309;
  --obchod-sekundarni: #2b1d0e;
  --obchod-akcent: #b3261e;
  --obchod-pozadi: #ffffff;
  --obchod-text: #2b1d0e;
  --obchod-odkaz: #a54c08;
  --obchod-hlavicka: #ffffff;
  --obchod-navigace: #ffffff;
  --obchod-patice: #fbf7f1;
  --obchod-fokus: rgba(180, 83, 9, 0.3);
  --cmf-slaby: #746b63;
  --cmf-ramecek: #d0cdca;
  --cmf-lehke: #f0efee;
  --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) ===== */
/* Taštičkové matrace - CSS obchodu (VYGENEROVÁNO tools/nove_satelity/generuj_satelity.py, ruční změny patří do generátoru). Barvy z proměnných palety (--obchod-*). */

/* horní lišta: tmavá, bílý text (výhody vlevo, účet a porovnávač vpravo) */
.bs-hlavicka-lista { background: var(--obchod-sekundarni); border-bottom: 0; color: #fff; }
.bs-hlavicka-lista a, .bs-hlavicka-lista a:visited, .bs-hlavicka-lista a:hover { color: #fff; }
.bs-hlavicka-lista a:hover { text-decoration: underline; }
.bs-hlavicka-lista-vnitrek { min-height: 2.25rem; }

/* hledání: tlačítko v barvě obchodu */
.bs-hlavicka-hledani input[name="keyword"] { border-radius: 999px 0 0 999px; padding-left: 1.25rem; color: var(--cmf-slaby); }
.bs-hlavicka-hledani input[name="keyword"]::placeholder { color: var(--cmf-slaby); opacity: 1; }
.bs-hlavicka-hledani .input-group-append .btn, .bs-hlavicka-hledani .input-group-append input[type="submit"], .bs-hlavicka-hledani .input-group-append button { background: var(--obchod-primarni); border-radius: 0 999px 999px 0; }
.bs-hlavicka-hledani .input-group-append .btn:hover, .bs-hlavicka-hledani .input-group-append button:hover { background: var(--obchod-sekundarni); }

/* košík: tmavá pilulka */
.bs-hlavicka-kosik .cm-kosik { background: var(--obchod-sekundarni); border-color: var(--obchod-sekundarni); border-radius: 999px; color: #fff; box-shadow: none; }
.bs-hlavicka-kosik .cm-kosik:hover { background: var(--obchod-primarni); border-color: var(--obchod-primarni); color: #fff; }
.bs-hlavicka-kosik .cm-kosik i { color: #fff; }
.bs-hlavicka-kosik .cm-kosik .cm-kosik-castka::before { color: rgba(255, 255, 255, .75); }

/* navigace: běžný text místo verzálek */
@media (min-width: 992px) {
  #navMain .bs-nav .nav-link { text-transform: none; font-size: .9375rem; letter-spacing: 0; font-weight: 600; }
}