/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.5.1
	Stable tag: 3.5.1
	Requires at least: 6.0
	Tested up to: 7.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

html, body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden;
}

.site-header{
    max-width: 100% !important;
    width: 100%;
    position: sticky !important;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    padding-block-end: 0 !important;
    padding-block-start: 0 !important
}

.site-header-wrapper {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
    z-index: 9999;
}

/* Khống chế logo tuyệt đối */
.header-custom-logo img,
.header-custom-logo a img,
a.custom-logo-link img {
    max-height: 45px !important;
    width: auto !important;
    height: 45px !important;
    object-fit: contain !important;
    display: block !important;
}

/* Format Menu */
.custom-main-menu ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 20px !important;
    align-items: center !important;
}

.custom-main-menu ul li a {
    text-decoration: none !important;
    color: #222222 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    transition: color 0.2s !important;
}

.custom-main-menu ul li a:hover {
    color: #f37021 !important;
}

.navbar-nav {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navbar-nav li a {
    color: #222222 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    white-space: nowrap !important;
}

.navbar-nav li a:hover {
    color: #f37021 !important;
}
.nav li, 
.menu li, 
ul.menu > li,
li.menu-item-has-children {
    position: relative !important;
}

li.menu-item-has-children > a::after,
li.page_item_has_children > a::after {
    content: " ▼";
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

li.menu-item-has-children:hover > a::after,
li.page_item_has_children:hover > a::after {
    transform: rotate(180deg);
}

.nav ul.sub-menu, 
.menu ul.sub-menu, 
ul.sub-menu, 
ul.children {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important; /* Căn thẳng hàng bên trái với mục cha */
    z-index: 99999 !important;
    background-color: #ffffff !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15) !important;
    list-style: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    min-width: 200px !important;
    border-radius: 4px;
}

ul.sub-menu li,
ul.children li {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

ul.sub-menu li a,
ul.children li a {
    display: block !important;
    padding: 10px 18px !important;
    color: #333333 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-weight: normal !important;
}

ul.sub-menu li a:hover,
ul.children li a:hover {
    background-color: #f5f5f5 !important;
    color: #e65100 !important; /* Đổi màu chữ theo tông cam của website */
}

li.menu-item-has-children:hover > ul.sub-menu,
li.page_item_has_children:hover > ul.children,
li:hover > ul.sub-menu {
    display: block !important;
}