/* Homepage visual refresh: imagery is now supplied by the content manager. */

@media (max-width: 767px) {
    #mobile-header .logo {
        width: auto !important;
        height: 52px !important;
        max-width: 160px !important;
        object-fit: contain !important;
    }

    #mobile-header .col-mobile-logo,
    #mobile-header .col-mobile-logo>a {
        height: 52px !important;
        line-height: 52px !important;
    }

    #stavim-home-carousel .d-block.d-md-none .row a {
        font-size: 16px !important;
        line-height: 1.2 !important;
        letter-spacing: .1px !important;
    }
}

body#index #stavim-home-carousel>div[style*="linear-gradient"] {
    display: none !important;
}

body#index #stavim-home-carousel>.container>div[style*="max-width:650px"] {
    background: rgba(39, 44, 49, .72) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body#index #stavim-home-carousel>.container>div[style*="max-width:650px"] h1 {
    color: #fff !important;
}

body#index #stavim-home-carousel>.container>div[style*="max-width:650px"] p:last-child {
    color: #f1f1f1 !important;
}

body#index #stavim-home-carousel a[href="/content/category/18-okna"],
body#index #stavim-home-carousel a[href="/content/category/19-dvere"],
body#index #stavim-home-carousel a[href="/content/category/21-vrata"],
body#index #stavim-home-carousel a[href="/content/category/20-stineni"] {
    background: rgba(55, 60, 64, .71) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body#index #stavim-home-carousel a[href="/content/category/18-okna"]>strong,
body#index #stavim-home-carousel a[href="/content/category/19-dvere"]>strong,
body#index #stavim-home-carousel a[href="/content/category/21-vrata"]>strong,
body#index #stavim-home-carousel a[href="/content/category/20-stineni"]>strong {
    color: #fff !important;
}

body#index #stavim-home-carousel a[href="/content/category/18-okna"]>span,
body#index #stavim-home-carousel a[href="/content/category/19-dvere"]>span,
body#index #stavim-home-carousel a[href="/content/category/21-vrata"]>span,
body#index #stavim-home-carousel a[href="/content/category/20-stineni"]>span {
    color: #f1f1f1 !important;
}

body#index #stavim-home-carousel a[href="/content/category/18-okna"]>span:last-child,
body#index #stavim-home-carousel a[href="/content/category/19-dvere"]>span:last-child,
body#index #stavim-home-carousel a[href="/content/category/21-vrata"]>span:last-child,
body#index #stavim-home-carousel a[href="/content/category/20-stineni"]>span:last-child {
    color: #fff !important;
    border-top: 1px solid rgba(255, 255, 255, .24) !important;
}

body#index #stavim-home-carousel .oc-more-products-trigger,
body#index #stavim-home-carousel .oc-more-products-buttons>a,
body#index #stavim-home-carousel>.container>.d-flex.justify-content-between>a[href="/konfigurator"] {
    background: rgba(49, 54, 58, .65) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body#index #stavim-home-carousel .oc-more-products-trigger,
body#index #stavim-home-carousel .oc-more-products-buttons>a {
    background: rgba(49, 54, 58, .65) !important;
}

body#index #stavim-home-carousel .oc-more-products-trigger strong,
body#index #stavim-home-carousel .oc-more-products-trigger small {
    color: #fff !important;
}

body#index #stavim-home-carousel>.container>.d-flex.justify-content-between>a[href="/konfigurator"] {
    background: rgba(42, 47, 51, .58) !important;
    color: #fff !important;
}

body#index #stavim-home-carousel .carousel-control-prev-icon,
body#index #stavim-home-carousel .carousel-control-next-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: rgba(16, 43, 69, .58);
    background-size: 18px 18px;
    box-shadow: 0 6px 18px rgba(16, 43, 69, .18);
}

body#index .oc-order-count-badge {
    width: auto !important;
    min-width: 92px;
    padding: 0 12px;
    white-space: nowrap;
}

@media (min-width: 768px) {
    body#index #stavim-home-carousel>.container .d-flex>a:hover,
    body#index #stavim-home-carousel>.container .d-flex>a:focus-visible,
    body#index #stavim-home-carousel .oc-more-products-trigger:hover,
    body#index #stavim-home-carousel .oc-more-products-trigger:focus-visible,
    body#index #stavim-home-carousel .oc-more-products-buttons>a:hover,
    body#index #stavim-home-carousel .oc-more-products-buttons>a:focus-visible {
        background: rgba(63, 68, 72, .66) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body#index #stavim-home-carousel>.container>.d-flex.justify-content-between>a[href="/konfigurator"]:hover,
    body#index #stavim-home-carousel>.container>.d-flex.justify-content-between>a[href="/konfigurator"]:focus-visible {
        background: rgba(63, 68, 72, .66) !important;
        color: #fff !important;
    }
}

@media (max-width: 767.98px) {
    body#index #stavim-home-carousel .carousel-inner>.carousel-item:nth-child(1) {
        background-position: 58% center !important;
    }

    body#index #stavim-home-carousel .carousel-inner>.carousel-item:nth-child(2) {
        background-position: 61% center !important;
    }

    body#index #stavim-home-carousel .carousel-inner>.carousel-item:nth-child(3) {
        background-position: 67% center !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none>div {
        background: rgba(78, 83, 87, .48) !important;
        color: #fff !important;
        box-shadow: none !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/18-okna"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/19-dvere"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/21-vrata"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/20-stineni"] {
        flex-direction: column !important;
        background: rgba(78, 83, 87, .48) !important;
        border: 0 !important;
        border-left: 5px solid #f05a22 !important;
        color: #fff !important;
        font-size: 18px !important;
        line-height: 1.15 !important;
        padding-top: 2px !important;
        text-shadow: none !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/18-okna"]::after,
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/19-dvere"]::after,
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/21-vrata"]::after,
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/20-stineni"]::after {
        content: "→";
        display: block;
        margin-top: 3px;
        color: #f05a22;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none h1,
    body#index #stavim-home-carousel>.d-block.d-md-none p {
        color: #fff !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-trigger strong,
    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-trigger small {
        color: #fff !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-trigger,
    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-buttons>a {
        background: rgba(78, 83, 87, .48) !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none>a[href="/konfigurator"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/konfigurator"] {
        background: rgba(78, 83, 87, .48) !important;
        color: #fff !important;
    }

    body#index #stavim-home-carousel .carousel-control-prev-icon,
    body#index #stavim-home-carousel .carousel-control-next-icon {
        width: 34px;
        height: 34px;
        background-size: 15px 15px;
    }
}

/* On phones, keep the hero photograph visible behind the main content panel. */
@media (max-width: 575.98px) {
    body#index #stavim-home-carousel>.d-block.d-md-none>div {
        background: rgba(78, 83, 87, .28) !important;
    }

    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/18-okna"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/19-dvere"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/21-vrata"],
    body#index #stavim-home-carousel>.d-block.d-md-none a[href="/content/category/20-stineni"],
    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-trigger,
    body#index #stavim-home-carousel>.d-block.d-md-none .oc-more-products-buttons>a {
        background: rgba(49, 54, 58, .60) !important;
    }
}