/* 2. RESET CÁC THÀNH PHẦN "HUNG HĂN" NHẤT CỦA FLATSOME */
.ht-agent__container {
  display: block;
  text-align: left; /* Flatsome hay căn giữa mặc định */
  font-size: 16px; /* Set size chuẩn để không bị ăn theo font theme */
  line-height: 1.5;
  color: var(--foreground-color);
}

/* Khử text-transform (Flatsome cực thích uppercase tiêu đề/nút) */
.ht-agent__container h1,
.ht-agent__container h2,
.ht-agent__container h3,
.ht-agent__container h4,
.ht-agent__container h5,
.ht-agent__container h6,
.ht-agent__container button,
.ht-agent__container a {
  text-transform: none;
  letter-spacing: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* 3. RESET FORM & INPUT (Điểm yếu của nhiều plugin khi cài Flatsome) */
.ht-agent__container input,
.ht-agent__container textarea,
.ht-agent__container select,
.ht-agent__container button {
  /* Khử bóng đổ và border mặc định của theme */
  box-shadow: none;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 4px;
  height: auto; /* Flatsome hay ép chiều cao input */
  min-height: 0;
  max-width: 100%;
}

/* Khử hiệu ứng hover lạ của Flatsome trên button */
.ht-agent__container button:hover,
.ht-agent__container input[type="submit"]:hover {
  background-color: #eee;
  filter: none;
  top: 0; /* Khử hiệu ứng nhích lên 1px của theme */
}

/* 4. RESET LIST (Quan trọng nếu bạn dùng ul li làm menu/list) */
.ht-agent__container ul,
.ht-agent__container ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ht-agent__container li {
  margin: 0;
  padding: 0;
}

/* 5. KHỬ LINK DECORATION */
.ht-agent__container a {
  color: inherit;
  text-decoration: none;
}

.ht-agent__container a:hover {
  color: inherit;
  text-decoration: underline;
}

/* 6. ĐẢM BẢO ẢNH KHÔNG BỊ VỠ LAYOUT */
.ht-agent__container img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  box-shadow: none;
}