.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-170 .elementor-element.elementor-element-20ec06b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-170 .elementor-element.elementor-element-20ec06b:not(.elementor-motion-effects-element-type-background), .elementor-170 .elementor-element.elementor-element-20ec06b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-170 .elementor-element.elementor-element-cd18eaf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-theme-site-logo .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo .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-170 .elementor-element.elementor-element-f7d7ea2{text-align:start;}.elementor-170 .elementor-element.elementor-element-f7d7ea2 img{width:100%;}.elementor-170 .elementor-element.elementor-element-a266abf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-nav-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-170 .elementor-element.elementor-element-75ba217 .elementor-menu-toggle{margin-left:auto;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-item{color:#1F2937;fill:#1F2937;padding-left:12px;padding-right:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-item:hover, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-item:focus{color:#F16C26;fill:#F16C26;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F16C26;}.elementor-170 .elementor-element.elementor-element-75ba217 .e--pointer-framed .elementor-item:before, .elementor-170 .elementor-element.elementor-element-75ba217 .e--pointer-framed .elementor-item:after{border-color:#F16C26;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-menu-toggle{color:#1F2937;fill:#1F2937;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:12px 12px 12px 12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a:hover, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a:focus, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a.highlighted, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-menu-toggle:hover, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-menu-toggle:focus{color:#F16C26;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a:hover, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a:focus, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown .elementor-item, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:12px;border-top-right-radius:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:12px;border-bottom-left-radius:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.08);}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-170 .elementor-element.elementor-element-75ba217 div.elementor-menu-toggle{color:#1E7B45;}.elementor-170 .elementor-element.elementor-element-75ba217 div.elementor-menu-toggle svg{fill:#1E7B45;}.elementor-170 .elementor-element.elementor-element-112f112{--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:center;--align-items:center;}.elementor-170 .elementor-element.elementor-element-112f112.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-170 .elementor-element.elementor-element-cec97ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-icon .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-170 .elementor-element.elementor-element-b5b9ab3 .elementor-icon-wrapper{text-align:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-170 .elementor-element.elementor-element-cd18eaf{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-170 .elementor-element.elementor-element-cd18eaf.e-con{--align-self:center;}.elementor-170 .elementor-element.elementor-element-f7d7ea2 img{width:160px;}.elementor-170 .elementor-element.elementor-element-a266abf{--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-170 .elementor-element.elementor-element-a266abf.e-con{--align-self:center;--order:3;}.elementor-170 .elementor-element.elementor-element-75ba217.elementor-element{--align-self:center;}.elementor-170 .elementor-element.elementor-element-112f112{--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;--align-items:center;}.elementor-170 .elementor-element.elementor-element-112f112.e-con{--order:2;}}@media(max-width:767px){.elementor-170 .elementor-element.elementor-element-20ec06b{--flex-wrap:nowrap;--z-index:999;}.elementor-170 .elementor-element.elementor-element-cd18eaf{--width:50%;}.elementor-170 .elementor-element.elementor-element-f7d7ea2 img{width:140px;}.elementor-170 .elementor-element.elementor-element-a266abf{--width:15%;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown{border-radius:12px 12px 12px 12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:12px;border-top-right-radius:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:12px;border-bottom-left-radius:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px;}.elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-170 .elementor-element.elementor-element-75ba217 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:25px !important;}.elementor-170 .elementor-element.elementor-element-75ba217{--nav-menu-icon-size:24px;}.elementor-170 .elementor-element.elementor-element-112f112{--width:35%;}}@media(min-width:768px){.elementor-170 .elementor-element.elementor-element-20ec06b{--content-width:80%;}.elementor-170 .elementor-element.elementor-element-cd18eaf{--width:15%;}.elementor-170 .elementor-element.elementor-element-a266abf{--width:60%;}.elementor-170 .elementor-element.elementor-element-112f112{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-170 .elementor-element.elementor-element-cd18eaf{--width:50%;}.elementor-170 .elementor-element.elementor-element-a266abf{--width:15%;}.elementor-170 .elementor-element.elementor-element-112f112{--width:35%;}}/* Start custom CSS for container, class: .elementor-element-112f112 *//* =================================================== 1. LỆNH ẨN HIỆN TUYỆT ĐỐI (ÉP THEO TRẠNG THÁI) =================================================== */ #btn-guest { display: flex !important; align-items: center !important; } #box-member { display: none !important; } body.logged-in #btn-guest { display: none !important; } body.logged-in #box-member { display: flex !important; } body.elementor-editor-active #box-member { display: flex !important; } /* =================================================== 2. NÚT ĐĂNG NHẬP (KHÁCH) - THIẾT KẾ UI/UX VIP =================================================== */ #btn-guest .elementor-button { background: linear-gradient(135deg, #ea580c, #f97316) !important; color: #ffffff !important; border-radius: 50px !important; padding: 12px 28px !important; font-size: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; white-space: nowrap !important; min-width: max-content !important; border: none !important; box-shadow: 0 4px 15px rgba(234, 88, 12, 0.3) !important; transition: all 0.3s ease !important; position: relative !important; z-index: 9999 !important; /* Xuyên thủng lớp kính đè nút */ } #btn-guest .elementor-button:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(234, 88, 12, 0.45) !important; } /* =================================================== 3. KHUNG HỌC VIÊN (CẤM RỚT DÒNG, CẤM VỠ KHUNG) =================================================== */ #box-member { background-color: #f3f4f6 !important; padding: 6px 16px !important; border-radius: 50px !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 0 !important; width: max-content !important; max-width: 100% !important; } /* =================================================== 4. TÊN HỌC VIÊN (ÉP CẮT CHỮ NẾU QUÁ DÀI) =================================================== */ #text-name { flex: 1 !important; min-width: 0 !important; margin: 0 !important; padding: 0 12px 0 0 !important; border-right: 1px solid #d1d5db !important; } #text-name .elementor-heading-title { color: #111827 !important; font-size: 15px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; margin: 0 !important; line-height: 1.2 !important; } /* =================================================== 5. ICON ĐĂNG XUẤT (TIÊU DIỆT MÀU XANH LÁ) =================================================== */ #icon-logout { flex-shrink: 0 !important; margin-left: 12px !important; padding: 0 !important; display: flex !important; align-items: center !important; } #icon-logout .elementor-icon, #icon-logout .elementor-icon i, #icon-logout .elementor-icon svg { color: #6b7280 !important; fill: #6b7280 !important; font-size: 18px !important; width: 18px !important; height: 18px !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; } #icon-logout .elementor-icon:hover, #icon-logout .elementor-icon:hover i, #icon-logout .elementor-icon:hover svg { color: #EA580C !important; fill: #EA580C !important; } /* =================================================== 6. TỐI ƯU HOÀN HẢO CHO TABLET & MOBILE =================================================== */ @media (max-width: 1024px) { #box-member { padding: 5px 12px !important; } #text-name { padding-right: 8px !important; } #text-name .elementor-heading-title { max-width: 110px !important; font-size: 14px !important; } #icon-logout { margin-left: 8px !important; } } @media (max-width: 767px) { /* Tạo khoảng cách thở giữa Nút và Menu Hamburger */ #btn-guest { margin-right: 12px !important; } #btn-guest .elementor-button { padding: 10px 20px !important; font-size: 13px !important; } #box-member { padding: 4px 10px !important; } #text-name { padding: 0 6px 0 0 !important; } #text-name .elementor-heading-title { max-width: 75px !important; font-size: 13px !important; } #icon-logout { margin-left: 6px !important; } #icon-logout .elementor-icon, #icon-logout .elementor-icon i, #icon-logout .elementor-icon svg { font-size: 16px !important; width: 16px !important; height: 16px !important; } }/* End custom CSS */