/* ==========================================================================
   Khởi tạo CSS (CSS Reset) - Loại bỏ các style mặc định của trình duyệt
   ========================================================================== */

/* 1. Đặt lại box-sizing thành border-box cho tất cả các phần tử, giúp tính toán kích thước dễ dàng hơn */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 2. Cấu hình cơ bản cho html và body */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%; /* Ngăn trình duyệt tự phóng to chữ trên mobile */
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed; /* Tối ưu tốc độ render chữ */
  -webkit-font-smoothing: antialiased; /* Làm font chữ mượt mà hơn trên macOS */
  -moz-osx-font-smoothing: grayscale;
}

/* 3. Xóa style mặc định của danh sách */
ul,
ol {
  list-style: none;
}

/* 4. Responsive mặc định cho hình ảnh và media */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 5. Đồng bộ font chữ cho các phần tử form (input, button, textarea...) */
input,
button,
textarea,
select {
  font: inherit;
}

/* 6. Fix lỗi bảng hiển thị viền kép */
table {
  border-collapse: collapse;
  border-spacing: 0;
}