/*
CTC Separate Stylesheet
Updated: 2023-05-04 08:43:11
@author AnhDt
*/

/*Header*/
ul#primary-menu li.menu-item i.ws-svg-icon {
    width: 10px;
    height: auto;
}

/*Home Products*/
ul.wc-block-grid__products li.hb-home-product {
    display: flex;
    flex-direction: column;
}

ul.wc-block-grid__products li.hb-home-product .loop-image-wrap {
    overflow: unset;
}

ul.wc-block-grid__products li.hb-home-product .loop-button-wrap {
    margin-top: auto;
}

ul.wc-block-grid__products li.hb-home-product .loop-button-wrap a {
    width: 100%;
}

ul.wc-block-grid__products li.hb-home-product a.wc-block-grid__product-link .wc-block-grid__product-title {
    font-weight: 700;
    min-height: 40px;
    margin-bottom: 0;
}

ul.wc-block-grid__products li.hb-home-product .hb-home-desc {
    margin-bottom: 0;
}

ul.wc-block-grid__products li.hb-home-product .hb-home-row {
    margin-bottom: 0;
}

ul.wc-block-grid__products li.hb-home-product .hb-home-row .wc-block-grid__product-price {
    margin-bottom: 0;
}

/*Products*/
.hb-product-content {
    margin-bottom: 20px;
}

.hb-product-content .hb-product-title {
    min-height: 40px;
}

.hb-product-content .hb-product-title h2.woocommerce-loop-product__title {
    margin: 0;
}

ul.products li.product {
    position: relative;
    display: flex;
    flex-direction: column;
}

ul.products li.product .hb-product-badge,
ul.wc-block-grid__products li.hb-home-product .hb-home-product-badge {
    position: absolute;
    top: 10px;
    right: -5px;
    padding: 2px 10px;
    background-color: #FF5858;

}

ul.products li.product .hb-product-badge:before,
ul.wc-block-grid__products li.hb-home-product .hb-home-product-badge:before {
    content: '';
    position: absolute;
    border-right: 6px solid transparent;
    border-top: 6px solid #c10606;
    bottom: -5px;
    right: 0;
}

ul.products li.product .hb-product-badge .hb-badge-style,
ul.wc-block-grid__products li.hb-home-product .hb-home-badge-style {
    color: white;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
}

ul.products li.product a.wp-element-button {
    margin-top: auto;
}

ul.products li.product div.loop-button-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

ul.products li.product div.loop-button-wrap .button.wp-element-button.add_to_cart_button {
    margin-top: auto;
}

ul.products li.product .woocommerce-loop-product__title .botiga-wc-loop-product__title {
    font-weight: 700;
}

/*Related Categories*/
.hb-term-lists {
    display: flex;
    flex-wrap: wrap;
}

.hb-term-lists .hb-term-item {
    padding: 10px 20px;
    background-color: #f5f5f5;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.hb-term-lists .hb-term-item:not(:last-child) {
    margin-right: 20px;
}


/*.hb-related-categories .hb-related-categories-heading h2 {
    padding: 0 15px;
}

/*Old*/
/*.hb-related-categories .hb-related-categories-heading h2 {
    padding: 0 15px;
}

.hb-related-categories .categories-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.hb-related-categories .categories-wrapper a.category-button {
    padding: 10px 20px;
    background-color: #f5f5f5;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    transition: all 0.3s;
}

.hb-related-categories .categories-wrapper a.category-button:not(:last-child) {
    margin-right: 20px;
}*/

/*Cart*/
.woocommerce-cart-form .woocommerce-cart-form__contents .botiga-qty-remove-wrapper .quantity {
    display: flex;
    align-items: center;
}

.woocommerce-cart-form .woocommerce-cart-form__contents .botiga-qty-remove-wrapper .quantity {
    border: none;
}

.woocommerce-cart-form .woocommerce-cart-form__contents .botiga-qty-remove-wrapper .quantity .botiga-quantity-minus,
.woocommerce-cart-form .woocommerce-cart-form__contents .botiga-qty-remove-wrapper .quantity .botiga-quantity-plus {
    border-radius: 50px;
    height: 20px;
    width: 33px;
    background-color: #f5f5f5;
    color: #000;
    font-weight: 600;
}

/*Checkout Page*/
form.woocommerce-checkout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
}

form.woocommerce-checkout #customer_details,
form.woocommerce-checkout .checkout-wrapper {
    max-width: 100%;
    margin-left: 0;
}

form.woocommerce-checkout #wcpay-payment-request-wrapper,
form.woocommerce-checkout #wcpay-payment-request-button-separator {
    grid-column: 1/3;
}


form.woocommerce-checkout.hb-checkout .woocommerce-checkout-review-order table.shop_table thead,
form.woocommerce-checkout.hb-checkout .woocommerce-checkout-review-order table.shop_table tbody {
    display: none;
}

/*form.woocommerce-checkout.hb-checkout .woocommerce-checkout-review-order table.shop_table .cart-subtotal th,
form.woocommerce-checkout.hb-checkout .woocommerce-checkout-review-order table.shop_table .cart-subtotal td {
    border-top: none;
}*/


form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item {
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    align-items: center;
    grid-gap: 30px;
    border-top: 1px solid rgba(33, 33, 33, 0.1);
    padding: 20px 0;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout {
    padding: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .product-name {
    font-weight: 700;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .product-name .product-quantity {
    display: block;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .product-total {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .product-total .woocommerce-Price-amount {
    font-weight: 700;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .hb-products-image {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
}

form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .hb-products-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper h3#order_review_heading {
    padding: 20px 20px 16px;
    margin-bottom: 0;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order {
    background-color: #fff;
    padding: 0 20px 20px;
}

.woocommerce .woocommerce-form-coupon-toggle,
form.checkout_coupon.woocommerce-form-coupon {
    display: none;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order p {
    margin-bottom: 30px;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order table {
    margin-bottom: 20px;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order p.form-row input {
    width: 100%;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order .woocommerce-checkout-payment ul.wc_payment_methods {
    padding: 0;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order .woocommerce-checkout-payment ul.wc_payment_methods li label {
    margin-bottom: 20px;
    display: block;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box fieldset,
form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box .wcpay-upe-element {
    padding: 0 !important;
    border: none;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order .woocommerce-checkout-payment ul.wc_payment_methods li .payment_box fieldset {
    border-bottom: 1px solid rgba(33, 33, 33, 0.1);
}

form.woocommerce-checkout.hb-checkout .hb-checkout-gap {
    display: grid;
    grid-column: 1/2;
    grid-gap: 30px;
}

form.woocommerce-checkout.hb-checkout .checkout-wrapper {
    grid-column: 2/3;

}

form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .hb-checkout-wrap {
    padding: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .hb-checkout-wrap .woocommerce-additional-fields__field-wrapper {
    margin-top: 10px;
}

form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .hb-checkout-wrap .woocommerce-additional-fields__field-wrapper .form-row {
    margin-bottom: 10px;
}

form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .col-2.hb-checkout-wrap {
    margin-top: 0;
}

.botiga-popup .botiga-popup-wrapper .botiga-popup-wrapper__close-button {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.bhfb-mobile_offcanvas.botiga-offcanvas-menu .mobile-menu-close,
.menu-toggle {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

a:focus {
    outline: none !important;
}

.hb-coupon .hb-coupon-wrap {
    display: flex;
    margin-bottom: 20px;
    margin-top: 5px;
}

.hb-coupon .hb-coupon-wrap .hb-coupon-btn {
    white-space: nowrap;
    padding: 12px;
    border-color: #212121;
    background-color: #212121;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 400;
}

.hb-checkout .order-total {
    white-space: nowrap;
}


.hb-coupon .hb-coupon-wrap .hb-coupon-input {
    width: 100%;
}

.hb-coupon .hb-coupon-wrap .hb-coupon-input:focus {
    outline: none;
    box-shadow: none;
}

.post .post-thumbnail {
    text-align: center;
}

/*Form subscribe*/
.bhfb.bhfb-footer .bhfb-component-shortcode {
    width: 100%;
}

.hb-form-wrapper {
    max-height: 0px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    background-color: #f5f5f5;
    position: relative;
    z-index: 9999;
}

.hb-form-wrapper:before {
    content: '';
    position: absolute;
    left: -99%;
    bottom: 0;
    top: 0;
    background-color: #f5f5f5;
    width: 100%;
    z-index: -1;
}

.mc4wp-response .mc4wp-alert{
    color: green;
    font-weight: 600;
}

.hb-form-wrapper:after {
    content: '';
    position: absolute;
    right: -99%;
    bottom: 0;
    top: 0;
    background-color: #f5f5f5;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hb-form-wrapper.active {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
}

.hb-form-wrapper form {
    padding: 20px 0;
    margin-top: 20px;
}

.hb-form-wrapper .hb-form-heading h4 {
    padding-top: 40px;
    margin: 0;
}

.hb-svg-icon {
    transform: rotate(0deg);
    margin-left: 20px;
}

.hb-click {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 20px 0;
    color: white;
}

.hb-click i {
    display: flex;
}

.hb-click.active .hb-svg-icon {
    transform: rotate(180deg);
}

.hb-click .hb-svg-icon svg {
    fill: white !important;
    width: 16px;
    height: 16px;
}

.hb-form-mailchimp {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.hb-form-wrapper form .mc4wp-response p {
    margin-bottom: 0;
}

.hb-email-input,
.hb-email-select {
    flex-basis: 48%;
}

.hb-email-input input,
.hb-email-select input {
    width: 100%;
}

.hb-condition,
.hb-btn-submit {
    margin-bottom: 20px;
}

.hb-btn-submit input[type="submit"] {
    padding: 15px 50px;
}

footer.bhfb.bhfb-footer .bhfb-rows .bhfb-row-wrapper.bhfb-above_footer_row {
    padding: 0;
    background-color: #212121;
}

footer.bhfb.bhfb-footer .bhfb-rows .bhfb-row-wrapper.bhfb-main_footer_row{
    padding-top: 50px;
}

footer.bhfb.bhfb-footer .bhfb-rows .bhfb-row-wrapper.bhfb-below_footer_row{
    padding-top: 30px;
    padding-bottom: 50px;
}

.bhfb-header.bhfb-desktop #site-navigation .wpml-ls-item {
    display: none;
}

.bhfb-header.bhfb-desktop .bhfb-component-wpml_switcher a.wpml-ls-item-toggle{
    border: 0;
}

.bhfb-header.bhfb-desktop .bhfb-component-wpml_switcher .wpml-ls-legacy-dropdown-click{
    width: auto;
}
.bhfb-header.bhfb-desktop .bhfb-component-wpml_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
.bhfb-header.bhfb-desktop .bhfb-component-wpml_switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
    border: 0;
}

/*Responsive*/
@media screen and (max-width: 992px) {
    form.woocommerce-checkout.hb-checkout .hb-checkout-gap {
        display: grid;
        grid-column: 1/3;
        grid-gap: 30px;
    }

    form.woocommerce-checkout.hb-checkout .checkout-wrapper {
        grid-column: 1/3;

    }

    .hb-click {
        padding: 30px 0;
    }

    .hb-form-wrapper:after {
        right: -15px;
    }
}

@media screen and (max-width: 768px) {

    .wc-block-grid__products .hb-home-product .wc-block-grid__product-image img,
    .hb-block-top .wp-block-image figure,
    .hb-block-top .wp-block-image figure img,
    .loop-image-wrap img {
        width: 100%;
    }

    .botiga-popup .botiga-popup-wrapper .botiga-popup-wrapper__close-button {
        top: 0;
        right: 0;
    }

    .bhfb-mobile_offcanvas.botiga-offcanvas-menu .mobile-menu-close {
        top: 5px;
        outline: none;
        -webkit-tap-highlight-color: transparent;
    }

    form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item .hb-products-image {
        padding-top: 100%;
    }

    .hb-home-heading {
        padding: 0 15px;
    }

    .wc-block-grid.has-4-columns.hb-home-block .wc-block-grid__product:nth-child(2n) {
        padding-left: 0;
    }

    .bhfb.bhfb-footer .bhfb-row-wrapper.bhfb-above_footer_row .container {
        padding-bottom: 0;
        padding-top: 0;
    }

    footer.bhfb.bhfb-footer .bhfb-rows .bhfb-row-wrapper.bhfb-above_footer_row {
        min-height: 80px;
    }

    .hb-click {
        padding: 23px 0;
    }

    .hb-form-wrapper:after {
        right: -15px;
    }

    .bhfb-builder-item.bhfb-component-wpml_switcher {
        display: none !important;
    }
}

@media screen and (max-width: 719px) {

    ul.products li.product .hb-product-badge,
    ul.wc-block-grid__products li.hb-home-product .hb-home-product-badge {
        top: 20px;
        right: -5px;
        padding: 5px 20px;
    }
}

@media screen and (max-width: 580px) {
    .hb-click {
        padding: 27px 0;
        font-size: 16px;
    }

    .hb-form-wrapper.active{
        max-height: 500px;
    }
}

@media screen and (max-width: 480px) {

    form.woocommerce-checkout.hb-checkout .hb-products-checkout,
    form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .hb-checkout-wrap {
        padding: 15px;
    }

    form.woocommerce-checkout.hb-checkout .checkout-wrapper .woocommerce-checkout-review-order {
        padding: 0 15px 15px;
    }

    form.woocommerce-checkout.hb-checkout .checkout-wrapper h3#order_review_heading {
        padding: 15px;
    }

    form.woocommerce-checkout.hb-checkout #customer_details.col2-set.hb-checkout-gap .hb-checkout-wrap .woocommerce-additional-fields__field-wrapper .form-row {
        margin-bottom: 0;
    }

    form.woocommerce-checkout.hb-checkout .hb-products-checkout .cart_item {
        grid-template-columns: 80px 2fr 1fr;
        grid-gap: 10px;
    }

    .hb-form-mailchimp {
        flex-direction: column;
    }

    .hb-email-select {
        margin-bottom: 20px;
    }

    .hb-form-wrapper .hb-form-heading h4 {
        text-align: center;
    }

    .menu-item.wpml-ls-slot-19.wpml-ls-item {
        display: flex;
        align-items: center;
    }
}

