/*
 * edc_landingpage - front styles
 * Loaded ONLY on category pages that have an active landing page (see hookHeader).
 * Mapped to the deo_furniture theme (deotemplate builder, PrestaShop 8).
 * Colours that are configurable in the module are injected by views/templates/front/style.tpl;
 * this file only makes the theme's blocks transparent so those colours show through.
 */

/* ---------- Focus mode: hide navigation clutter ---------- */

body#category .breadcrumb {
    display: none;
}

/* blog widgets that deotemplate puts in the left column */
body#category #left-column #deo_categories_tree_menu,
body#category #left-column #blogPopularBlog,
body#category #left-column #blogRecentBlog,
body#category #left-column #tags_blog_block {
    display: none !important;
}

/* main menu is hidden on desktop; the countdown takes its slot (.center-top-header).
   On mobile the same megamenu block holds the off-canvas toggler, so it stays. */
@media (min-width: 992px) {
    body#category #header .center-top-header .DeoMegamenu {
        display: none !important;
    }
}

/* ---------- Transparent theme blocks ---------- */

body#category #header,
body#category #header .header-container,
body#category #header .header-banner,
body#category #header .header-nav,
body#category #header .header-top,
body#category #header .header-top .inner,
body#category #header .nav-fullwidth {
    background: transparent !important;
    box-shadow: none !important;
}

body#category #left-column .block,
body#category #left-column #block-categories,
body#category #search_filters_wrapper,
body#category #search_filters,
body#category #search_filters .facet,
body#category #js-product-list-top,
body#category #js-product-list .pagination,
body#category .subcategory-block,
body#category .product-miniature .thumbnail-container,
body#category .product-miniature .thumbnail-container:hover,
body#category .product-miniature .product-meta {
    background: transparent !important;
    box-shadow: none !important;
}

/* text in the sidebar / filters / listing follows the page colour set in the module */
body#category #left-column #block-categories a,
body#category #left-column #block-categories .collapse-icons,
body#category #search_filters_wrapper .title_block,
body#category #search_filters .facet-title,
body#category #search_filters .facet-label,
body#category #search_filters .facet-label a,
body#category #search_filters .magnitude,
body#category #search_filters .collapse-icons,
body#category #js-product-list-header .category-name,
body#category #subcategories .subcategory-heading,
body#category #subcategories .subcategory-name a,
body#category #js-product-list-top,
body#category #js-product-list-top .products-counter,
body#category #js-product-list-top .sort-by,
body#category #js-product-list-top .select-title,
body#category #js-product-list-top .showing,
body#category #js-product-list-top .display a,
body#category #js-product-list .pagination,
body#category #js-product-list .pagination .showing,
body#category #js-product-list .pagination a,
body#category .product-miniature .category-default a,
body#category .product-miniature .product-description-short,
body#category #category-description,
body#category .category-description {
    color: inherit !important;
}

body#category #category-description a,
body#category .category-description a {
    color: #36c0c8 !important;
}

body#category #js-product-list .pagination {
    border: 1px solid currentColor;
    padding: 15px 0;
}

/* ---------- "Back to site" button ---------- */

body#category .button-backtoshop {
    position: relative;
    width: 100%;
    margin: 10px 0 20px;
}

body#category .button-backtoshop a {
    display: inline-block;
    color: #fff;
    background: #868d91;
    padding: 5px 10px;
    border-radius: 2px;
}

/* ---------- Countdown ---------- */

body#category .countdown-timer {
    color: inherit;
    text-align: center;
}

body#category .countdown-timer .row {
    margin: 0;
}

body#category .countdown_text {
    width: 100%;
    margin: 0 0 10px;
    font-size: 18px;
    color: inherit;
}

body#category .countdown-timer .time {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    width: 100%;
}

body#category .countdown-timer .time h2,
body#category .countdown-timer .time span {
    margin: 0 6px 0 0;
    color: inherit;
}

body#category .countdown-timer .time small {
    margin-right: 20px;
    font-size: 18px;
}

/* desktop: sits in the header row, in the column of the main menu */
@media (min-width: 992px) {
    body#category #header .center-top-header .countdown-timer {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 80px;
        height: 100%;
    }
}

/* mobile: above the category title */
@media (max-width: 991px) {
    body#category #js-product-list-header .countdown-timer {
        margin: 15px 0;
    }

    body#category #js-product-list-header .countdown-timer .time span {
        font-size: 18px;
        font-weight: 700;
    }
}

@media (min-width: 991px) {
    #js-product-list-top {
        visibility: hidden !important;
    }
}
#main {
    margin-top: 25px !important;  
}





body#category .deo-countdown {
    display: none !important;
}


#content-wrapper h1.category-name:before {
    display: none;
}

@media (min-width: 991px) {
    .blockcontact_top a, #cart-block .cart-preview.active a {  
        color: #fff !important;
    }

    .popup-over .popup-title {
        color: #fff;
    }

    #cart-block .cart-products-count {
        color: #000 !important;
        background: #fff !important;
    }


    #header .header-top .row.box-top-header.DeoRow {
        background-color: #000 !important;
    }  

    .search-widget.popup-search .popup-title:before, .search-widget.popup-search .popup-title:after {
        background-color: #fff !important;
    }
}


@media (max-width: 991px) {

    .deo-nav-mobile .DeoCartClone .deo-cart-solo .icon-cart-sidebar-wrapper .icon-cart-sidebar:before {
        color: #000;
    }
    
    #js-product-list-top, #content-wrapper h1.category-name {
        margin-top: 30px !important;
    }
    
    
}