/* =====================================================
   HLAVNI NADPISY
   ===================================================== */

#content-in h1 {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}


/* =====================================================
   DETAIL PRODUKTU
   ===================================================== */

#content-in #product-detail-h1 h1 {
    font-size: 23px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* =====================================================
   HLAVNI NADPIS KATEGORIE
   ===================================================== */

body.type-category #content-in > h1 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}


/* =====================================================
   PODKATEGORIE
   ===================================================== */

#subcategories .subcategories-single > a.cc-main-cat,
#subcategories .subcategories-single > a.cc-main-cat > span.text {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =====================================================
   PRODUKTOVE KARTY
   ===================================================== */

li.product .p-name {
    height: auto !important;
}

li.product .p-name span[data-testid="productCardName"] {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #000 !important;
}


/* =====================================================
   STITKY AKCE / NOVINKA / TIP / VYPRODEJ
   ===================================================== */

li.product .boolean-icons .bool-icon-single {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1px !important;
}


/* =====================================================
   HORNI MENU
   ===================================================== */

#menu a[data-testid="headerMenuItem"] {
    font-weight: 600 !important;
    letter-spacing: .1px !important;
}


/* =====================================================
   DROBECKOVA NAVIGACE
   ===================================================== */

#navigation,
#navigation span,
#navigation span a {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

#navigation span {
    color: #666 !important;
}

#navigation span a {
    color: #555 !important;
}

#navigation span a:hover {
    color: var(--color-primary) !important;
}

#navigation .navigation-bullet {
    color: #aaa !important;
    font-weight: 400 !important;
}


/* =====================================================
   RAZENI PRODUKTU
   ===================================================== */

#category-tabs .tab-single label {
    font-weight: 600 !important;
    letter-spacing: .1px !important;
    text-transform: uppercase !important;
}


/* =====================================================
   LEVE HLAVNI KATEGORIE
   ===================================================== */

#categories > .categories > .topic > a {
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: #111 !important;
}

#categories > .categories.cat-active > .topic > a {
    font-weight: 700 !important;
}


/* =====================================================
   HOMEPAGE
   ===================================================== */

#welcome::before,
#welcome::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

#welcome {
    padding-top: 0 !important;
}

#welcome h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    margin-bottom: 14px !important;
}


/* =====================================================
   HLAVICKA
   ===================================================== */

#header-in {
    background: #F3F0EC !important;
    background-image: none !important;
    margin-bottom: 0 !important;
}

.header-content,
.header-content::before,
.header-content::after,
.header-info,
.header-center {
    background-image: none !important;
    background-color: #F3F0EC !important;
}


/* =====================================================
   PORADNA - TYPOGRAFIE
   ===================================================== */

.pk-poradna-box > h3.topic,
.pk-poradna-box > h3.topic a {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.pk-poradna-box article {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.pk-poradna-box article a {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

.pk-poradna-box article time,
.pk-poradna-box article .date {
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #777 !important;
}


/* =====================================================
   DOPORUCUJEME - NAZVY PRODUKTU
   ===================================================== */

.p-list-descr-name.p-name {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* =====================================================
   DOPORUCUJEME - CENY
   ===================================================== */

/* hlavni cena s DPH */
.p-list-price .p-final-price {
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: #333 !important;
    margin: 2px 0 3px 0 !important;
}

/* popisek nad hlavni cenou */
.p-list-price .p-final-price::before {
    content: "Vaše cena";
    display: block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    color: #333;
    margin-bottom: 2px;
}

/* cena bez DPH */
.p-list-price .p-additional-price {
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    color: #777 !important;
    margin-bottom: 2px !important;
}

/* dostupnost */
.p-list-price .p-list-availability {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin-top: 3px !important;
}


/* =====================================================
   MOBIL
   ===================================================== */

@media (max-width: 767px) {

    #content-in h1 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        margin-bottom: 14px !important;
    }

    #content-in #product-detail-h1 h1 {
        font-size: 21px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        margin-bottom: 12px !important;
    }

    body.type-category #content-in > h1 {
        font-size: 22px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
        margin-bottom: 14px !important;
    }

    #subcategories .subcategories-single > a.cc-main-cat,
    #subcategories .subcategories-single > a.cc-main-cat > span.text {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    li.product .p-name span[data-testid="productCardName"] {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    #navigation,
    #navigation span,
    #navigation span a {
        font-size: 11px !important;
    }

    #welcome h1 {
        font-size: 24px !important;
    }

}


/* =====================================================
   DESKTOP HLAVICKA
   ===================================================== */

@media (min-width:1025px) {

    .header-info {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

    .header-info > div:nth-child(1) {
        display: none !important;
    }

    .header-info > div:nth-child(2) {
        width: auto !important;
        flex: 1 1 auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .header-info a[href^="tel:"],
    .header-info a[href^="mailto:"] {
        text-transform: none !important;
    }

    .header-info > div:nth-child(3) {
        width: auto !important;
        flex: 0 0 auto !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
    }

    .header-center {
        display: flex !important;
        align-items: center !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .header-center > div:nth-child(1) {
        width: 30% !important;
        float: none !important;
    }

    #logo {
        transform: scale(.88);
        transform-origin: left center;
    }

    .header-center > div:nth-child(2) {
        width: 48% !important;
        float: none !important;
    }

    .header-center .searchform {
        width: 80% !important;
        margin: 0 auto !important;
        background-color: #fff !important;
        border: 1px solid #D5D0CB !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.12) !important;
        box-sizing: border-box !important;
    }

    .header-center .searchform input[type="text"],
    .header-center .searchform input[type="search"] {
        background-color: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .header-center .searchform .b-search {
        background-color: var(--color-primary) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .header-center > div:nth-child(3) {
        width: 22% !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    #header-cart-wrapper {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    #header-cart {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 9px !important;
    }

    #header-cart .header-cart-count {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }

    #header-cart .header-cart-count span {
        display: none !important;
    }

    #header-cart .header-cart-count::before {
        font-size: 27px !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    #header-cart .header-cart-price {
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #menu {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        background-color: #F3F0EC !important;
    }

    #menu > ul {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
    }

    #menu > ul > li {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: stretch !important;
    }

    #menu > ul > li > a {
        height: 40px !important;
        min-height: 40px !important;
        line-height: 40px !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        box-sizing: border-box !important;
    }

}
/* PORADNA – hlavní výpis článků */
.news-item .text .title {
    display: block;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    margin-bottom: 8px !important;
    text-decoration: none !important;
}

.news-item .text .title:hover {
    text-decoration: none !important;
}