/* Kod zbozi text */
/* .p-code {} */

/* Kod zbozi blok */
/* ok funguje 3/2/22 */
.products-block .p-code {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #FFFFFF;
}

/* Tlacitko koupit */
.btn.btn-cart.add-to-cart-button {
  background-color: #FFD712;
  color: #000;
  border-color: #FFFFFF;
  border-radius: 10px;
}

/* SEKCE: ------------------ HLAVNI STRANA ZBOZI START ------------------ */
/* Zmena barvy fontu filtr zbozi */
#category-header.category-header {
  color: #5C5C5C;
}

/* SEKCE: ------------------ HLAVNI STRANA ZBOZI KONEC ------------------ */
/* SEKCE: ------------------ DETAIL ZBOZI START ------------------ */

/* Tlacitko koupit v detailu zbozi */
/* ok funguje 3/2/22 */
.btn.btn-conversion, a.btn.btn-conversion, .btn.btn-cart, a.btn.btn-cart {
  color: #fff;
  border-color: #fff;
  background-color: #ffd412;
  color: #000;
  font-size: 1.5rem;
}

/* Zvetsuji tlacitko koupit v detailu zbozi na celou sirku divu */
/* ok funguje 3/2/22 */
#product-detail-form div div.col-xs-12.col-lg-6.p-info-wrapper div.add-to-cart button {
  width: 100%;
  font-weight: bold;
}

/* Odstranuje sipku z tlacitka do kosiku */
/* ok funguje 3/2/22 */
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {
  content: '';
}

/* Odstranuje pocet ks ktere lze pridat do kosiku */
/* ok funguje 3/2/22 */
.add-to-cart span.quantity {
  /* background-color: #B12704; */
  display: none
}

/* Zmena velikosti poctu dostupnych ks a schovani ks na hlavni strane */
/* ok funguje 3/2/22 */
#products-32 span.availability-amount {
  font-size: 1.4rem;
  /* background-color: #B12704; */
  display: none;
}

/* Zmena barvy % slevy u zbozi nad cenou v detailu */
.p-final-price-wrapper span.price-save {
  color: #E67A01;
  font-weight: bolder;
  font-size: 3rem;
}

/* SEKCE: ------------------ DETAIL ZBOZI KONEC ------------------ */

#products.products.products-page.products-block a.name:hover {
  text-decoration: underline;
  color: #B12704;
}

/* Hlavni Strana Vypis produktu nazev zbozi podtrhnout a obarvit pri hover */
/* ok funguje 3/2/22 */
#products-32 #product a:hover {
  text-decoration: underline;
  color: #E67A01;
}

/* Pod-Strana zbozi Vypis produktu nazev zbozi podtrhnout a obarvit pri hover */
/* ok funguje 3/2/22 */
#productsTop .p-in a:hover {
  text-decoration: underline;
  color: #E67A01;
}

.p-in a:hover {
  text-decoration: underline;
  color: #E67A01;
}

/* Kategorie v levem menu, pridava levy prouzek */
/* ok funguje 3/2/22 */
.categories li.active>a {
  color: #666666;
  background-color: #F6F6F6;
  border: #0088bf;
  border-left: 2px solid #23303E;
}

/* Kategorie v levem menu, zvolena polozka, vypina background color a prebarvi na barvu */
/* ok funguje 3/2/22 */
.categories li.active a:hover {
  background-color: #F6F6F6;
  color: #23303F;
}

/* Kategorie v levem menu, pridava underline */
/* ok funguje 3/2/22 */
#categories div a:hover {
text-decoration: underline;
}

/* SEKCE: ------------------ HORNI LISTA MENU START ------------------ */
/* Menim pozadi menu */

/* .navigation-in.menu {
  background-color: #FFFFFF;
} */

/* Text horniho menu odkazu */
.navigation-in.menu a:hover {
  color: #23303E;
  /* text-decoration: underline; */
}

/* Text horniho menu odkazu */
.navigation-in.menu a {
  /* color: #23303E; */
  color: #FFFFFF;
  font-size: 1.5rem;
}

/* Mezery v Horni liste menu */
.navigation-in ul li {
  border: 0px;
  border-color: #23303E;
}

/* ROZPRACOVANO HORNI IMG V KATEGORIICH MENU  zmena velikosti */
/* #navigation div ul li.menu-item-1317.ext ul li.menu-item-718.has-third-level a img {} */

/* SEKCE: ------------------ HORNI LISTA MENU KONEC ------------------ */
/* Dostupny pocet ks za polozkou Skladem */

.availability-value .availability-amount {
  font-size: 1.4rem;
}

/* Horni lista menu. Responsivni pro mobily - prepne hamburger menu na bile pozadi*/

@media only screen and (max-width: 768px) {

.navigation-in.menu {
  background-color: #FFFFFF;
  /* background-color: #B12704; */
}

.navigation-in.menu a {
  color: #000000;
  font-size: 20px;
  font-weight: bold;

}

  /* Skryvam na mobilu tlacitko Koupit / Pridat do kosiku */
  .p .name {
    color: #01275B;
  }

  /* Strom kategorií */
  .categories a {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-bottom-style: none;
    border-bottom-width: 0;
    line-height: 1.2;
    text-decoration: none;
  }

  /* Kategorie - seznam s ikonami nahore nad produkty */
  /* Upravil jsem pozadi a border color */

  .subcategories .with-image {
    border-color: #dadada;
    background-color: #B12704;
    /* background-color: #F6F6F6; */
    color: #000000;
  }

  /* Kategorie - seznam s ikonami nahore nad produkty */
  /* Snizil jsem padding na 5px z 10px */
  .subcategories li {
    list-style: none;
    flex: 0 0 auto;
    padding: 5px;
  }

    /* Underline na kategorie linky v levem menu */
  #categories a:hover {
    text-decoration: underline;
  }

  #categories .active {
    background: #F6F6F6;
  }


  /* Sleva kulate razitko - v prehledu zbozi */
  .flags-extra .flag {
    width: 120%;
    height: 120%;
    margin-left: -8px;
    border-radius: 100%;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  /* Barva slevoveho kolecka */
  .flag.flag-discount {
    /* background-color: #B12704; */
    /* background-color: #ffc807; */
    background-color: #E67A01;
    border-radius: 10%;
    /* display: none; */
  }

  /* Skryju cenu z bubliny a nechavam jen % slevu */
  div.flags.flags-extra span.flag.flag-discount span.price-standard {
    display: none;
  }

  /* Defaultni button barva ( hledat, dalsi atd ) */
  .btn.btn-default, a.btn.btn-default {
    color: #000000;
    /* border-color: #000000; */
    background-color: #ffc807;
  }

  /* Filtr - menim padding z 5px na 2px */
  .filter-label {
    display: flex;
    align-items: center;
    padding-top: 1px;
    padding-bottom: 0px;
  }

  .top-navigation-bar {
    background-color: #ffc807;
  }

  /* Filtr produktu vlevo dole - count menim barvu na sedou */
  .filter-count {
    color: #C3C3C3;
    font-weight: 400;
    font-size: 1rem;
  }

  /* Drobeckova navigace - v jake jsem kategorii - menim barvu pisma */

  .breadcrumbs {
    /* color: #b2b2b2; */
    color: #24313E;
    font-weight: 700;
    /* height: 25px; */
  }

  .breadcrumbs a {
    /* color: #b2b2b2; */
    color: #24313E;
    font-weight: 400;
  }

  .breadcrumbs span a {
    /* height: 1px; */
  }

  .navigation-bullet {
    background-color: #B12704;
    color: #B12704;
  }

  /* Top listicka, menim barvu textu */
  .top-navigation-bar a, .top-navigation-bar .dropdown button {
    color: #24313E;
  }

  /* Kosik vpravo nahore cislo poctu ks v kosiku */
  .header-top .btn.cart-count {
    position: relative;
    padding: 0;
    font-size: 16px;
    color: #B12704;
  }
