.elementor-74356 .elementor-element.elementor-element-53291f44{--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;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-14c00faa *//* ===== BỎ HIỆU ỨNG LOAN MÀU VIỀN AVATAR (PC & MOBILE) ===== */
#dmMenuOnly .dm-user .avt {
  background: transparent !important; /* bỏ gradient cầu vồng */
  border: none !important;            /* bỏ viền màu */
  box-shadow: none !important;        /* bỏ bóng */
}

/* Icon người trắng đơn giản */
#dmMenuOnly .dm-user .avt svg,
#dmMenuOnly .dm-user .avt svg path,
#dmMenuOnly .dm-user .avt svg circle {
  stroke: #fff !important;
  fill: none !important;
}

/* Giữ nút avatar trong suốt, chữ trắng */
#dmMenuOnly .dm-user {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600;
}

/* Hover chỉ sáng nhẹ chứ không có loan màu */
#dmMenuOnly .dm-user:hover {
  background: rgba(255,255,255,0.15) !important;
}

/* Avatar ở thanh đáy mobile cũng giống PC */
#dmMenuOnly .dm-bottom-bar .dm-user .avt {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
#dmMenuOnly .dm-bottom-bar .dm-user svg {
  stroke: #fff !important;
}
#dmMenuOnly .dm-bottom-bar .dm-user span {
  color: #fff !important;
}
/* ==== 1) Thu nhỏ form tìm kiếm – Desktop ==== */
@media (min-width:1024px){
  /* form ngắn và gọn hơn */
  #dmMenuOnly .dm-search{ max-width:460px; }              /* bớt dài */
  #dmMenuOnly .dm-search form{ padding:4px 10px; gap:6px; border-radius:999px; }
  #dmMenuOnly .dm-search .ico{ width:14px; height:14px; } /* icon nhỏ lại */
  #dmMenuOnly .dm-search input{ font-size:13px; }         /* chữ trong input nhỏ hơn chút */
  #dmMenuOnly .dm-search button{ padding:4px 10px; font-size:12px; line-height:1.1; }
}

/* ==== 2) Mobile giữ gọn gàng ==== */
@media (max-width:1023px){
  #dmMenuOnly .dm-search form{ padding:6px 10px; }
  #dmMenuOnly .dm-search input{ font-size:14px; }
  #dmMenuOnly .dm-search button{ padding:6px 10px; font-size:12.5px; }
}

/* ==== 3) Dropdown gợi ý: chữ đen, icon đậm, bớt khoảng trống ==== */
#dmMenuOnly .dm-suggest{ 
  color:#0f172a; 
  padding:4px;                         /* bớt khoảng đệm tổng */
  border-color:#d1d5db;
}
#dmMenuOnly .dm-sg-title{ color:#111; font-weight:800; }
#dmMenuOnly .dm-sg-item{
  padding:8px 8px;                     /* bớt đệm trái/phải để sát hơn */
}
#dmMenuOnly .dm-sg-item span{ color:#0f172a; font-weight:600; }
#dmMenuOnly .dm-sg-item .ico{ color:#111 !important; opacity:1; } /* kính lúp đen rõ */
#dmMenuOnly .dm-sg-item:hover,
#dmMenuOnly .dm-sg-item.active{ background:#eef2ff; }
/* ==== Làm rõ icon tìm kiếm trên mobile ==== */
@media (max-width:1023px){
  /* Nút toggle tìm kiếm */
  #dmMenuOnly .dm-search-toggle{
    background: rgba(255,255,255,0.2) !important; /* nền trắng mờ để nổi */
    color: #fff !important;                       /* icon trắng rõ */
    border: 1px solid rgba(255,255,255,0.25);
    width: 38px; height: 38px;                    /* tăng nhẹ kích thước để dễ bấm */
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    transition: background .2s ease;
  }
  /* hover / chạm vào */
  #dmMenuOnly .dm-search-toggle:hover{
    background: rgba(255,255,255,0.35) !important;
  }
  /* icon bên trong */
  #dmMenuOnly .dm-search-toggle svg{
    stroke: #fff !important;
    width: 18px; height: 18px;
  }
}
/* ==== THU NHỎ FORM TÌM KIẾM PC ==== */
@media (min-width:1024px){
  #dmMenuOnly .dm-search {
    max-width:420px;          /* gọn chiều ngang */
  }

  #dmMenuOnly .dm-search form {
    padding:3px 10px;         /* giảm chiều cao */
    gap:6px;
    border-radius:999px;
    box-shadow:0 1px 2px rgba(0,0,0,0.08);
  }

  #dmMenuOnly .dm-search input {
    font-size:13px;
    padding:4px 2px;
  }

  #dmMenuOnly .dm-search .ico {
    width:14px;
    height:14px;
    color:#64748b;
  }

  #dmMenuOnly .dm-search button {
    padding:4px 10px;
    font-size:12.5px;
    font-weight:700;
    border-radius:999px;
  }
}

/* ==== MOBILE vẫn giữ gọn nhẹ ==== */
@media (max-width:1023px){
  #dmMenuOnly .dm-search form {
    padding:6px 10px;
    border-radius:999px;
  }
}
/* === Mobile tweaks: thu logo + chỉ hiện nút MENU trên mobile === */

/* Mặc định ẨN nút MENU mobile trên PC */
#dmMenuOnly .dm-menu-toggle{
  display:none !important;  /* ghi đè bản trước đang inline-flex */
}

/* Chỉ trên MOBILE (<=1023px) */
@media (max-width:1023px){
  /* Hiện lại nút MENU */
  #dmMenuOnly .dm-menu-toggle{
    display:inline-flex !important;
  }

  /* Thu nhỏ logo 1 chút cho gọn */
  #dmMenuOnly .dm-logo img{
    height:28px !important;   /* trước là ~32px, bạn chỉnh 26–30 tuỳ mắt */
    width:auto !important;
  }
}




/* === Fix nút MENU mobile bị lòi ra trên PC === */

/* Ẩn tuyệt đối nút mobile trên PC (>=1024px) */
@media (min-width:1024px){
  #dmMenuOnly .dm-topbar .dm-menu-toggle {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* === Thu nhỏ logo trên điện thoại === */
@media (max-width:1023px){
  #dmMenuOnly .dm-logo img{
    height: 26px !important; /* gọn lại, bạn chỉnh 24–28 tuỳ mắt */
    width: auto !important;
  }
}/* End custom CSS */