/*
 * Tilt – Product brand archives
 * Consolidated clean version
 */

/* ---------- Page canvas ---------- */
body.tax-product_brand,
body.tax-product_brand .main-page-wrapper,
body.tax-product_brand #main-content,
body.tax-product_brand .wd-content-area,
body.tax-product_brand #main-content > .wd-content-area > #wpb-content-root {
    background: #08222f !important;
}

/* Pozadina isključivo glavnog sadržaja stranice brenda */

body.tax-product_brand #main-content,
body.tax-product_brand #main-content > .wd-content-area,
body.tax-product_brand
#main-content
> .wd-content-area
> #wpb-content-root {
    background-color: #08222f !important;
}


body.tax-product_brand #main-content.wd-content-layout {
    max-width: none !important;
    padding: 0 !important;
}

body.tax-product_brand .tilt-brand-catalog-section {
    margin: 0 !important;
    padding: 78px 15px 0 !important;
}

body.tax-product_brand .tilt-brand-catalog-inner {
    float: none !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
}


body.tax-product_brand .tilt-brand-hero-inner {
    float: none !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
}



/* ---------- Hero ---------- */
body.tax-product_brand .tilt-brand-hero {
    min-height: 520px !important;
    
}

body.tax-product_brand .tilt-brand-hero .wd-el-breadcrumbs {
    margin: 0 0 40px !important;
}

body.tax-product_brand .tilt-brand-hero .wd-breadcrumbs {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    color: #d7d9de !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

body.tax-product_brand .tilt-brand-hero .wd-breadcrumbs a {
    color: #d7d9de !important;
}

body.tax-product_brand .tilt-brand-hero .wd-breadcrumbs a:hover,
body.tax-product_brand .tilt-brand-hero .wd-breadcrumbs .wd-last,
body.tax-product_brand .tilt-brand-hero .wd-breadcrumbs .wd-delimiter {
    color: #6cc4ed !important;
}

/* ---------- Brand navigation ---------- */
body.tax-product_brand .tilt-brand-switcher-section {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: -38px auto 0 !important;
    padding: 0 44px !important;
    background: transparent !important;
}

body.tax-product_brand .tilt-brand-switcher-column,
body.tax-product_brand .tilt-brand-switcher-column > .vc_column-inner,
body.tax-product_brand .tilt-brand-switcher-column > .vc_column-inner > .wpb_wrapper,
body.tax-product_brand .tilt-brand-switcher-column .wpb_raw_code,
body.tax-product_brand .tilt-brand-switcher-column .wpb_raw_code > .wpb_wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.tax-product_brand .tilt-brand-switcher {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 20px !important;
    background: rgba(14, 48, 64, .94) !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24) !important;
    backdrop-filter: blur(18px) !important;
}

body.tax-product_brand .tilt-brand-link {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    border: 1px solid transparent !important;
    border-radius: 13px !important;
    color: rgba(255, 255, 255, .74) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: .24s ease !important;
}

body.tax-product_brand .tilt-brand-link:hover {
    border-color: rgba(255, 255, 255, .14) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
}

body.tax-product_brand.term-bagat .tilt-brand-bagat,
body.tax-product_brand.term-carina .tilt-brand-carina,
body.tax-product_brand.term-irobot .tilt-brand-irobot,
body.tax-product_brand.term-mamibot .tilt-brand-mamibot,
body.tax-product_brand.term-instant-pot .tilt-brand-instant-pot,
body.tax-product_brand.term-witt .tilt-brand-witt,
body.tax-product_brand.term-stadler-form .tilt-brand-stadler-form,
body.tax-product_brand.term-hisense .tilt-brand-hisense {
    padding-left: 34px !important;
    border-color: #F2B544 !important;
    background: #F2B544 !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(242, 181, 68, .24) !important;
}

body.tax-product_brand.term-bagat .tilt-brand-bagat::before,
body.tax-product_brand.term-carina .tilt-brand-carina::before,
body.tax-product_brand.term-irobot .tilt-brand-irobot::before,
body.tax-product_brand.term-mamibot .tilt-brand-mamibot::before,
body.tax-product_brand.term-instant-pot .tilt-brand-instant-pot::before,
body.tax-product_brand.term-witt .tilt-brand-witt::before,
body.tax-product_brand.term-stadler-form .tilt-brand-stadler-form::before,
body.tax-product_brand.term-hisense .tilt-brand-hisense::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    transform: translateY(-50%);
}

/* ---------- Catalog heading ---------- */
body.tax-product_brand .tilt-brand-catalog-header {
    max-width: 760px !important;
    margin: 0 0 38px !important;
}

body.tax-product_brand .tilt-brand-catalog-header,
body.tax-product_brand .tilt-brand-catalog-header h1,
body.tax-product_brand .tilt-brand-catalog-header h2,
body.tax-product_brand .tilt-brand-catalog-header h3 {
    color: #fff !important;
}

body.tax-product_brand .tilt-brand-catalog-header p {
    color: rgba(255, 255, 255, .68) !important;
}

/* ---------- Filters ---------- */
body.tax-product_brand .wd-product-filters-wrapp {
    width: 100% !important;
    margin: 0 0 38px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 22px !important;
    background: #0e3040 !important;
    box-shadow: 0 20px 52px rgba(0, 0, 0, .2) !important;
    overflow: visible !important;
}

body.tax-product_brand .wd-product-filters {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(156px, auto) !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
}

body.tax-product_brand .wd-product-filters > .wd-col,
body.tax-product_brand .wd-product-filters > div {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 44px 0 18px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 14px !important;
    background: #123b4d !important;
    color: #fff !important;
    cursor: pointer !important;
    transition: .24s ease !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-title:hover {
    border-color: rgba(108, 196, 237, .55) !important;
    background: #16485d !important;
}

body.tax-product_brand .wd-product-filters .title-text {
    overflow: hidden !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-title::after {
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    margin: 0 !important;
    color: #F2B544 !important;
    transform: translateY(-50%) !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-results {
    color: #6cc4ed !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-dropdown {
    margin-top: 10px !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 16px !important;
    background: #0e3040 !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .34) !important;
}

body.tax-product_brand .wd-product-filters .pf-value {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    border-radius: 9px !important;
    color: rgba(255, 255, 255, .76) !important;
    font-size: 13px !important;
}

body.tax-product_brand .wd-product-filters .pf-value:hover {
    background: rgba(108, 196, 237, .1) !important;
    color: #fff !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-btn {
    display: flex !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-btn button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 156px !important;
    height: 58px !important;
    padding: 0 24px !important;
    border: 1px solid #F2B544 !important;
    border-radius: 14px !important;
    background: #F2B544 !important;
    box-shadow: 0 14px 30px rgba(242, 181, 68, .22) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    transition: .24s ease !important;
}

body.tax-product_brand .wd-product-filters .wd-pf-btn button:hover {
    border-color: #fff !important;
    background: #fff !important;
    color: #08222f !important;
    transform: translateY(-2px) !important;
}

/* ---------- Toolbar ---------- */
body.tax-product_brand .tilt-brand-toolbar {
    display: flex !important;
    align-items: center !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 12px 4px 20px !important;
    color: rgba(255, 255, 255, .7) !important;
}

body.tax-product_brand .tilt-brand-toolbar,
body.tax-product_brand .tilt-brand-toolbar p,
body.tax-product_brand .tilt-brand-toolbar span,
body.tax-product_brand .tilt-brand-toolbar a {
    color: rgba(255, 255, 255, .7) !important;
}

body.tax-product_brand .tilt-brand-toolbar a:hover,
body.tax-product_brand .tilt-brand-toolbar a.current-variation {
    color: #fff !important;
}

/* ---------- Products ---------- */
body.tax-product_brand .tilt-brand-products-row {
    margin: 0 -15px !important;
    padding: 0 15px 58px !important;
    background: #08222f !important;
}

body.tax-product_brand .tilt-brand-products-row .wd-products {
    row-gap: 26px !important;
}

/* Keep product cards light and readable. */
body.tax-product_brand .tilt-brand-products-row .product-wrapper {
    background: #fff !important;
    color: #151822 !important;
}

/* ---------- Pagination ---------- */
body.tax-product_brand .woocommerce-pagination,
body.tax-product_brand .wd-pagination {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 48px 0 0 !important;
}

body.tax-product_brand .wd-pagination ul.page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.tax-product_brand .wd-pagination li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.tax-product_brand .wd-pagination a.page-numbers,
body.tax-product_brand .wd-pagination span.page-numbers {
    display: inline-flex !important;
    visibility: visible !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 50% !important;
    background: #0e3040 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

body.tax-product_brand .wd-pagination .page-numbers.current {
    border-color: #F2B544 !important;
    background: #F2B544 !important;
    color: #fff !important;
}

body.tax-product_brand .wd-pagination a.page-numbers:hover {
    border-color: #6cc4ed !important;
    background: #074c70 !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

body.tax-product_brand .wd-pagination .prev,
body.tax-product_brand .wd-pagination .next {
    width: auto !important;
    padding: 0 18px !important;
    border-radius: 24px !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
    body.tax-product_brand .tilt-brand-switcher-section {
        padding: 0 24px !important;
    }

    body.tax-product_brand .tilt-brand-switcher {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    body.tax-product_brand .wd-product-filters {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.tax-product_brand .wd-product-filters .wd-pf-btn {
        grid-column: 1 / -1 !important;
    }

    body.tax-product_brand .wd-product-filters .wd-pf-btn button {
        width: auto !important;
        min-width: 200px !important;
    }
}

@media (max-width: 767px) {
    body.tax-product_brand .tilt-brand-hero {
        min-height: 440px !important;
    }

    body.tax-product_brand .tilt-brand-switcher-section {
        margin-top: -28px !important;
        padding: 0 16px !important;
    }

    body.tax-product_brand .tilt-brand-switcher {
        min-height: 66px !important;
        padding: 9px 10px !important;
        border-radius: 17px !important;
    }

    body.tax-product_brand .tilt-brand-link {
        min-height: 46px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
    }

    body.tax-product_brand .tilt-brand-catalog-section {
        padding: 58px 15px 0 !important;
    }

    body.tax-product_brand .wd-product-filters-wrapp {
        padding: 14px !important;
        border-radius: 18px !important;
    }

    body.tax-product_brand .wd-product-filters {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.tax-product_brand .wd-product-filters .wd-pf-btn {
        grid-column: auto !important;
    }

    body.tax-product_brand .wd-product-filters .wd-pf-btn button {
        width: 100% !important;
        min-width: 0 !important;
    }

    body.tax-product_brand .tilt-brand-toolbar {
        min-height: 58px !important;
        padding-bottom: 16px !important;
    }

    body.tax-product_brand .tilt-brand-products-row {
        padding-bottom: 42px !important;
    }

    body.tax-product_brand .wd-pagination a.page-numbers,
    body.tax-product_brand .wd-pagination span.page-numbers {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   FOOTER I VIDLJIVOST TEKSTA
   ========================================================= */


/* Footer mora ostati odvojen od pozadine stranice */

body.tax-product_brand .wd-footer,
body.tax-product_brand footer.footer-container,
body.tax-product_brand .wd-footer .main-footer,
body.tax-product_brand .wd-footer .wpb-content-wrapper,
body.tax-product_brand .wd-footer .wd-copyrights {
    background-color: #151822 !important;
}


/* Naslovi u footeru */

body.tax-product_brand .wd-footer h1,
body.tax-product_brand .wd-footer h2,
body.tax-product_brand .wd-footer h3,
body.tax-product_brand .wd-footer h4,
body.tax-product_brand .wd-footer h5,
body.tax-product_brand .wd-footer h6 {
    color: #fff !important;
}


/* Tekst i linkovi u footeru */

body.tax-product_brand .wd-footer p,
body.tax-product_brand .wd-footer li,
body.tax-product_brand .wd-footer span {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.tax-product_brand .wd-footer a {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.tax-product_brand .wd-footer a:hover {
    color: #fff !important;
}


/* Glavni tekst stranice brenda */

body.tax-product_brand .tilt-brand-catalog-section {
    color: rgba(255, 255, 255, 0.76) !important;
}

body.tax-product_brand .tilt-brand-catalog-header h1,
body.tax-product_brand .tilt-brand-catalog-header h2,
body.tax-product_brand .tilt-brand-catalog-header h3,
body.tax-product_brand .tilt-brand-catalog-header h4 {
    color: #fff !important;
}

body.tax-product_brand .tilt-brand-catalog-header p,
body.tax-product_brand .tilt-brand-catalog-header .term-description {
    color: rgba(255, 255, 255, 0.72) !important;
}


/* Rezultati, toolbar i kontrole prikaza */

body.tax-product_brand .tilt-brand-toolbar,
body.tax-product_brand .tilt-brand-toolbar p,
body.tax-product_brand .tilt-brand-toolbar span,
body.tax-product_brand .tilt-brand-toolbar a,
body.tax-product_brand .woocommerce-result-count {
    color: rgba(255, 255, 255, 0.76) !important;
}

body.tax-product_brand .tilt-brand-toolbar a:hover,
body.tax-product_brand .tilt-brand-toolbar a.current-variation {
    color: #fff !important;
}


/* BEGIN TINECO MIRADOR ACTIVE BRAND LINKS */

body.tax-product_brand.term-tineco .tilt-brand-tineco,
body.tax-product_brand.term-mirador .tilt-brand-mirador {
    padding-left: 34px !important;
    border-color: #f2b544 !important;
    background: #f2b544 !important;
    color: #151822 !important;
    box-shadow: 0 10px 25px rgba(242, 181, 68, 0.24) !important;
}

body.tax-product_brand.term-tineco .tilt-brand-tineco::before,
body.tax-product_brand.term-mirador .tilt-brand-mirador::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 16px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #151822;
    transform: translateY(-50%);
}

/* END TINECO MIRADOR ACTIVE BRAND LINKS */