@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

html,
body {
  margin: 0px;
  height: 100%;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

/* ==========================================================================
   NHÚNG FONT CHỮ CHUẨN ĐƯỜNG DẪN DỰ ÁN
   ========================================================================== */

/* 1. Nhúng font công nghệ Neusharp độc quyền từ file TTF của bạn */
@font-face {
  font-family: "1FTV VIP Neusharp";
  src: url("../fonts/1FTV-VIP-Neusharp-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Đồng bộ tên gọi font-family để tránh lỗi khi gọi "1FTV VIP Neusharp-Bold" */
@font-face {
  font-family: "1FTV VIP Neusharp-Bold";
  src: url("../fonts/1FTV-VIP-Neusharp-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 2. Nhúng font nội dung Roboto quốc dân từ thư viện Google Fonts để tránh lỗi cục bộ */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* Tạo font-family dự phòng trỏ thẳng vào bộ Roboto vừa import */
@font-face {
  font-family: "Roboto-Regular";
  src: local("Roboto"), url("https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Roboto-Bold";
  src: local("Roboto Bold"), url("https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2") format("woff2");
  font-weight: 700;
}

/* Màu đỏ và kích cỡ chữ cho câu thông báo lỗi */
.form-error-msg {
    color: #ff3b3b;
    font-size: 13px;
    font-family: var(--common-body-2-font-family), "Roboto", sans-serif;
    display: block;
    margin-top: 5px;
    padding-left: 5px;
}

/* Đổi viền ô input thành màu đỏ khi nhập sai */
.form-control-input.error,
.form-control-select.error {
    border: 1px solid #ff3b3b !important;
}