﻿* {
    /* Cart */
    --cartBG: white !important;
    /* Border */
    --borderColor: #679000 !important;
    /* Button */
    --btnPrimary: #679000 !important;
    --btnPrimaryColor: white !important;
    --textPrimaryColor: black !important;
    /* Quantity */
    --quantityBG: white !important;
    --QuantityBorderColor: #679000 !important;
    /* Fonts */
    /*--fontfamily: "Figtree", sans-serif;*/
    /* Product */
    --productBG: white !important;
}


.hwcsp-container {
    margin-top: 90px;
}

    .hwcsp-container .sidebar-item.sticky-top {
       z-index: 1 !important;
    }

    .hwcsp-container .btn-success {
        color: #000 !important;
        background-color: var(--btnPrimaryColor) !important;
        border-color: var(--borderColor);
    }

    .hwcsp-container .btn:disabled {
        background: #555 !important;
        border-color: #555 !important;
        /*color: transparent !important;*/
        position: relative;
    }

        /*.hwcsp-container .btn:disabled::after {
            content: "Out of stock";
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            color: #fff;
            pointer-events: none;
        }*/

.btn-outline-success.disabled, .btn-outline-success:disabled, .hwccs-container .btn:disabled {
    color: #fff !important;
    background-color: grey !important;
    border: 1px solid grey;
}

#hwcsi-container .hwcct-container {
    right: 10px;
}

#hwcsc-container.opencart {
    padding: 0;
}

#hwcsc-container h5 {
    font-size: 0.9rem;
    line-height: 1.3rem;
}

#hwcsc-container h1, #hwcsc-container h2, #hwcsc-container h3, #hwcsc-container h4, #hwcsc-container h5, #hwcsc-container h6, #hwcsc-container p, #hwcsc-container span, #hwcsc-container small {
    font-size: 0.9rem;
}

#hwcsc-container h6, #hwcsc-container small {
    display: inline;
}

#hwcsc-container small {
    font-size: 0.8rem;
    font-weight: bold !important;
    color: var(--borderColor);
    margin-left: 5px;
}

#hwcsc-container .close-cart {
    color: var(--btnPrimary);
}


.hwccs-container .btn {
    letter-spacing: normal !important;
    padding: 5px 30px !important;
    font-size: 0.8rem !important;
}

    .hwccs-container .btn:disabled {
        background: rgb(105, 105, 105);
        border-color: rgb(105, 105, 105);
    }

.hwccp-container .input-wrapper input, .hwccs-container .input-wrapper input, .hwcsp-container .input-wrapper input {
    /* width: 34px !important; */
}

.hwccp-container .input-wrapper .input-wrapper-buttons, .hwccs-container .input-wrapper .input-wrapper-buttons, .hwcsp-container .input-wrapper .input-wrapper-buttons {
    width: 30px;
}

.hwccp-container .input-wrapper, .hwccs-container .input-wrapper, .hwcsp-container .input-wrapper {
    min-width: 65px;
    max-width: 95px;
    width: 115px;
}

.hwccp-container .catalog-item, .hwccs-container .catalog-item {
    display: grid;
    grid-template-rows: 1.8fr 1fr;
    margin-bottom: 60px;
}

.hw-productimg {
    background-color: white;
}

.catalog-item-header h5 {
    margin: 0;
    text-transform: unset;
    font-weight: normal;
    font-size: 0.9rem;
    color: black;
}

@media only screen and (max-width: 768px) {
    .hwccp-container .catalog-item, .hwccs-container .catalog-item {
        display: block;
    }

    #hwcsc-container.opencart .inline-cart {
        right: 0 !important;
    }
}
