/*
Theme Name: FoxNews_oMuX
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

p.name.product-title.woocommerce-loop-product__title a {
    font-size: 12px;
    line-height: 2;
    font-weight: 400;
    letter-spacing: .02em;
    font-family: 'Montserrat';
    font-style: normal;
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover:hover a {
    background: #000;
    color: #fff;
}
.image-tools.grid-tools.text-center.hide-for-small.bottom.hover-slide-in.show-on-hover {
    margin-bottom: unset;
}
.tabbed-content ul li a {
    text-transform: math-auto;

}
.nav>li.active>a{
		color:#232323;
}
button.flickity-button.flickity-prev-next-button.previous svg, button.flickity-button.flickity-prev-next-button.next svg {
    border: 1px solid;
    border-radius: 50%;
    left: 16px;
}
button.flickity-button.flickity-prev-next-button.next svg {
	    left: 13px;
}
button.flickity-button.flickity-prev-next-button.previous, button.flickity-button.flickity-prev-next-button.next {
    box-shadow: unset;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	    bottom: 0;
		top: unset;
	    height: 1px;
	background-color:#232323;
}
@media only screen and (min-width: 800px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.elementor-element-2e1bed0 {
    overflow-x: auto; /* Cho phép cuộn ngang */
    white-space: nowrap; /* Ngăn các phần tử bên trong xuống dòng */
}

.elementor-element-2e1bed0 .elementor-widget-image-box {
    display: inline-block; /* Hiển thị các item trên cùng một dòng */
    width: 600px; /* Đảm bảo mỗi item giữ nguyên kích thước đã đặt */
    vertical-align: top; /* Căn top cho các phần tử */
}
.elementor-element-2e1bed0 .elementor-widget-image-box {
    min-width: 600px; /* Đặt min-width riêng cho các item trong vùng này */
}

/* Container chứa các item */
.elementor-element-2e1bed0 {
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 20px; /* Để tạo khoảng trống cho thanh progress */
}

/* Thanh progress bar */
.progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #e86e25;
    width: 0%;
    transition: width 0.1s ease; /* Hiệu ứng khi thay đổi độ rộng */
}

.product-details {
    width: 50%;
}
}

form.cart {
    margin-bottom: -20px;
}

span.woocommerce-Price-amount.amount {
    text-align: center;
    font-size: 20px;
}

.box-text.box-text-products {
    text-align: center;
}
a.quick-view.quick-view-added {
    background: #000;
border-radius:0px;
}
a.quick-view.quick-view-added:hover {
    background: #fff;
color:#000;
border:1px solid #000;
margin-bottom:2px;
}

li#tab-dòng-chống-lão-hóa-đặc-trưng a span,li#tab-dòng-dưỡng-da a span

{
    font-family: 'Montserrat';
    padding-left: 10px;
padding-right:10px;
}
input.ux-quantity__button.ux-quantity__button--plus.button.plus.is-form {
    margin-top: -0px !important;
}
button.single_add_to_cart_button.button.alt {
    background: #7b5033;

}
button.single_add_to_cart_button.button.alt:hover,a.quick-view-added.add-to-cart:hover {
    background: #f9c995;
/* border:1px solid #000; */
/* color:#000; */
}
select.gt_selector.notranslate {
    margin-bottom: -20px;
    border: 0px;
}

a.quick-view-added.add-to-cart,a.added_to_cart.wc-forward,a.elementor-button.elementor-button--view-cart.elementor-size-md,a.elementor-button.elementor-button--checkout.elementor-size-md,a.button-continue-shopping.button.primary.is-outline,button#place_order {
    background: #000;
    color: #fff;
}

a.quick-view-added.add-to-cart {
    padding: 10px 15px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
a.quick-view {
    padding: 10px 15px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
a.woolentor-product-addtocart.product_type_simple.add_to_cart_button.ajax_add_to_cart.woolentor-button-icon-left {
    background: #000 !important;
}

.wlfmc_position_image_top_right.wlfmc-btn-type-icon.wlfmc-top-of-image.image_top_right.show-remove-after-add {
/*     display: none; */
}
a.ht-product-action-icon-2.woolentorquickview {
    display: none !important;
}

a.button-continue-shopping.button.primary.is-outline br{
display:none
}

td.actions.clear p {
    margin-top: -5px;
}

a.checkout-button.button.alt.wc-forward br{
display:none;
}

/* Căn giữa toàn bộ danh sách các tab */
.tabs.wc-tabs {
    display: flex;
    justify-content: center;
    padding-left: 0; /* Loại bỏ khoảng cách thụt vào mặc định */
}

/* Đảm bảo rằng các tab con không bị lệch */
.tabs.wc-tabs li {
    margin: 0 10px; /* Khoảng cách giữa các tab, tùy chỉnh nếu cần */
    list-style: none; /* Loại bỏ dấu bullet mặc định */
}

/* Căn giữa nội dung của mỗi tab */
.tabs.wc-tabs a {
    display: inline-block;
    text-align: center;
}


button.button.primary.mt-0.pull-left.small {
    background: #000;
}
a.checkout-button.button.alt.wc-forward {
    background: #000 ! IMPORTANT;
}

span.woocommerce-Price-amount.amount bdi {
    color: #232323 !important;

}
.price-wrapper .price span.woocommerce-Price-amount.amount bdi {
    /* color: #232323 !important; */
    font-size: 14px;
}
span.woocommerce-Price-currencySymbol{
color:#000 !important;
}

.fixed-bottom-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: white;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            z-index: 9999;
            display: flex;
            justify-content: center;
        }

        .fixed-bottom-bar-inner {
            max-width: 1040px;
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0 20px;
        }

        .fixed-bottom-bar .product-thumbnail img {
            max-width: 50px;
            margin-right: 10px;
        }

        .fixed-bottom-bar .product-details {
            flex-grow: 1;
        }

        .fixed-bottom-bar .product-variation {
            margin-right: 10px;
            display: flex;
            align-items: center;
            width: 40%;
        }

        .fixed-bottom-bar .add-to-cart-button {
            background-color: #333;
            color: white;
            padding: 10px 20px;
            border: none;
            cursor: pointer;
        }

        .fixed-bottom-bar .add-to-cart-button:hover {
            background-color: #555;
        }

        /* CSS cho điện thoại */
       @media (max-width: 767px) {
    .fixed-bottom-bar-inner {
        flex-direction: row;
        padding: 5px 10px;
    }

    .fixed-bottom-bar .product-thumbnail img {
        max-width: 30px;
        margin-right: 5px;
    }

    .fixed-bottom-bar .product-details {
        flex-grow: 1;
        font-size: 12px;
        margin-bottom: 0;
    }

    .fixed-bottom-bar .product-price {
        font-size: 14px;
    }

    .fixed-bottom-bar .product-variation,
    .fixed-bottom-bar .add-to-cart-button {
        flex: 1; /* Đặt flex cho cả hai phần tử để chúng có cùng chiều rộng */
        margin-right: 5px;
        text-align: center;
    }

    .fixed-bottom-bar .product-variation .quantity {
        display: flex;
        justify-content: center;
    }

    .fixed-bottom-bar .add-to-cart-button {
        padding: 5px 10px;
        font-size: 14px;
    }

    button.single_add_to_cart_button.button.alt {
        font-size: 12px;
        line-height: 15px;
        width: 100%;
    }

    .fixed-bottom-bar .product-variation .quantity {
        width: 100%;
    }

    .fixed-bottom-bar .product-variation .quantity input {
        width: 100%;
        text-align: center;
    }

    .fixed-bottom-bar .product-variation,
    .fixed-bottom-bar .add-to-cart-button {
        max-width: calc(50% - 5px); /* Đảm bảo mỗi phần tử chiếm một nửa chiều rộng */
		min-width:100px;
    }
}