/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Child theme cho Hello Elementor
 Author:       TQEq Team
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/


/* 1. Ẩn chữ mặc định "Đọc tiếp" trong nút của lưới JetWoo / WooCommerce */
.jet-woo-products .button,
.woocommerce ul.products li.product .button {
    font-size: 0 !important; /* Giấu chữ gốc đi */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff !important; /* Màu cam thương hiệu */
    color: #102A56 !important;
    padding: 8px 8px !important;
    text-decoration: none !important;
}

/* 2. Đắp chữ "Xem chi tiết →" mới vào */
.jet-woo-products .button::after,
.woocommerce ul.products li.product .button::after {
    content: "Xem chi tiết →";
    font-size: 13px !important; /* Kích thước chữ hiển thị */
    font-weight: 600 !important;
    color: #102A56 !important;
    display: inline-block;
}

/* Hiệu ứng khi rê chuột */
.jet-woo-products .button:hover,
.woocommerce ul.products li.product .button:hover {
    background-color: #fff !important;
	color: #dd8888 !important;
}

/* =========================================
   TQEQ - UBERMENU
   Full Header Mega Menu + Hover Bridge
========================================= */
@media (min-width: 1366px) and (max-width: 1599px) {
	.elementor-30 .elementor-element.elementor-element-4fdb0ba {--width: 45%;}
	.elementor-30 .elementor-element.elementor-element-c20d7fc {--width: 40%;} 
	.elementor-30 .elementor-element.elementor-element-87d7331{--content-width: 1240px !important;}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {padding: 0px 10px 0px 10px;}
	.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {display: none;}
	    /* 1. CĂN MEGA MENU THEO HEADER */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 {
        position: static !important;
    }

    #ubermenu-main-416 .ubermenu-submenu-align-full_width {
        width: 1280px !important;
        max-width: 1280px !important;
        left: calc(50% + 90px) !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }
	/* 2. TẠO CẦU NỐI HOVER 68PX
       Không thay đổi position của menu item
    */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 > .ubermenu-target {
        position: relative !important;
    }

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0:has(> .ubermenu-submenu) > .ubermenu-target::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 52px;
        background: transparent;
        z-index: 9998;
        pointer-events: auto;
    }


    /* 3. KHOẢNG CÁCH SUBMENU 68PX */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 > .ubermenu-submenu {
        margin-top: 52px !important;
    }
	#ubermenu-main-416 .ubermenu-submenu-align-full_width {
        padding: 25px 30px !important;
        box-sizing: border-box !important;
    }
	/* UberMenu - Viết hoa toàn bộ menu cấp 1 */
#megaMenu .ubermenu-nav > li.ubermenu-item > a.ubermenu-target,
.ubermenu .ubermenu-nav > li.ubermenu-item > a.ubermenu-target {
    text-transform: uppercase !important;
}
.ubermenu-main .ubermenu-submenu-type-flyout > .ubermenu-item-normal > .ubermenu-target {padding-top: 20px !important;}
	
}

@media (min-width: 1600px) {

    /* 1. CĂN MEGA MENU THEO HEADER */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 {
        position: static !important;
    }

    #ubermenu-main-416 .ubermenu-submenu-align-full_width {
        width: 1680px !important;
        max-width: 1680px !important;
        left: calc(50% + 123px) !important;
        right: auto !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }


    /* 2. TẠO CẦU NỐI HOVER 68PX
       Không thay đổi position của menu item
    */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 > .ubermenu-target {
        position: relative !important;
    }

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0:has(> .ubermenu-submenu) > .ubermenu-target::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 68px;
        background: transparent;
        z-index: 9998;
        pointer-events: auto;
    }


    /* 3. KHOẢNG CÁCH SUBMENU 68PX */

    #ubermenu-main-416 > ul.ubermenu-nav > li.ubermenu-item-level-0 > .ubermenu-submenu {
        margin-top: 68px !important;
    }
	#ubermenu-main-416 .ubermenu-submenu-align-full_width {
        padding: 25px 30px !important;
        box-sizing: border-box !important;
    }
	/* UberMenu - Viết hoa toàn bộ menu cấp 1 */
#megaMenu .ubermenu-nav > li.ubermenu-item > a.ubermenu-target,
.ubermenu .ubermenu-nav > li.ubermenu-item > a.ubermenu-target {
    text-transform: uppercase !important;
}
.ubermenu-main .ubermenu-submenu-type-flyout > .ubermenu-item-normal > .ubermenu-target {padding-top: 20px !important;}
	

}