/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
    font-family: 'FK Display';
    src: url('fonts/FKDisplay-Regular.eot');
    src: url('fonts/FKDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/FKDisplay-Regular.woff2') format('woff2'),
        url('fonts/FKDisplay-Regular.woff') format('woff'),
        url('fonts/FKDisplay-Regular.ttf') format('truetype'),
        url('fonts/FKDisplay-Regular.svg#FKDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DTF Lavishe 0.3 Bold';
    src: url('fonts/DTFLavishe03-Bold.eot');
    src: url('fonts/DTFLavishe03-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/DTFLavishe03-Bold.woff2') format('woff2'),
        url('fonts/DTFLavishe03-Bold.woff') format('woff'),
        url('fonts/DTFLavishe03-Bold.ttf') format('truetype'),
        url('fonts/DTFLavishe03-Bold.svg#DTFLavishe0.3-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DTF Lavishe 0.3 Medium';
    src: url('fonts/DTFLavishe03-Medium.eot');
    src: url('fonts/DTFLavishe03-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/DTFLavishe03-Medium.woff2') format('woff2'),
        url('fonts/DTFLavishe03-Medium.woff') format('woff'),
        url('fonts/DTFLavishe03-Medium.ttf') format('truetype'),
        url('fonts/DTFLavishe03-Medium.svg#DTFLavishe0.3-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DTF Lavishe 0.3';
    src: url('fonts/DTFLavishe03-Regular.eot');
    src: url('fonts/DTFLavishe03-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/DTFLavishe03-Regular.woff2') format('woff2'),
        url('fonts/DTFLavishe03-Regular.woff') format('woff'),
        url('fonts/DTFLavishe03-Regular.ttf') format('truetype'),
        url('fonts/DTFLavishe03-Regular.svg#DTFLavishe0.3-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.mobile-menu-button {
        padding: 20px 20px 0px 20px;
}

@media (max-width: 959px) {
    [class*="-h-padding"]#masthead .row-menu .row-menu-inner {
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 959px) {
    .menu-container .logo-container {
        position: relative;
        padding: 27px 20px 27px 20px !important;
    }
}


#store-card:hover .column-background {
    background-color: #1E1E1E !important; /* Đổi nền thành màu đen khi hover */
    opacity: 0.8; /* Thay đổi độ trong suốt nếu cần */
    transition: background-color 0.3s ease, opacity 0.3s ease; /* Thêm hiệu ứng chuyển đổi */
}


/* Contact Form Text color on hover */ 
.btn-accent:not(.btn-hover-nobg):not(.icon-animated):hover, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):focus, .btn-accent:not(.btn-hover-nobg):not(.icon-animated):active {
    background-color: #BD9864 !important;
    border-color: #BD9864 !important;
}
.btn-accent {
    color: #ffffff !important;
    background-color: #181818 !important;
    border-color: #181818 !important;
}
.btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):hover, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):focus, .btn-accent:not(.btn-flat):not(.btn-hover-nobg):not(.icon-animated):not(.btn-text-skin):active {
    color: #ffffff !important;
}


/*footer-shop*/
.page-id-141157 .site-footer {
    display: none;
}


/*NAVBAR*/
@media (min-width: 1024px) {
    .menu-container {
        background-color: transparent !important;
    }
    .menu-horizontal-inner {
        width: 1920px;
        height: 173px;
        flex-shrink: 0;
        margin-top: 20px;
    }
}

.row-menu{
     background: linear-gradient(180deg, #FAFAF6 30%, rgba(250, 250, 246, 0.64) 55.5%, rgba(250, 250, 246, 0.00) 100%);
}
.mobile-menu-button .menu-text {
    font-size: 16px; /* Adjust the font size as needed */
    color: #000; /* Adjust the color as needed */
    transition: opacity 0.2s ease-in-out; /* Smooth transition */
}
/* Ensure smooth transition for visibility changes */
.menu-open .mobile-menu-button .menu-text {
    opacity: 1;
}
/* Hide the default hamburger icon */
.mobile-menu-button .lines {
    display: none;
}
.menu-container.open #main-logo {
    display: none;
}
/* Show the logo when the menu is closed */
.menu-container.close #main-logo {
    display: block;
}
/*END NAVBAR*/

#type-insight {
    opacity: 0.45;
}


.toggle-filter-hide {
    color: #BD9864;
}


.widget-container ul li.no-evts > label {

    font-size: 14px !important;
}

.ajax-filter-sidebar-body{
font-size: 14px
}

.filter-main-group{
font-size: 14px
}

.type-scrolling{
    opacity: 0.45;
}

#logo-container-mobile{
min-width: 55px;
}

#navigation-custom{
    opacity: 0.45;
}




#filter-list__item{
   
    font-size: 14px;
}


#wc-block-cart-item__prices{
 font-size: 50px;
}


.uncode-sidecart-wrapper{
 background:#FFFFFF;
}


#woocommerce-mini-cart-header{
border-color: #181818;
}



body:not(.ajax-hide-filters) #ajax_sidebar_overlay {
    left: 0;
    visibility: visible;
    transition: opacity 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0s 0s, left 0s 0s;
    opacity: 1 !important; /* Đặt opacity về 1 để vô hiệu hóa .5 */
}

#ajax_sidebar_overlay {
    background-color: #fafaf6;
    opacity: .9 !important; /* Bật opacity .9 */
}



/* Style for the menu items on desktop */
@media only screen and (min-width: 769px) {
    #menu-primary-vn .menu-item-link a {
        color: #666;
        text-decoration: none;
        position: relative;
        padding-left: 40px;
        padding-right: 15px; /* Adjust as needed */
    }
}

/* Style for the hover effect */
#menu-primary-vn .menu-item-link a:hover::after,
#menu-primary-vn .menu-item-link a:active::after {
    content: ''; /* Remove the star character */
    position: absolute;
    right: 0; /* Adjust the position if necessary */
    background-image: url('https://divoceramica.com/wp-content/uploads/2024/08/Divo-Star-Black-Small.png'); /* Path to your PNG image */
    background-size: contain; /* Adjust to fit the PNG */
    background-repeat: no-repeat;
    width: 15px; /* Adjust the width to fit your PNG */
    height: 15px; /* Adjust the height to fit your PNG */
    top: 40%;
    transform: translateY(-50%);
    opacity: 1; /* Show the image */
}

/* Style for the menu items on desktop */
@media only screen and (min-width: 769px) {
#menu-primary-vn .mega-menu.menu-item a {
    color: #666;
    text-decoration: none;
    position: relative;
    padding-left: 40px;
    padding-right: 15px; /* Adjust as needed */
}
}

/* Style for the hover effect */
#menu-primary-vn .mega-menu.menu-item a:hover::after,
#menu-primary-vn .mega-menu.menu-item a:active::after {
    content: ''; /* Remove the star character */
    position: absolute;
    right: 0; /* Adjust the position if necessary */
    background-image: url('https://divoceramica.com/wp-content/uploads/2024/08/Divo-Star-Black-Small.png'); /* Path to your PNG image */
    
    background-size: contain; /* Adjust to fit the PNG */
    background-repeat: no-repeat;
    width: 15px; /* Adjust the width to fit your PNG */
    height: 15px; /* Adjust the height to fit your PNG */
    top: 40%;
    transform: translateY(-50%);
    opacity: 1; /* Show the image */
}
/*#menu-primary-vn{*/
/*    padding-left: 120px;*/
/*}*/





@media (max-width: 959px) {
.main-container .row-container .row-parent {
    padding: 36px 20px 0px 20px;
}
}



.price.h5.title-scale ins.h3 .woocommerce-Price-amount.amount {
    font-family: 'FK Display', sans-serif;
    font-size: 15px;
    font-weight: 400;
    
}


@media (min-width: 959px) {
    /* Desktop view */
    .cart-icon-container i.fa-cart {
        display: none; /* Hide cart icon */
    }
    .cart-icon-container .desktop-hidden {
        display: inline !important; /* Show the text "Cart" */
    
    }
}

@media (max-width: 959px) {
    /* Mobile view */
    .cart-icon-container i.fa-cart {
        display: inline; /* Show cart icon */
    }
    .cart-icon-container .desktop-hidden {
        display: inline !important; /* Show the text "Cart" */
        
    }
}
/* Hide the angle down icon on both desktop and mobile */
.fa-angle-down.fa-dropdown.desktop-hidden {
    display: none !important; /* Hide the element */
}


.nav.navbar-nav.navbar-nav-last.navbar-extra-icons {
            transform: translateX(-10px);
}


@media (max-width: px) {
    #menu-primary-vn,
    .menu-primary-inner,
    .menu-smart {
        background: white !important;
        color: #000000;
    }
    
    #menu-primary-vn a {
        color: #000000 !important;
    }
}

.nav.navbar-main-after {
    padding-top: 0 !important;
}



/*Trang contact
/* Đổi màu đường line đậm hơn */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    border-bottom: 1px solid #000;
}
.divider-wrapper {
    border: 0;
    border-top-width: 1px;
    border-style: solid;
}



.navbar-cta {
    padding: 0 !important;
}




.mobile-menu-button .menu-text {
    font-family: 'DTF Lavishe 0.3', sans-serif;
    font-size: 23px;
    color: #666;
}


.navbar-cta {
    padding: 0 !important;
}

.menu-cta-inner {
    padding: 0 !important;
}

.menu-cta-inner > li {
    padding: 0 !important;
}

.menu-cta-inner > li > a {
    padding: 0 !important;
}

@media (min-width: 960px) {
    body[class*=hmenu-]:not(.hormenu-position-right) .navbar-cta + .navbar-nav-last > ul, body[class*=hmenu-]:not(.hormenu-position-right) .navbar-cta + .uncode-menu-additional-text + .uncode-close-offcanvas-mobile + .navbar-nav-last > ul, body[class*=hmenu-]:not(.hormenu-position-right) .navbar-cta + .uncode-close-offcanvas-mobile + .navbar-nav-last > ul {
        padding-left: 15px !important;
    }
}


@media (min-width: 960px) {
    body.hmenu .menu-container .navbar-nav:not(.uncode-close-offcanvas-mobile) {
        vertical-align: unset; /* Hoặc xóa thuộc tính này */
    }
}



.row-menu.menu-open-styles {
    
    margin-top:30px;
}


/* hover gradient Navbar */

.submenu-light .menu-horizontal .menu-smart ul{
    background-color: initial;
    background: none;
}
/* Đặt mặc định cho padding-bottom */
@media (min-width: 769px) {
.single-h-padding#masthead .row-menu .row-menu-inner {
    padding-left: 36px;
    padding-right: 36px;
    padding-bottom: 40px;
    transition: padding-bottom 0.3s ease;
}

/* Hiệu ứng khi hover vào menu item */
.mega-menu.menu-item:hover ~ .single-h-padding#masthead .row-menu .row-menu-inner {
    padding-bottom: 100vh;
}
}


/*background color của menu*/
@media (max-width: 959px) {
    .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-smart, 
    .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-sidebar-inner, 
    .submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
        background: white; /* Đè lên màu gradient trước đó */
    }
}

/*padding menu mobile-top bottom */
.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul {
    padding: 20PX !important;
}
.menu-mobile-centered .main-menu-container .menu-horizontal .menu-horizontal-inner ul.menu-smart:not(.menu-smart-social):not(.menu-social):first-child {
    padding: 20px !important;
}


/* Canh EN-VI theo chiều ngang */
.nav.navbar-nav.navbar-cta .menu-cta-inner {
    display: flex;
    justify-content: center; /* Canh giữa theo chiều ngang */
    align-items: center; /* Canh giữa theo chiều dọc */
}

.nav.navbar-nav.navbar-cta .menu-cta-inner li {
    display: inline-block; /* Đảm bảo các phần tử li được hiển thị theo chiều ngang */
    margin-right: 10px; /* Khoảng cách giữa các phần tử menu */
}

.nav.navbar-nav.navbar-cta .menu-cta-inner li:last-child {
    margin-right: 0; /* Loại bỏ margin cho phần tử cuối cùng */
}



/* CSS cho mega-menu-inner */
/* CSS cho phần tử menu cha */
.menu-item:hover .mega-menu-inner {
    visibility: visible !important; /* Đảm bảo menu hiển thị khi hover */
    pointer-events: auto !important; /* Cho phép tương tác với menu khi hover */
    opacity: 1 !important; /* Đảm bảo menu có thể nhìn thấy */
    display: block !important; /* Đảm bảo menu được hiển thị */
    position: absolute; /* Đảm bảo menu không làm ảnh hưởng đến layout */
    z-index: 2 !important; /* Đảm bảo menu nằm trên các phần tử khác */
    width: 800px !important; /* Kích thước của menu */
    top: 57% !important; /* Vị trí menu */
    left: auto !important; /* Điều chỉnh vị trí ngang của menu */
    right: auto !important; /* Đặt thuộc tính right về auto để không bị ảnh hưởng */
    margin-left: 0 !important; /* Đặt khoảng cách bên trái của menu */
    margin-top: 20px !important; /* Đặt khoảng cách bên trên của menu */
    transition: opacity 0.3s ease; /* Thêm hiệu ứng chuyển tiếp mượt mà nếu cần */
}

/* CSS cho phần tử menu con */
.mega-menu-inner {
    visibility: hidden !important; /* Ẩn menu khi không hover */
    pointer-events: none !important; /* Ngăn không cho tương tác với menu khi không hover */
    opacity: 0 !important; /* Ẩn menu bằng cách đặt độ mờ */
    display: none !important; /* Ẩn menu hoàn toàn */
    position: absolute; /* Đảm bảo menu không làm ảnh hưởng đến layout */
    z-index: 2 !important; /* Đảm bảo menu nằm trên các phần tử khác */
    transition: opacity 0.3s ease; /* Thêm hiệu ứng chuyển tiếp mượt mà nếu cần */
}


/* Opacity Menu */
@media (min-width: 960px) {
    :not(.menu-sub-enhanced).menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li > a {
        padding: 9px 9px 14px 9px;
        opacity: 0.7;
    }
}

/*ẩn các thuộc tính*/
.single-product .row-container.row-breadcrumb,
#infor-product .woocommerce-product-attributes-item--attribute_pa_application,
#infor-product .woocommerce-product-attributes-item--attribute_pa_pattern{
    display: none;
}

#infor-product .woocommerce-product-attributes-item--attribute_pa_mau-sac {
    display: block !important;
}

#color-product .woocommerce-product-attributes-item--attribute_pa_xuat-xu,
#color-product .woocommerce-product-attributes-item--attribute_pa_phan-loai,
#color-product .woocommerce-product-attributes-item--attribute_pa_ma-san-pham,
#color-product .woocommerce-product-attributes-item--attribute_pa_application,
#color-product .woocommerce-product-attributes-item--attribute_pa_be-mat,
#color-product .woocommerce-product-attributes-item--attribute_pa_pattern,
#color-product .woocommerce-product-attributes-item--attribute_pa_size,
#color-product .woocommerce-product-attributes-item--attribute_pa_vat-lieu,
#color-product .woocommerce-product-attributes-item--attribute_pa_thuong-hieu {
    display: none !important;
}
#color-product .woocommerce-product-attributes-item__label{
    display: none !important;
}
#color-product {
    display: inline-block;
    padding: 10px 20px;
    background-color: transparent; /* Nền trong suốt */
    color: #181818; /* Màu chữ đen */
    border: 1px solid #000; /* Đường viền màu đen */
 
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

/* Change mobile filter color text button */
.ajax-filter-sidebar-wrapper.style-light .ajax-filter-sidebar-footer .buttons a:first-child {
    color: #ffffff !important;
}

/* Change mobile filter background color button */
.ajax-filter-sidebar-overlay .ajax-filter-sidebar .ajax-filter-sidebar-footer .buttons a:first-child {
    color: #ffffff !important;
    background-color: #181818 !important;
    border-color: #181818 !important;
    padding: 15px 36px !important;
}

/* Fill mobile filter div background */
.ajax-filter-sidebar-overlay .ajax-filter-sidebar .ajax-filter-sidebar-header:after, .ajax-filter-sidebar-overlay .ajax-filter-sidebar .ajax-filter-sidebar-footer:after {
    background-color: #FAFAF6;
    bottom: 0;
    content: '';
    display: block;
    left: -27px;
    position: absolute;
    right: -27px;
    top: 0;
    z-index: -10;
}




.author-info a {
    text-decoration: none;
    color: inherit;
    pointer-events: none; /* Ngăn không cho người dùng click vào link */
}


@media (max-width: 959px) {
    .ajax-filter-sidebar-overlay .ajax-filter-sidebar .ajax-filter-sidebar-footer {
        border-top: 1px solid transparent;
        bottom: 0;
        padding-bottom: 9px;
        position: absolute; /* Vẫn giữ vị trí tuyệt đối */
        left: auto; /* Tắt thuộc tính left */
        right: auto; /* Tắt thuộc tính right */
        z-index: 1;
    }
}

.ajax-filter-sidebar-footer {
    position: fixed !important; /* Ghim nó ở một vị trí cố định */
    bottom: 0 !important; /* Đặt nó ở cạnh dưới của màn hình */
    left: 0;
    width: 100%; /* Để nó chiếm toàn bộ chiều ngang màn hình */
    z-index: 1000 !important; /* Đảm bảo nó nằm trên các phần tử khác */
    background-color: white; /* Đặt nền trắng để phân biệt với nội dung phía sau */
    padding-top: 10px; /* Tạo khoảng cách trên */
    padding-bottom: 10px; /* Tạo khoảng cách dưới */
    padding-left: 20px !important; /* Bỏ padding trái */
    padding-right: 20px !important; /* Bỏ padding phải */
    border-top: 2px solid #000; /* Thêm viền gạch ngang màu đen ở phía trên */
}

.ajax-filter-sidebar__buttons {
    display: flex !important;
    flex-direction: column !important; /* Sắp xếp nút theo chiều dọc */
    justify-content: space-between !important;
    align-items: center; /* Căn giữa các nút theo chiều ngang */
}

.ajax-filter-sidebar__button {
    margin-bottom: 10px; /* Tạo khoảng cách giữa các nút */
    z-index: 1000 !important;
    width: 80%; /* Đặt độ rộng của nút, có thể điều chỉnh */
}