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

/*************** ADD CUSTOM CSS HERE.   ***************/
* {
    font-family: "Roboto", sans-serif;
}

.header-bottom .header-nav>li>a {
    color: #000 !important;
    font-weight: 400;
    text-transform: uppercase;
}

.header-bottom .header-nav>li>a:hover,
.header-bottom .header-nav>li.active>a {
    color: var(--primary-color) !important;
    font-weight: 700;
}

.header-nav>li>a,
button.ux-search-submit.submit-button.secondary.button.icon.mb-0,
input#s,
input#woocommerce-product-search-field-0 {
    font-size: 16px;
}

.d-flex {
    display: flex;
}

.horizontal-menu {
    display: flex;
    flex-direction: row;
}

.horizontal-menu .menu-item {
    margin: 0 10px !important;
}

.horizontal-menu span.ux-menu-link__text {
    font-size: 16px !important;
    text-transform: uppercase !important;
}

.subheader .toogle-nav-wrapper {
    display: flex;
    width: 100%;
}

ul.submenu__list.level2,
ul.submenu__list.level3 {
    display: none;
}

li.menu-item.list-group-item {
    position: relative;
}

.navigation .submenu__list>li {
    padding: 8px 10px;
    cursor: pointer;
    border-bottom: 0px;
    font-weight: 500;
    box-shadow: inset 0px 1px 0px #f1f1f1;
}

ul.navigation.list-group.list-group-flush.scroll {
    list-style: none;
}

li.submenu__item.submenu__item--main a {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.subheader .toogle-nav-wrapper .icon-bar {
    padding: 0 2px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
}

.level2>li:hover .submenu__list.level3,
.navigation>li:hover .submenu__list.level2 {
    margin-top: -1px;
    display: block !important;
    width: 100%;
    padding: 0px 0px;
    border-radius: 0px;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #ddd #ddd #ddd #e1e1e1;
    position: absolute;
    top: 0px;
    left: calc(100% - 1px);
    background: #fff;
    margin-left: 0px;
    box-shadow: rgb(0 0 0 / 6%) -2px 0px 8px 0px;
    z-index: 999999;
    font-size: 14px;
    display: flex;
    flex-direction: column;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 16px;
    display: -webkit-box;
    /* Tạo box flex ẩn bớt text */
    -webkit-line-clamp: 2;
    /* Giới hạn 2 dòng */
    -webkit-box-orient: vertical;
    /* Hướng box */
    overflow: hidden;
    /* Ẩn text dư */
    text-overflow: ellipsis;
    /* Hiển thị dấu … */
    margin-bottom: 20px;
}


a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    color: var(--primary-color);
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #000;
}

.price span.woocommerce-Price-amount.amount>bdi {
    color: red;
    font-size: 16px;
}

section {
    margin-bottom: 0;
}

.post-item .is-divider {
    display: none;
}

.icon-footer img {
    transform: scale(2);
    margin-top: -8px;
}

.icon-footer .icon-box-text.last-reset {
    padding: 0;
}

.icon-footer .icon-box-img {
    flex: 0.5;
}

.icon-footer .icon {
    float: right;
    margin-right: 10px;
}

.feature-posts .post-item {
    padding-bottom: 10px;
}

.post-sidebar {
    border-left: 1px solid #000;
}

h5.post-title a {
    color: #000;
}

.icon-contact img {
    transform: scale(2);
    transform-origin: bottom;
}

ul.navigation.list-group.list-group-flush.scroll {
    position: absolute;
    width: calc(100% - 30px);
}

.header-bottom ul.navigation.list-group.list-group-flush.scroll {
    display: none;
    max-height: none;
}

.header-bottom.active ul.navigation.list-group.list-group-flush.scroll,
.header-bottom .subheader:hover~ul.navigation.list-group.list-group-flush.scroll {
    display: block !important;
}

.header-wrapper.stuck .header-bottom ul.navigation.list-group.list-group-flush.scroll {
    display: none !important;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/

}

@media only screen and (min-width: 1200px) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .row-7 .col {
        width: 14.285%;
        flex-basis: 14.285%;
    }

}

/* Ẩn label dành cho screen-reader */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Khối “input + nút” nằm chung 1 khung bo tròn */
.wpcf7 form .nl-inline {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    overflow: hidden;
    /* để nút vàng bo tròn theo khung */
    background: #fff;
}

/* Ô nhập chiếm toàn bộ phần còn lại */
.wpcf7 form .nl-inline input[type="email"],
.wpcf7 form .nl-inline input[type="text"] {
    flex: 1 1 auto;
    height: 44px;
    border: 0;
    padding: 0 14px;
    font-size: 16px;
    outline: none;
    box-shadow: none;
}

/* Nút vàng bên phải */
.wpcf7 form .nl-inline input[type="submit"] {
    flex: 0 0 auto;
    height: 44px;
    padding: 0 18px;
    background: #f6d348;
    /* vàng */
    color: #141414;
    font-weight: 600;
    border: 0;
    cursor: pointer;
}

/* Hover / focus */
.wpcf7 form .nl-inline input[type="submit"]:hover {
    filter: brightness(0.95);
}

.wpcf7 form .nl-inline:focus-within {
    border-color: #f6d348;
    box-shadow: 0 0 0 3px rgba(246, 211, 72, .25);
}

/* Toàn khối ngang 100% trên mobile */
@media (max-width: 480px) {
    .wpcf7 form .nl-inline {
        border-radius: 6px;
    }

    .wpcf7 form .nl-inline input[type="email"],
    .wpcf7 form .nl-inline input[type="text"] {
        height: 42px;
    }

    .wpcf7 form .nl-inline input[type="submit"] {
        height: 42px;
    }
}


.icon-grey-footer img {
    transform: scale(4);
}

.nl-inline>p {
    display: flex;
}

.nl-inline input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: absolute;
    right: 0;
    margin-right: 0;
    border-radius: 0 8px 8px 0;
}

.nl-inline input {
    margin-bottom: 0;
}

.shop-page-title.category-page-title.page-title {
    display: none;
}

.header-bottom {
    background-color: #FFF;
}

.shop-section {
    border-radius: 12px;
    background-color: #FFF;
    margin-bottom: 30px;
    padding: 10px;
    min-height: 30px;
}


#masthead {
    background-color: var(--primary-color);
}

#logo img {
    filter: brightness(0) invert(1);
}

#masthead ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
    justify-content: space-between;
}

a.button.add_to_cart_button.ajax_add_to_cart.flatsome-child-quick-add.loading {
    color: #000;
}

/* Quick add-to-cart circular button (child theme) */
.flatsome-child-quick-add,
a.button.add_to_cart_button.ajax_add_to_cart.flatsome-child-quick-add.loading {
    position: absolute;
    right: 12px;
    bottom: 0px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #0bb24a;
    /* green */
    color: #fff;
    text-decoration: none;
    box-shadow: 0 6px 12px rgba(11, 178, 74, 0.18);
    z-index: 999;
    transition: transform 120ms ease, box-shadow 120ms ease;
    margin: 0;
}

.stuck .header-main .nav>li>a {
    line-height: normal !important;
}

.flatsome-child-quick-add:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 18px rgba(11, 178, 74, 0.22);
}

.flc-quick-add-icon {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

/* When used as a link (not ajax button) ensure pointer cursor */
.flatsome-child-quick-add--link {
    cursor: pointer;
}

/* Ensure product container has position:relative so the button sits over it */
.product,
.woocommerce .products .product {
    position: relative;
}

.product-small.col {
    border: 1px solid #ccc;
}

.product-small.col:not(:nth-child(5n+1)) {
    border-left: none;
}

.box-text.box-text-products {
    text-align: left;
}

.tabbed-content.tab-dung-cu {
    margin-top: -85px;
}

.tab-dung-cu ul.nav.nav-pills.nav-uppercase.nav-size-xlarge.nav-right {
    margin-bottom: 10px;
    margin-top: 20px;
}

.tab-dung-cu .nav-pills>li.active>a {
    border-radius: 4px;
    padding: 6px 20px;
}

.home-post .post-item {
    padding-bottom: 10px;
}

.tab-dung-cu .nav-pills>li>a {
    border-radius: 4px;
    padding: 6px 20px;
    border: 1px solid var(--primary-color);
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}

.section-footer .icon,
.icon-box-main-menu .icon {
    width: unset;
}

.section-footer span.ux-menu-link__text {
    font-size: 17px;
    color: #000;
}

.section-footer span.ux-menu-link__text:hover {
    color: rgb(8, 127, 8);
}

.absolute-footer.dark {
    display: none;
}

li.header-search-form.search-form.html.relative.has-icon {
    width: 325px;
    flex: 1;
    margin-right: 40px;
}

.header-main li.header-block {
    width: 200px;
}

.icon-box-main-menu {
    display: flex;
    align-items: center;
}

input#woocommerce-product-search-field-0 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

a.header-cart-link.nav-top-link.is-small {
    display: flex;
    align-items: center;
    padding: 10px 13px;
    border: 2px solid #FFF;
    border-radius: 6px;
    text-decoration: none;
}

li.menu-item.list-group-item {
    margin-bottom: 0;
}

.searchform-wrapper.ux-search-box.relative.is-normal button.ux-search-submit.submit-button.secondary.button.icon.mb-0,
i.icon-shopping-cart::after {
    background-color: #fbd947;
    color: #000;
}

.cart-item ul.nav-dropdown.nav-dropdown-default {
    position: absolute;
    z-index: 999;
}

.cart-item ul.nav-dropdown.nav-dropdown-default {
    position: absolute;
    z-index: 999;
}

.cat-slide-row {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* mượt trên iOS */
    scrollbar-width: none;
    /* Firefox ẩn scrollbar */
}

.cat-slide-row::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari ẩn scrollbar */
}

/* Ẩn link "Xem giỏ hàng" nếu Woo lỡ chèn */
.added_to_cart.wc-forward {
    display: none !important;
}

/* Trạng thái đang thêm (tùy biến nếu muốn) */
.flatsome-child-quick-add.is-adding {
    opacity: 1;
    transform: none;
}

/* Không đổi style khi Woo thêm class .added */
.flatsome-child-quick-add.added:after {
    content: none !important;
}

.cart-item .nav-dropdown {
    width: 400px;

}

.mini_cart_item a.remove.remove_from_cart_button {
    border: none;
    color: #000;
}

.mini_cart_item a {
    color: #000;
}

a.button.checkout.wc-forward {
    background-color: #ed3324;
}

p.woocommerce-mini-cart__total.total .amount bdi,
.ux-mini-cart-qty .amount bdi {
    color: red;
}

/* Khối hành động sản phẩm */
.dfk-actions {
    margin-top: 16px;
}

/* Nút MUA NGAY (xanh lá, full width) */
.dfk-btn-buy-now {
    width: 100%;
    display: block;
    text-align: center;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    border: none;
    background: #00a651;
    /* xanh lá */
    color: #fff;
}

.dfk-btn-buy-now small {
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
}

/* Nút THÊM VÀO GIỎ (viền xanh, chữ xanh, nền trắng) */
.dfk-btn-add-outline {
    margin-top: 12px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
    border: 2px solid #00a651;
    background: #fff;
    color: #00a651;
}

.dfk-btn-buy-now small {
    line-height: 1;
}

h1.product-title.product_title.entry-title {
    color: #000;
}

.product-info .is-divider {
    display: none;
}

/* Hàng 2 nút hotline + zalo */
.dfk-row {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.dfk-row .button {
    flex: 1;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff;
}

.dfk-actions .button {
    text-transform: none;
    margin-bottom: 10px;
}

.dfk-btn-hotline {
    background: #ef4444;
}

button.button.dfk-btn-buy-now {
    display: flex;
    flex-direction: column;
}

/* đỏ */
.dfk-btn-zalo {
    background: #0d6efd;
}

/* xanh Zalo */
h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
    color: #000;
}

/* Banner cuối cùng */
.dfk-banner {
    display: block;
    text-align: center;
    background: #007a29;
    padding: 10px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    border-radius: 4px;
    text-decoration: none;
}

form.cart .single_add_to_cart_button {
    display: none !important;
}

li#tab-title-description a {
    font-size: 16px;
}