.elementor-17 .elementor-element.elementor-element-4a0769f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:999;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-4400994 img{width:90px;}.elementor-17 .elementor-element.elementor-element-9ce4406 img{width:90px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-menu-toggle{margin:0 auto;background-color:#1A498E73;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-9fec5e2 );fill:var( --e-global-color-9fec5e2 );}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a:hover,
					.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a:focus,
					.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-accent );}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Be Vietnam Pro", Sans-serif;font-size:16px;font-weight:400;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-17 .elementor-element.elementor-element-fb0e592 div.elementor-menu-toggle{color:var( --e-global-color-9fec5e2 );}.elementor-17 .elementor-element.elementor-element-fb0e592 div.elementor-menu-toggle svg{fill:var( --e-global-color-9fec5e2 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-4400994 img{width:60px;}.elementor-17 .elementor-element.elementor-element-9ce4406 img{width:60px;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown .elementor-item, .elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-17 .elementor-element.elementor-element-fb0e592{--nav-menu-icon-size:26px;}.elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-menu-toggle{border-radius:10px;}}/* Start custom CSS *//* --- PHẦN 1: Cấu hình chung Header --- */
.my-smart-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    transition: transform 0.4s ease, background-color 0.4s ease;
    background-color: transparent; /* Ban đầu trong suốt */
}

/* Ẩn Header khi cuộn xuống */
.my-smart-header.header-hidden {
    transform: translateY(-100%);
}

/* Hiện Header (Nền trắng) khi cuộn lên */
.my-smart-header.header-visible {
    transform: translateY(0);
    background-color: #ffffffcc; /* Đổi nền trắng */
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
    backdrop-filter: blur(10px);
}

/* Đổi màu menu/icon sang đen khi nền trắng */
.my-smart-header.header-visible a,
.my-smart-header.header-visible i {
    color: #000000 !important; 
}
.my-smart-header.header-visible .current-menu-item a, .elementor-17 .elementor-element.elementor-element-fb0e592 .elementor-nav-menu--main .elementor-item:hover {
    color: #E31F26 !important;
    fill: #E31F26 !important;
    
}

/* --- PHẦN 2: Xử lý đổi Logo --- */

/* Mặc định: Logo MÀU bị ẩn, Logo TRẮNG hiện */
.logo-mau {
    display: none !important;
}
.logo-goc {
    display: block !important;
}

/* KHI Header có nền trắng (.header-visible): Đảo ngược lại */
.my-smart-header.header-visible .logo-mau {
    display: block !important;
}
.my-smart-header.header-visible .logo-goc {
    display: none !important;
}/* End custom CSS */