.elementor-501 .elementor-element.elementor-element-58b4b706{--display:flex;--min-height:10vh;--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;box-shadow:15px 15px 30px 5px rgba(0, 0, 0, 0.04);--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:96;}.elementor-501 .elementor-element.elementor-element-58b4b706:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-58b4b706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#292E3B;}.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-501 .elementor-element.elementor-element-6845a76d > .elementor-widget-container{padding:7px 7px 18px 7px;}.elementor-501 .elementor-element.elementor-element-6845a76d{text-align:left;}.elementor-501 .elementor-element.elementor-element-6845a76d img{width:100%;height:65px;object-fit:contain;object-position:center center;}.elementor-501 .elementor-element.elementor-element-691e550 > .elementor-widget-container{background-color:#FA000000;}.elementor-501 .elementor-element.elementor-element-6803572f{--display:flex;}.elementor-501 .elementor-element.elementor-element-6803572f:not(.elementor-motion-effects-element-type-background), .elementor-501 .elementor-element.elementor-element-6803572f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E222C;}.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-501 .elementor-element.elementor-element-7525836d .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item{color:#FF9C00;fill:#FF9C00;padding-left:9px;padding-right:9px;padding-top:5px;padding-bottom:5px;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#E8EAEC;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed .elementor-item:before,
					.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed .elementor-item:after{border-color:#E8EAEC;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-underline .elementor-item:after,
					 .elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-overline .elementor-item:before,
					 .elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-double-line .elementor-item:before,
					 .elementor-501 .elementor-element.elementor-element-7525836d .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-501 .elementor-element.elementor-element-7525836d{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a, .elementor-501 .elementor-element.elementor-element-7525836d .elementor-menu-toggle{color:#1C244B;fill:#1C244B;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown{background-color:#F3F5F8;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a:hover,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a:focus,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a.highlighted{background-color:#F9FAFD;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a.elementor-item-active{background-color:#F9FAFD;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown .elementor-item, .elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;}.elementor-501 .elementor-element.elementor-element-7525836d div.elementor-menu-toggle{color:#467FF7;}.elementor-501 .elementor-element.elementor-element-7525836d div.elementor-menu-toggle svg{fill:#467FF7;}.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-501 .elementor-element.elementor-element-58b4b706{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown .elementor-item, .elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-501 .elementor-element.elementor-element-58b4b706{--min-height:50px;--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-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-501 .elementor-element.elementor-element-7525836d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-501 .elementor-element.elementor-element-7525836d{--nav-menu-icon-size:20px;}}/* Start custom CSS for html, class: .elementor-element-691e550 *//* ===== RESET NGẮN GỌN ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ===== BIẾN CƠ BẢN ===== */
:root{
  --nav-bg:#292e3b;
  --border:#99a;                     /* line dưới header */
  --btn-bg:#313747;
  --btn-bg-hover:#42495c;
  --btn-r:22px;                      /* nút bo */
  --pill-r:40px;                     /* input bo mạnh */
  --gap:20px;                        /* khoảng cách item */
  --font:Arial,"Microsoft YaHei",sans-serif;
  --blue:#1e90ff;
}

/* ===== HEADER ===== */
.nav-top_loki_header{
  background:var(--nav-bg);
  border-bottom:1px solid var(--border);
  color:#fff;font-family:var(--font);
  padding:8px 16px
}
.navTopContainer_loki_header{
  display:flex;align-items:center;justify-content:space-between;
  max-width:1360px;width:100%;margin:0 auto
}

/* ===== BOX ===== */
.navigationBox_loki_header{display:flex;flex-direction:column;gap:6px;width:100%}

/* --- HÀNG TRÊN --- */
.navigationBoxTop_loki_header{
  display:flex;align-items:center;gap:var(--gap);font-size:14px
}
.btn-navVideo_loki_header,
.btn-chat_loki_header{
  display:flex;align-items:center;gap:6px;
  background:var(--btn-bg);
  border:0;border-radius:var(--btn-r) !important;
  padding:4px 18px;
  color:#90a2dc;font-size:14px;cursor:pointer;
  transition:background .2s
}
.btn-navVideo_loki_header:hover,
.btn-chat_loki_header:hover{background:var(--btn-bg-hover)}
.timeWrapper_loki_header{margin-left:auto;font-size:13px;white-space:nowrap}

/* --- HÀNG DƯỚI --- */
.navigationBoxBottom_loki_header{
  display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap
}

/* FORM */
.loginForm_loki_header{display:flex;gap:var(--gap)}
.inputAccount_loki_header,
.inputPassword_loki_header{
  background:#202432 !important;
  border:1px solid #3e4557 !important;
  border-radius:var(--pill-r) !important; /* BO GÓC “KẸO” */
  padding:8px 20px !important;
  font-size:13px;width:160px;outline:none;color:#fff
}
.inputAccount_loki_header:focus,
.inputPassword_loki_header:focus{border-color:#90a2dc !important}

/* ===== NÚT CHUNG ===== */
.btn-login_loki_header,
.btn-register_loki_header,
.btn-google-login_loki_header,
.btn-guestLogin_loki_header{
  display:flex;align-items:center;gap:6px;
  background:var(--btn-bg);
  border:1px solid transparent;
  border-radius:var(--btn-r) !important;
  padding:8px 20px;
  font-size:14px;color:#fff;cursor:pointer;
  transition:background .2s,border-color .2s
}

/* Viền XANH cho 3 nút */
.btn-login_loki_header,
.btn-register_loki_header,
.btn-guestLogin_loki_header{border-color:var(--blue) !important}
.btn-login_loki_header:hover,
.btn-register_loki_header:hover,
.btn-guestLogin_loki_header:hover{background:var(--btn-bg-hover);border-color:var(--blue) !important}

/* Google riêng */
.btn-google-login_loki_header{background:#4285f4}
.btn-google-login_loki_header:hover{background:#357ae8}

/* Chơi thử màu khác */
.btn-guestLogin_loki_header{background:#42526e}
.btn-guestLogin_loki_header:hover{background:#566582}

/* ICON placeholder */
[class*="icon-"]_loki_header{font-size:16px}

/* ===== MOBILE ≤750px ===== */
@media(max-width:750px){
  .loginForm_loki_header{flex-direction:column}
}


/* ==== PATCH khoảng cách rộng hơn ==== */

/* 1. Tăng gap “hàng dưới” (button + form) */
.navigationBoxBottom_loki_header{
	/* flex-gap cho cả trục ngang & dọc */
	column-gap: 8px;   /* rộng hơn */
	row-gap:   18px;
}

/* 2. Tăng gap giữa hai input bên trong form */
.loginForm_loki_header{
	column-gap: 8px;   /* trước 20 → 28 */
}

/* 3. Nếu trình duyệt cũ/ plugin nào không support gap,
     thêm margin dự phòng cho mọi nút (trừ nút đầu)      */
.btn-login_loki_header,
.btn-register_loki_header,
.btn-google-login_loki_header,
.btn-guestLogin_loki_header{
	margin-left: 8px;
}
.navigationBoxBottom_loki_header > :first-child{
	margin-left: 0;      /* form đầu tiên không cần dạt phải */
}

/* ====== CHỐT KHÔNG NHẢY DÒNG ====== */

/* 1. Hàng nút + ô form luôn 1 dòng, cuộn ngang nếu hẹp */
.navigationBoxBottom_loki_header{
  flex-wrap: nowrap !important;     /* không quấn */
  overflow-x: auto;                 /* cho phép kéo ngang khi chật */
  overscroll-behavior-x: contain;   /* tránh giật cả trang */
  -webkit-overflow-scrolling: touch;/* mượt trên iOS */
  scrollbar-width: none;            /* ẩn thanh cuộn Firefox */
}
/* Ẩn thanh cuộn Chrome/Safari/Edge */
.navigationBoxBottom_loki_header::-webkit-scrollbar{display:none}

/* 2. Tất cả item là “khối cố định”, không co giãn lung tung */
.navigationBoxBottom_loki_header > *{
  flex: 0 0 auto;                   /* giữ kích thước, ko tự co */
}

/* 3. Khi màn cực bé (<600px) giảm padding + gap chút để vừa */
@media(max-width:600px){
  :root{ --gap:14px }               /* gap nhỏ lại */
  .navigationBoxBottom_loki_header{column-gap:var(--gap)}
  .btn-login_loki_header,
  .btn-register_loki_header,
  .btn-google-login_loki_header,
  .btn-guestLogin_loki_header{
     padding:6px 16px;              /* thu gọn nút */
  }
  .inputAccount_loki_header,
  .inputPassword_loki_header{
     width:140px;                   /* thu gọn input */
  }
}
.nav-top_loki_header{
  border-bottom: none !important;   /* bỏ vạch trắng */
}/* End custom CSS */