/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 /* #header{ background: red !important; } */

 body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    width: 100%;
    overflow-x: hidden;
 }
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
 }
 .top-menu a[data-depth="0"], .top-menu a {
    font-size: .8rem;
    font-weight: 500 !important;
    padding: 0.2rem;
}



.top-menu .sub-menu ul[data-depth="1"]>li {
    width: 100%;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: none !important;
    margin: 0 0.25rem;
}
#header .menu>ul>li {
    position: relative;
}

#search_widget {
    margin-top: 4px;
}
.entry-content {
    width: 100% !important;
}
.block-category {
    min-height: unset;
     margin-bottom: unset;
}
#subcategories {
    display: none;
}
.top-menu .sub-menu {
   
 width: unset !important; 
 min-width: unset !important;
}
.block-categories {

    display: none;
}
.active_filters {

    background: #ffffff;
}
.active_filters .filter-block {

    border: 1px solid #CCC;
}
.active_filters .active-filter-title {

    font-weight: 300;
}
.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {

    font-size: .8rem;
}

@media only screen and (min-width: 992px){
        #search_widget {
            min-width: 16.5rem;
            max-width: 80%;
            width: 100%;
        }
}

#search_widget form input {

    background-color: #cccccc24;

}
#search_widget form input {
    background-color: #cccccc24;
    border: 1px solid #FFF;
    transition: border, background 2s;
}
#search_widget form input:active, #search_widget form input:focus {
    border: 1px solid #CCC;
    background: #FFF;
    transition: border, background 2s;
}
.ui-widget {
    font-family: unset;
    font-size: .8rem;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px 0.4em;
    line-height: 2rem;
    min-height: 0;
    font-weight: 300;
}
.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
    width: 30px;
}
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {
    font-weight: 300;
    font-size: .9rem;
}

.footer-container li a {
    font-size: .875rem;
    color: #2a2a2a;
    font-weight: 300;
}
.block-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}
#footer {
    padding-top: 0.5rem;
}
ul.contact_data {
    color: #000;
    font-weight: 300;
    font-size: 90%;
}
li.location {
    font-weight: 500;
}
.footer-container .h3, .footer-container .h4 {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700 !important;
    color: #000 !important;
}
.category {
    padding: 0 5px 0px 5px;
}

.product-prices .tax-shipping-delivery-label {
        display: inline;
}
button#open-chart {
    display: none !important;
}
span#lowest-discount {
    display: none;
}
.contact-rich .block:nth-of-type(3) {
    height: auto;
    overflow: hidden;
    display: none;
}
span.sph-line {
    font-size: 11px !important;
}
#lowest-price {
    width: 100%;
    margin: 0 !important;; 
}
.product-information .product-description {
    display: none !important;
}
.product-description {
    line-height: 1.75em;
}
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
    text-transform: none !important;
}
/*=========*/

/* =========================================
   POPRAWKI: LOGO, WYSZUKIWARKA, MENU
   ========================================= */

@media only screen and (min-width: 768px) {
    
    /* 1. WYSZUKIWARKA I KONTAKT W POZIOMIE */
    .header-nav .col-md-9.col-xs-12 {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }
    #_desktop_contact_link {
        flex: 0 0 auto;
        margin-right: 30px;
    }
    #_desktop_contact_link #contact-link {
        margin-top: 0 !important; /* Wyśrodkowanie w pionie z wyszukiwarką */
    }
    #search_widget {
        flex: 1 1 auto;
        width: 100%;
        max-width: 400px;
        margin-top: 3px;
    }

    /* 2. NAPRAWA NIEWIDOCZNEGO LOGO */
    #header .header-top > .container > .row:first-of-type {
        display: flex;
        align-items: center;
        flex-wrap: nowrap; /* Zapobiega uciekaniu menu pod logo */
    }
       #_desktop_logo {
        flex: 0 0 10%;
        max-width: 11%;
        display: block !important;
        visibility: visible !important;
    }
        #_desktop_logo img.logo {
        width: 70px;
        max-width: 100px;
        height: auto;
        display: block;
    }

    /* 3. MENU GŁÓWNE W POZIOMIE */
    .header-top-right {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    #header .menu > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 0;
    }
    #header .menu > ul > li {
        white-space: nowrap; /* Zakazuje łamania tekstu (np. w "Sklep Medyczny") */
    }

    .top-menu .sub-menu {
                margin-left: 0 !important;
    }
    p.pqnp-subscribe-description {
    font-size: 10px;
    }
    a.btn.btn-primary {
        font-size: .9rem;
    }
   
}