/* HEADER */
#header{
    .full-menu{
        ul.thb-full-menu{
            li{
                @media screen and (max-width: 1300px) {
                    font-size: 14px;
                    padding: 0 5px;
                }
                @media screen and (max-width: 1100px) {
                    font-size: 13px;
                    padding: 0 4px;
                }
            }
        }
    }
}

/* FOOTER */
.footer {
    padding: 48px 0 !important;
    >.row {
        max-width: 1715px;
        margin: auto;
        .columns {
            flex: initial;
            max-width: initial;
            &:nth-child(1) {
                width: 14%;
            }
            &:nth-child(2) {
                width: 14.5%;
            }
            &:nth-child(3) {
                width: 19%;
            }
            &:nth-child(4) {
                width: 25%;
            }
            &:nth-child(5) {
                width: 25%;
                margin-left: auto;
            }
            @media screen and (max-width: 1300px) {
                &:nth-child(1) {
                    width: 33%;
                }
                &:nth-child(2) {
                    width: 33%;
                }
                &:nth-child(3) {
                    width: 33%;
                }
                &:nth-child(4) {
                    width: 100%;
                }
                &:nth-child(5) {
                    width: 100%;
                }
            }
            @media screen and (max-width: 991px) {
                &:nth-child(1) {
                    width: 33%;
                }
                &:nth-child(2) {
                    width: 33%;
                }
                &:nth-child(3) {
                    width: 33%;
                }
                &:nth-child(4) {
                    width: 100%;
                }
                &:nth-child(5) {
                    width: 100%;
                }
            }
            @media screen and (max-width: 767px) {
                &:nth-child(1) {
                    width: 100%;
                }
                &:nth-child(2) {
                    width: 100%;
                }
                &:nth-child(3) {
                    width: 100%;
                }
                &:nth-child(4) {
                    width: 100%;
                }
                &:nth-child(5) {
                    width: 100%;
                }
            }
        }
        .thb-widget-title {
            font-size: 23px;
            letter-spacing: 0.02em;
            margin-bottom: 12px;
            font-weight: 300;
        }
        ul.thb-widget-menu {
            li {
                letter-spacing: 0.02em;
            }
        }
        p {
            font-size: 16px;
            line-height: 1.4;
            margin: 0;
            &:empty {
                display: none;
            }
        }
        .signup-container {
            margin-top: 10px;
            form {
                input[type="email"] {
                    width: 100%;
                    border: 1px solid white;
                    padding: 0.7em;
                    line-height: 1;
                    height: initial;
                    border-radius: 3px;
                    &::placeholder {
                        color: white;
                    }
                }
                button {
                    position: relative;
                    background-color: white;
                    border-radius: 3px;
                    margin-top: 10px;
                    color: black !important;
                    width: initial;
                    height: initial;
                    padding: 0.8em 1.8em;
                    letter-spacing: -0.01em;
                }
            }
        }
    }
}


/* SOCIALS */
.footer{
    ul.social-links{
        padding-top: 8px;
        margin-left: -2px;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        @media screen and (max-width: 1100px) {
            gap: 20px !important;
        }
        li{
            margin: 0;
            a{
                svg{
                    width: 39px;
                    height: 39px;
                    path{
                        fill: white;
                    }
                    &.icon-tiktok{
                        width: 41px;
                        height: 41px;
                    }
                    &.icon-youtube{
                        width: 42px;
                        height: 39px;
                    }
                }
                span{
                    display: none;
                }
            }
        }
    }
}

.sub-footer {
    padding: 63px 0;
    padding-bottom: 30px;
    margin-top: 0px !important;
    >.row {
        max-width: 1715px;
        margin: auto;
        p {
            // text-transform: uppercase;
            max-width: 39em;
            font-size: 16px;
            line-height: 1.2;
            &:empty {
                display: none;
            }
        }
    }
    .thb-localization-forms{
        select{
            color: black !important;
            option{
                color: black !important;

            }
        }
    }
}






/* PAGE / COLLECTION HEADER */
.template-collection{
}


.page-header--wrapper{
    .page-header{
        min-height: 200px !important;
        .page-header__inner{
            max-width: 1100px;
            .thb-shop-title{
                font-size: 64px;
                font-weight: 500;
                margin-top: 26px;
                margin-bottom: 16px;
                text-transform: initial;
                @media screen and (max-width: 991px) {
                    font-size: 32px;
                }
                
            }
            p{
                font-size: 24px;
                font-weight: 400;
                line-height: 1.2;
                font-family: "Instrument Sans", sans-serif;
                @media screen and (max-width: 991px) {
                    font-size: 18px;
                }
            }
        }
    }
}

body, .body-font, .thb-product-detail .product-title {
    font-family: "Instrument Sans", sans-serif;
}

.product-card{
    .product-card--badges{
        top: 2px !important;
        gap: 2px;
    }
    .custombadge{
        background-color: #000000;
        /* padding: 0.35em 1.40em; */
        padding: 0.05em 0.9em;
        color: white;
        border-radius: 30px;
        font-size: 14px;

        letter-spacing: 0.01em;
        &.saved_off{
            background-color: #AC0606;
        }
    }
}


/* hide bar */
#PBarNextFrameWrapper{
    display: none;
}



/* text-with-icons */
.template-product, .template-index{
    .shopify-section.section-text-with-icons{
        .text-with-icons{
            
        margin-top: 100px;
        padding-top: 66px;
        padding-bottom: 74px;
        @media screen and (max-width: 767px) {
            padding-top: 37px;
            padding-bottom: 37px;
        }
            .text-with-icons__title{
                font-size: 48px;
                font-weight: 300 !important;
                margin-bottom: 52px;
                @media screen and (max-width: 767px) {
                    font-size: 32px;
                    line-height: 1.13;
                    padding: 0 30px;
                    margin-bottom: 43px;
                }
            }
            .text-with-icons__inner{
                max-width: 1400px;
                grid-gap: 20px 30px;
                grid-gap: none;
                display: flex !important;
                justify-content: center;
                align-items: flex-start;
                align-content: center;
                @media screen and (max-width: 991px) {
                    flex-wrap: wrap;
                }
                @media screen and (max-width: 767px) {
                    display: flex;
                    flex-direction: row;
                }
                .text-with-icons__block {
                    width: 20%;
                    @media screen and (max-width: 991px) {
                        width: 29% !important;
                    }
                    @media screen and (max-width: 767px) {
                        width: 26% !important;
                    }
                    @media screen and (max-width: 540px) {
                        width: 40% !important;
                    }
                    div{
                        width: initial;
                        margin: 0;
                        height: initial;
                    }
                    img{
                        width: 90px !important;
                        max-width: initial;
                        height: initial;
                        margin-bottom: 21px;
                        @media screen and (max-width: 767px) {
                            width: 53px !important;
                        }
                    }
                    h6{
                            font-family: "Instrument Sans", sans-serif;
                        font-size: 20.1px;
                        line-height: 1.1;
                        font-weight: 400;
                        @media screen and (max-width: 767px) {
                            font-size: 17px;
                        }
                            
                    }
                }
            }
        }
    }

}


.side-panel-content{
    .price del+ins {
        margin-left: 0px;
    }
    .amount.discounted{
        small{
            display: inline-block;
        }
    }

}


.thb-language-code{
    option{
        text-transform: capitalize;
    }
}



.side-panel.cart-drawer{
    @media screen and (max-width: 768px) {
        overflow: scroll !important;
    }
}




.quad-image-wrapper {
    padding: 66px 20px;
    max-width: 1700px;
    margin: auto;
    @media screen and (max-width: 991px) {
        
        padding: 66px 12.5px;
    }
    .quad-title {
        text-align: center;
        font-size: 48px;
        line-height: 1.2;
        margin-bottom: 0.3em;
        font-weight: 400;
        @media screen and (max-width: 991px) {
            font-size: 30px;
        }
    }
    .quad-text {
        text-align: center;
        margin-bottom: 40px;
        margin-left: auto;
        margin-right: auto;
        font-size: 23.5px;
        word-spacing: 0;
        letter-spacing: 0.01em;
        line-height: 1.5;
        @media screen and (max-width: 991px) {
            font-size: 16px;
        }
    }
    .quad-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 48px;
    }
    .quad-item {
        text-align: center;
    }
    .quad-image {
        width: 100%;
        height: auto;
        display: block;
    }
    .quad-heading {
        margin-top: 10px;
        font-size: 16px;
    }
    .quad-placeholder {
        background: #eee;
        padding: 100px 0;
    }
    @media screen and (max-width: 990px) {
        .quad-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    @media screen and (max-width: 600px) {
        .quad-grid {
            grid-template-columns: 1fr;
        }
    }
}



/* Custom Filter Styles */
.facets .thb-filter-dropdown__inner {
    max-height: 600px !important;
}
.thb-filter-dropdown__inner .list-filter li a label{
    cursor: pointer !important;
    transition: left 0.3s ease 0.0s;
    left: 0px;
    position: relative;
}
.thb-filter-dropdown__inner .list-filter li a:hover label{
    font-weight: 900;
    left: 10px;
}
.thb-filter-dropdown__inner .list-filter li.active a label{
    color: #8F0B0F !important;
    font-weight: 900;
}