/* =================================================
   TOP BAR (LOGO + SEARCH)
   Target: .logo-bar-area
   Color: #37475a
   ================================================= */

:root{
  --brand-bg:#37475a;
  --brand-fg:#ffffff;
  --brand-border: rgba(255,255,255,.18);
  --brand-accent:#2f3b4a; /* n迆t search */
}

/* =================================================
   0) ?N TOP NAVBAR (thanh tr?ng tr那n c迄ng)
   ================================================= */
.top-navbar{
  display:none !important;
}
header{
  margin-top:0 !important;
}

/* =================================================
   1) N?n + vi?n khu v?c logo-bar-area
   ================================================= */
.logo-bar-area{
  background: var(--brand-bg) !important;
  border-bottom: 1px solid var(--brand-border) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* N?u theme c車 l?p bg-white b那n trong logo-bar-area th足 谷p trong su?t */
.logo-bar-area .bg-white{
  background: transparent !important;
}

/* =================================================
   2) M角u ch?/icon trong khu logo-bar-area
   L?u y: dropdown menu s? override m角u ?en ri那ng b那n d??i
   ================================================= */
.logo-bar-area a,
.logo-bar-area .text-reset,
.logo-bar-area .nav-box-link,
.logo-bar-area .dropdown-toggle,
.logo-bar-area .la,
.logo-bar-area i{
  color: var(--brand-fg) !important;
}

/* icon m?i t那n dropdown (bootstrap) */
.logo-bar-area .dropdown-toggle::after{
  border-top-color: var(--brand-fg) !important;
}

/* Vi?n nh? cho c芍c kh?i tr那n top bar n?u c車 */
.logo-bar-area .border,
.logo-bar-area .border-right,
.logo-bar-area .border-left,
.logo-bar-area .border-top,
.logo-bar-area .border-bottom{
  border-color: var(--brand-border) !important;
}

/* Logo (ch? logo ? khu logo-bar-area) */
.logo-bar-area img{
  max-height: 60px !important;
  height: auto !important;
}

/* =================================================
   SEARCH: d?ch tr芍i + ch?nh chi?u cao
   ================================================= */

/* D?ch c?m search sang tr芍i (??i -40 th角nh -30 n?u mu?n) */
.logo-bar-area .front-header-search{
  margin-left: -40px !important;
}

/* Input search */
.logo-bar-area .front-header-search .form-control,
.logo-bar-area .front-header-search input.form-control{
  height: 45px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;

  background:#ffffff !important;
  color:#111111 !important;
  border-color: transparent !important;
}

.logo-bar-area .front-header-search .form-control::placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* N迆t search */
.logo-bar-area .front-header-search .btn,
.logo-bar-area .front-header-search .btn-primary{
  height: 45px !important;
  background: var(--brand-accent) !important;
  border-color: var(--brand-accent) !important;
  color: #ffffff !important;
}

/* Dropdown g?i y search (typed-search-box): n?n tr?ng ch? ?en */
.logo-bar-area .typed-search-box{
  background:#ffffff !important;
  color:#111111 !important;
}
.logo-bar-area .typed-search-box *{
  color:#111111 !important;
}

/* Mobile search toggle (n?u c車) */
.logo-bar-area [data-target=".front-header-search"],
.logo-bar-area [data-target="#front-header-search"]{
  color: var(--brand-fg) !important;
}

/* =================================================
   ?N Compare + Wishlist (ch? trong header)
   ================================================= */
.logo-bar-area a[href*="compare"],
.logo-bar-area a[href*="wishlist"]{
  display:none !important;
}
.logo-bar-area .compare,
.logo-bar-area .wishlist,
.logo-bar-area .btn-compare,
.logo-bar-area .btn-wishlist{
  display:none !important;
}

/* =================================================
   LANGUAGE + CURRENCY: ch? hi?n th? ? logo-bar-area
   ================================================= */

/* ?n tr那n top-navbar (thanh tr?ng) */
.top-navbar #lang-change,
.top-navbar #currency-change{
  display:none !important;
}

/* B?t ? logo-bar-area */
.logo-bar-area #lang-change,
.logo-bar-area #currency-change{
  display:inline-block !important;
}

/* N迆t lang/currency gi?ng Amazon */
.logo-bar-area #lang-change > a,
.logo-bar-area #currency-change > a{
  height: 45px !important;           /* kh?p chi?u cao search */
  display:flex !important;
  align-items:center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 6px !important;
  background: transparent !important;
  line-height: 1 !important;
}

.logo-bar-area #lang-change > a:hover,
.logo-bar-area #currency-change > a:hover{
  background: rgba(255,255,255,.08) !important;
}

/* Dropdown menu nh足n s?ch */
.logo-bar-area #lang-change .dropdown-menu,
.logo-bar-area #currency-change .dropdown-menu{
  border-radius: 10px !important;
  overflow:hidden !important;
}

/* item active r? h?n */
.logo-bar-area #lang-change .dropdown-item.active,
.logo-bar-area #currency-change .dropdown-item.active{
  font-weight: 700 !important;
}

/* =================================================
   FIX: ch? trong dropdown Language/Currency hi?n th? m角u ?en
   ================================================= */
.logo-bar-area #lang-change .dropdown-menu,
.logo-bar-area #currency-change .dropdown-menu{
  background:#fff !important;
}

.logo-bar-area #lang-change .dropdown-menu a,
.logo-bar-area #lang-change .dropdown-menu .dropdown-item,
.logo-bar-area #currency-change .dropdown-menu a,
.logo-bar-area #currency-change .dropdown-menu .dropdown-item{
  color:#111 !important;
}

.logo-bar-area #lang-change .dropdown-menu .dropdown-item:hover,
.logo-bar-area #currency-change .dropdown-menu .dropdown-item:hover{
  color:#111 !important;
  background:#f2f4f7 !important;
}

/* =================================================
   LOGIN button trong logo-bar-area (sau currency)
   ================================================= */
.logo-bar-area #header-login-btn .header-login-btn{
  height: 45px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.logo-bar-area #header-login-btn .header-login-btn:hover{
  background: rgba(255,255,255,.08) !important;
}

/* =================================================
   AMAZON "ALL" button tr??c ? search
   ================================================= */
.logo-bar-area .front-header-search .all-categories-btn{
  height:45px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;

  background:#f3f3f3 !important;
  color:#111 !important;

  border:1px solid #cfcfcf !important;
  border-right:0 !important;
  border-radius:6px 0 0 6px !important;

  padding:0 12px !important;
  white-space:nowrap !important;
}

.logo-bar-area .front-header-search .all-categories-btn i{
  color:#111 !important;
  font-size:18px !important;
  line-height:1 !important;
}

.logo-bar-area .front-header-search .all-categories-btn .all-text{
  color:#111 !important;
  font-size:14px !important;
  font-weight:700 !important;
}

/* N?i li?n ALL + input */
.logo-bar-area .front-header-search .input-group .form-control{
  border:1px solid #cfcfcf !important;
  border-left:0 !important;
  border-radius:0 !important;
}

/* Bo g車c n迆t search b那n ph?i */
.logo-bar-area .front-header-search .btn.btn-primary{
  border-radius:0 6px 6px 0 !important;
}

/* =================================================
   FIX: ch? trong menu Categories (menu 3 g?ch) hi?n th? m角u ?en
   ================================================= */
.logo-bar-area #hover-category-menu,
.logo-bar-area #hover-category-menu *{
  color:#111 !important;
}

.logo-bar-area #hover-category-menu a,
.logo-bar-area #hover-category-menu .category-nav-element,
.logo-bar-area #hover-category-menu .category-nav-element > a{
  color:#111 !important;
}
/* FIX dropdown user menu (H? s? / Logout) b? tr?ng ch? */
.logo-bar-area #header-user-menu .dropdown-menu{
  background:#fff !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

.logo-bar-area #header-user-menu .dropdown-menu a,
.logo-bar-area #header-user-menu .dropdown-menu .dropdown-item{
  color:#111 !important;
}

.logo-bar-area #header-user-menu .dropdown-item:hover{
  background:#f2f4f7 !important;
  color:#111 !important;
}
/* User menu dropdown fix (H? s?/Logout) */
.logo-bar-area #header-user-menu .dropdown-menu.user-menu-dropdown{
  background:#fff !important;
}
.logo-bar-area #header-user-menu .dropdown-menu.user-menu-dropdown a,
.logo-bar-area #header-user-menu .dropdown-menu.user-menu-dropdown .dropdown-item{
  color:#111 !important;
}
.logo-bar-area #header-user-menu .dropdown-menu.user-menu-dropdown .dropdown-item:hover{
  background:#f2f4f7 !important;
  color:#111 !important;
}