/* 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: #2f3c66;
  --obchod-sekundarni: #00245d;
  --obchod-akcent: #b3261e;
  --obchod-pozadi: #ffffff;
  --obchod-text: #00245d;
  --obchod-odkaz: #2f3c66;
  --obchod-hlavicka: #ffffff;
  --obchod-navigace: #f3f1ee;
  --obchod-patice: #eef3f9;
  --obchod-fokus: rgba(47, 60, 102, 0.3);
  --cmf-slaby: #596d8e;
  --cmf-ramecek: #c7cfdb;
  --cmf-lehke: #edf0f4;
  --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) ===== */
/* Přistýlka.cz - 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; }
}

/* ---- původní vzhled pristylka.cz: obloha s mraky (stará šablona, sky.jpg) a stránka jako "papír" se stínem po stranách ---- */
:root { --bs-obsah-max: 1320px; }
body { background: #fff url(../images/obchod/sky.jpg) top center repeat-x; font-variant-numeric: lining-nums; }
#header-wrapper, #mainWrapper, #footer-wrapper { max-width: var(--bs-obsah-max); margin-left: auto; margin-right: auto; background: #fff;
  box-shadow: -14px 0 22px -10px rgba(0, 36, 93, .24), 14px 0 22px -10px rgba(0, 36, 93, .24); }
/* hlavička bez ořezu (nabídka Všechny kategorie přesahuje dolů); zaoblení horních rohů nese tmavá horní lišta */
#header-wrapper { margin-top: 1.1rem; display: flow-root; border-radius: 1.25rem 1.25rem 0 0; }
.bs-hlavicka-lista { border-radius: 1.25rem 1.25rem 0 0; }
#headerWrapper.bs-hlavicka { background: transparent; border-radius: 1.25rem 1.25rem 0 0; }
.bs-hlavicka-lista-odkazy { display: flex; align-items: center; margin: 0; line-height: 1; }
.bs-hlavicka-lista-odkazy .list-inline-item { display: flex; align-items: center; line-height: 1.2; }
/* patička vyplní celou šířku papíru a kopíruje zaoblené spodní rohy */
#footer-wrapper { margin-bottom: 1.5rem; border-radius: 0 0 1.25rem 1.25rem; overflow: hidden; padding-left: 0; padding-right: 0; }
#footer-wrapper > .row { margin-left: 0; margin-right: 0; margin-top: 0 !important; }
#footer-wrapper > .row > .col { padding-left: 0; padding-right: 0; }
#footerWrapper { padding-left: var(--bs-okraj); padding-right: var(--bs-okraj); padding-bottom: 1rem; }
/* zbarvené pruhy přes celou šířku okna se uvnitř papíru zužují na šířku papíru */
.bs-hero--panel { box-shadow: none; clip-path: none; margin-top: -1.5rem; margin-left: calc(var(--bs-okraj) * -1); margin-right: calc(var(--bs-okraj) * -1); padding-left: var(--bs-okraj); padding-right: var(--bs-okraj); }
.bs-kroky::before { box-shadow: none; clip-path: none; inset: 0 calc(var(--bs-okraj) * -1); }
/* logo na béžové desce jako na původním webu */
.bs-hlavicka-logo a#hdr-img { display: inline-block !important; padding: .5rem 1.1rem; border-radius: 1rem; background: #eeebe6; }
/* navigační lišta: béžová, tlačítko Všechny kategorie zaoblené; od 1200 px vždy na jeden řádek (majitel 2026-10-14) */
@media (min-width: 992px) {
  #navMain .bs-nav .nav-link { white-space: nowrap; font-size: .875rem; padding-left: .5rem; padding-right: .5rem; }
  .bs-vsechny-kategorie-tlacitko, .bs-vsechny-kategorie-tlacitko:visited { height: auto; min-height: 2.5rem; margin: .5rem .5rem .5rem 0; padding: 0 .9rem; border-radius: .6rem; }
}
@media (min-width: 1200px) { #navMain .bs-nav-seznam { flex-wrap: nowrap; } }
@media (min-width: 992px) and (max-width: 1199.98px) { #navMain .bs-nav .nav-link { font-size: .8125rem; } }
/* odkazy: tlačítka a dlaždice bez podtržení (původní web měl čisté tmavě modré odkazy) */
a.btn, a.btn:visited, a.btn:hover, .centerBoxContents a, .categoryListBoxContents a { text-decoration: none; }
.centerBoxContents a:hover, .categoryListBoxContents a:hover { text-decoration: underline; }
/* karty a drobečky v béžové jako na původním webu */
.card-header { background-color: #f3f1ee; border-bottom-color: #e6e2da; }
#navBreadCrumb .breadcrumb { background: #f3f1ee; }
#navBreadCrumb .breadcrumb li { white-space: nowrap; }
#navBreadCrumb .breadcrumb li:last-child { white-space: normal; }
.sideBoxContent .list-group-item { gap: .6rem; }
.sideBoxContent .list-group-item .badge { flex: 0 0 auto; }
#ProductNotifications-card-body img { display: none; }
/* tablet: papír má po stranách kousek oblohy */
@media (min-width: 768px) and (max-width: 1343.98px) { body { padding-left: .75rem; padding-right: .75rem; } }
@media (max-width: 991.98px) { .bs-hlavicka-logo { flex: 0 1 auto; } }
@media (max-width: 767.98px) {
  #header-wrapper { margin-top: 0; border-radius: 0; }
  .bs-hlavicka-lista, #headerWrapper.bs-hlavicka { border-radius: 0; }
  #header-wrapper, #mainWrapper, #footer-wrapper { box-shadow: none; }
  #footer-wrapper { margin-bottom: 0; border-radius: 0; }
  h1, .pageHeading { font-size: 1.6rem; line-height: 1.2; }
  .card-header, .card-header.h3, .card-header.h4 { font-size: 1.25rem; padding: .7rem 1rem; }
  .bs-dlazdice-detail, .bs-produkty--navrh .bs-dlazdice-detail { display: flex; align-items: center; justify-content: center; min-height: 2.75rem; }
  .bs-blok-vice { padding: .6rem 0; }
}
@media (max-width: 575.98px) {
  .bs-hlavicka-logo a#hdr-img { padding: .4rem .7rem; }
  .bs-hlavicka-kosik .cm-kosik { padding: .6rem .8rem; }
  .bs-hlavicka-kosik .cm-kosik-castka { display: none; }
}

.bs-hero-panel { background: #dce8f5; }