/*Produkty připravujeme - skrytí */
.category-perex.empty-content.empty-content-category {
display: none;
}

/* Skryje prvek slider-wrapper, který je v rámci #filters */
#filters > .slider-wrapper {
    display: none;
}

/* Nastaví maximální výšku obrázku v odkazu uvnitř názvu stránky na neurčito */
#header .site-name a img {
    max-height: none;
}

/* Styly platné pro obrazovky od šířky 768px */
@media (min-width: 768px) {
    /* Nastaví menu-helper tak, aby se zobrazovalo níže a bylo vertikálně posunuto o -33px */
    .menu-helper {
        top: 100%;
        transform: translateY(-33px);
    }

    /* Nastaví výšku header-top na automatickou, aby se přizpůsobila obsahu */
    .header-top {
        height: auto;
    }
}

/* Nastaví první h3 v basic-description v rámci description na modrou barvu */
#description > div > div.basic-description > h3:nth-child(1) {
    color: #009cdd;
}

/* Nastaví odkazy s třídou project-phone a project-email na modrou barvu */
a.project-phone, a.project-email {
    color: #009cdd;
}

/* Nastaví barvu textu ve footeru u elementu span uvnitř h4 na modrou */
#footer h4 > span {
    color: #009cdd;
}

/* Nastaví tlačítko pro přihlášení v horní navigaci na modrou barvu */
a.top-nav-button-login {
    color: #009cdd;
}

/* Při najetí na obrázek v odkazu ho zvětší, zaoblí okraje a přidá pozadí */
a.image > img:hover {
    transition: 350ms;
    transform: scale(1.05);
    background-color: #f9f9f9;
    border-radius: 10px;
}

/* Nastaví kategorický titulek (h1) na polotučné písmo */
h1.category-title {
    font-weight: 600;
}

/* Skryje prvek s filtry malých boxů */
.box.box-sm.box-filters {
    display: none;
}

/* Skryje specifické filtry na sklad a výrobce */
#filters form[action="/action/ProductsListing/setStockFilter/"],
#filters #manufacturer-filter {
    display: none;
}

/* Zruší horní okraj pro filtry v sekci výrobce */
#filters #manufacturer-filter + .filter-section {
    border-top: 0;
}

/* Zmenší vnitřní výplň filtru typu Boolean na 5px shora a zdola */
#filters .filter-section.filter-section-boolean {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Nastaví mezery u titulků filtru a zvýrazní písmo */
.filter-section h4 {
    margin-bottom: 10px;
    font-weight: 600;
}

/* Nastaví horní a dolní výplň pro všechny sekce filtru kromě poslední */
.filter-section:not(:last-of-type) {
    padding-bottom: 30px;
    padding-top: 30px;
}

/* Zmenší horní výplň u druhé sekce filtru */
.filter-section:nth-of-type(2) {
    padding-top: 10px;
}

/* Zmenší dolní výplň u předposlední sekce filtru */
.filter-section:nth-last-of-type(2) {
    padding-bottom: 10px;
}

/* V mobilním zobrazení přenese kategorický header na začátek */
body.mobile.type-category #category-header {
    order: -1;
}

/* Zvětší a zvýrazní text odkazu s parametrem v produktu */
.products-block .p .widget-parameter-value a {
    font-size: 16px;
    font-weight: 600;
}

/* Při najetí na odkaz s parametrem produktu nastaví černou barvu a podtržení */
.products-block .p .widget-parameter-value a:hover {
    color: #000;
    text-decoration: underline;
}

/* Nastaví produkty v bloku na vertikální uspořádání (flex-column) */
.products-block .p {
    display: flex;
    flex-direction: column;
}

/* Přenese obrázek produktu na první místo */
.products-block .p a.image {
    order: 1;
}

/* Upraví obal pro parametry, aby se zobrazoval na druhém místě a měl vnitřní výplň */
.products-block .p .widget-parameter-wrapper {
    order: 2;
    padding-bottom: 9px;
    padding-top: 4px;
    margin-bottom: -30px;
}

/* Upraví vnitřní obal produktu tak, aby se zobrazoval na třetím místě s horním okrajem */
.products-block .p .p-in {
    order: 3;
    margin-top: 30px;
}

/* Přidá oddělovač "|" mezi hodnoty parametrů kromě poslední */
.widget-parameter-wrapper li.widget-parameter-value:not(:last-child):after {
    content: "|";
    color: #000000;
    display: inline;
}

/* Nastaví odsazení mezi parametry uvnitř widgetu */
.widget-parameter-wrapper .widget-parameter-value a {
    padding: 0 4px;
}

/* Styluje formulář pesForm s maximální šířkou 500px a centrováním */
#pesForm {
    max-width: 500px;
    margin: auto;
    padding: 20px;
}

/* Nastaví formátování pro všechny prvky uvnitř formuláře pesForm */
#pesForm label, #pesForm input, #pesForm select, #pesForm textarea {
    display: block;
    margin-bottom: 10px;
}

/* Skryje šedou za HP */
.homepage-box {
    background-color: #ffffff;
    border-bottom-color: #ffffff;
    border-top-color: #dadada;
}