﻿.custom-select-ab {
    background-image: url("../img/arrow-select.svg");
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 50%;
    padding-right: 40px;
    border-bottom: 1px solid #e1b637;
}



/* CUSTOMIZE FILTERS
-------------------------------------------------- */
.clear-filters {
    display: flex;
    justify-content: end;
}

    .clear-filters a {
        color: #2b2b2b;
        text-decoration: none;
        text-transform: uppercase;
    }

        .clear-filters a:hover {
            color: #E1B637;
        }

@media (max-width: 991px) {
    .wrapp-bts-filter {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }
    .wrapp-bts-filter a {
        padding:7px 10px;
    }

    .wrapp-checkboxes-filter .checkbox {
        /*padding: 4px 7px;*/
    }

    select.custom-select-ab {
        width: 100%;
        margin: 1rem 0 1rem;
        border: 1px solid #e1b637;
        padding: 10px;
        border-radius: 5px;
    }
}


/* Checkbox
-------------------------------------------------- */

.checkbox {
    /* padding-left: 20px; */
}

    .checkbox label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
        line-height: 19px;
        width: 50%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            margin-left: -20px;
            border: 1px solid #2b2b2b;
            background-color: #fff;
            -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
            transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        }

        .checkbox label::after {
            display: inline-block;
            position: absolute;
            width: 16px;
            height: 16px;
            left: 0;
            top: 0;
            margin-left: -20px;
            padding-left: 3px;
            padding-top: 1px;
            font-size: 11px;
            color: #555555;
        }

    .checkbox input[type=checkbox] {
        opacity: 0;
        z-index: 1;
    }

        .checkbox input[type=checkbox]:checked + label::after {
            font-family: "Montserrat";
            content: "+";
            text-indent: -1px;
            font-size: 23px;
            line-height: 15px;
            transform: rotate(45deg);
        }

        .checkbox input[type=checkbox]:disabled + label {
            opacity: 0.65;
        }

            .checkbox input[type=checkbox]:disabled + label::before {
                background-color: #eeeeee;
                cursor: not-allowed;
            }

    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }

    .checkbox.checkbox-inline {
        margin-top: 0;
    }

.checkbox-ab input[type=checkbox]:checked + label::before {
    background-color: #fff;
    border-color: #2b2b2b;
}

.checkbox-ab input[type=checkbox]:checked + label::after {
    color: #E1B637;
}




/* CUSTOMIZE PRODUCT GRID
-------------------------------------------------- */
input#searchProducts {
    width: 100%;
    background-color: white;
    padding: 0 0 0 1rem;
}
@media (max-width: 390px) {
    input#searchProducts {
        width: 200px;
    }
}
@media (min-width: 620px) {
    input#searchProducts {
        width: 350px;
    }
}

svg.search-bb {
    position: relative;
    left: -34px;
    top: 14px;
}

label.btn.btn-primary.display-mode {
    padding: 10px 12px;
}

.wrapp-search-filter .btn-check:checked + .btn {
    color: #fff;
    background-color: var(--bs-btn-active-color);
    border-color: var(--bs-btn-active-border-color);
}

.wrapp-bts-filter .btn-check:checked + .btn {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn svg path {
    stroke: #E1B637;
}

/*.wrapp-checkboxes-filter input[type=checkbox]:not(:first-child) {
    margin-left: 18px;
}*/

.pagination ul {
    list-style: none;
    gap: 7px;
}

li.active a {
    color: #E1B637;
}

a.arrow-pag.left {
    margin-right: 10px;
}

a.arrow-pag.right {
    margin-left: 10px;
}

#gridBuyBullion {
    position: relative;
    z-index: 1;
}

    #gridBuyBullion .card {
        background-color: transparent;
    }

    #gridBuyBullion .prod-category {
        display: flex;
        text-transform: uppercase;
        color: #9e9e9e;
        border-bottom: 1px solid #F0F3F3;
        border-top: 1px solid #F0F3F3;
    }

        #gridBuyBullion .prod-category span {
            font-size: 14px;
            line-height: 18px;
            padding: 10px 0;
        }

    #gridBuyBullion h5.card-title {
        font-family: "Montserrat";
        font-size: 16px;
        font-weight: 400;
        margin: 1rem 0;
        height:2.5rem;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    #gridBuyBullion .card-price {
        /*margin-bottom: 10px;*/
    }
    #gridBuyBullion .card-price-from {
        font-size: 80%;
        margin-bottom: 10px;
    }


#gridBuyBullion .card-price span.price-number {
    color: #E1B637;
}

label.btn.btn-sm.btn-primary {
    margin-bottom: 3px;
}


/** LIST VIEW **/


#gridBuyBullion.list .card-wrapper {
    display: block;
}

#gridBuyBullion.list .card {
    background-color: transparent;
    border: 1px solid #F0F3F3;
    flex-direction: row;
    width: 100%;
    align-items: start;
    margin-bottom: 2rem;
}

#gridBuyBullion.list .card-body {
    padding: 3rem;
    border-left: 1px solid #f0f3f3;
}

#gridBuyBullion.list img.card-img-top {
    width: auto;
    height: 200px;
}

#gridBuyBullion.list .wr-info {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

#gridBuyBullion.list .card-price {
    margin: 1rem 0;
}

#gridBuyBullion.list .w-price-btn {
    text-align: right;
}

#gridBuyBullion.list button.btn {
    white-space: nowrap;
}

#gridBuyBullion.list .w-price-btn .d-flex.justify-content-between.align-items-center {
    gap: 1rem;
}



@media (min-width: 992px) {
    #gridBuyBullion.list .productInfoWrapper {
        width: 50%;
        left: 50%;
    }
}

@media (min-width: 1200px) {
    #gridBuyBullion.list .productInfoWrapper {
        width: 30%;
        left: 70%;
    }
}

@media (max-width: 991px) {
    #gridBuyBullion.list .wr-info {
        display: block;
    }

    #gridBuyBullion.list .w-price-btn {
        text-align: left;
    }
}

@media (max-width: 991px) {
    #gridBuyBullion.list img.card-img-top {
        height: 100%;
    }
    #gridBuyBullion.list .card-body {
        padding: 1rem;
        border-left: 1px solid #f0f3f3;
        width:100%;
    }
    #gridBuyBullion.list .productInfoWrapper {
        width: 70%;
        left:30%;
    }
}

@media (max-width: 767px) {
    #gridBuyBullion.list .productInfoWrapper {
        width: 100%;
        left: 0%;
    }
}

@media (max-width: 620px) {
    #gridBuyBullion.list .productInfoWrapper {
        width: 150%;
        left: -50%;
    }
}


/**custom product list stylez**/


.moreKeywordsMenu {
    top: 55px;
    z-index: 11;
    background: white;
    border:1px solid #ccc;
    left:0;
}
.featuredKeywordFilter {
    padding-left: 16px;
}
.productInfoTrigger {
    padding: 1px;
    transition: 0.1s;
}
.productInfoTrigger:hover {
    border-radius: 3px;
    background-color: #fff1c7;
}
.productInfoWrapper, productInfoWrapper h5 {
    width: 100%;
    bottom: 40px;
    left: 0;
    background: white;
    border: 1px solid #E1B637;
    border-radius: 5px;
    font-size: 80%;
}
    .productInfoWrapper .productInfoContent:nth-child(2) {
        padding-top: 10px;
    }

    .productInfoWrapper .productInfoContent:last-child {
        padding-bottom: 10px;
    }
.productInfoHeading {
    background: #fff1c7;
    width: 100%;
    font-weight: 600;
    padding: 5px 10px;
}
.productInfoContent {
    padding: 3px 10px;
}

.multiplesImg{
    height:25px;
}
.warningImg {
    height: 25px;
}


.productCard-img {
    aspect-ratio: 1/1;
    overflow: hidden;
    border-bottom-left-radius: var(--bs-card-inner-border-radius);
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    min-width:20px;
}
.productComment {
    position: absolute;
    bottom: 0;
    padding:1rem;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    display:none;
}



@media (max-width: 991px) {
    .moreKeywordsMenu {
        top:170px;
    }
    .card-img-top{
        width: 100%;
        height: 100%;
        max-height: inherit;
    }
}

@media (max-width: 620px) {
    .list .productCard-img {
        width: 50%;
    }
}

